Merge pull request #258 from SmartAPI/badges

feat: ✨ display OAS3 version on badges

Author: marcodarko

web-app/src/components/RegistryItem.vue

@@ -11,7 +11,7 @@
         ></UptimeStatus>
       </span>
       <div>
-        <span v-if="api?.openapi" class="versionBadge green"> OAS3 </span>
+        <span v-if="api?.openapi" class="versionBadge green"> OAS3 {{ api?.openapi.includes('.') ? " " + api?.openapi.split('.', 2).join('.') : " " + api?.openapi }}</span>
         <span v-else-if="api?.swagger" class="versionBadge blue"> Swagger2 </span>
         <span
           v-if="api?.info?.['x-trapi']?.version"

web-app/src/views/UI.vue

@@ -86,7 +86,8 @@ export default {
       name: '',
       api: Object,
       //ensure nav has mounted for teleport to work
-      ready: false
+      ready: false,
+      openapi: ''
     });
 
     const route = useRoute();
@@ -100,6 +101,7 @@ export default {
 
     // useMeta(computedMeta)
 
+
     let loadSwaggerUI = (dataurl) => {
       const HideEmptyTagsPlugin = () => {
         return {
@@ -141,6 +143,8 @@ export default {
                   '<div class="yellow lighten-4 red-text padding20"> <i class="material-icons">warning</i> Your connection is secure (HTTPS) and the selected server utilizes an insecure communication (HTTP). <br/>This will likely result in errors, please select a matching protocol server or change your connection. </div>'
                 );
             }
+            document.querySelector('.swagger-ui .info .title small.version-stamp pre.version')
+            .insertAdjacentHTML('beforeend', data?.openapi.includes('.') ? " " + data?.openapi.split('.', 2).join('.') : " " + data?.openapi)
           }
         }
       });
@@ -152,6 +156,7 @@ export default {
         .get(url)
         .then((res) => {
           data.api = res.data;
+          data.openapi = res.data?.openapi
         })
         .catch((err) => {
           throw err;