frontend: version-chooser: show BlueOS factory version

Author: nicoschmdt

core/frontend/src/components/version-chooser/VersionCard.vue

@@ -7,14 +7,14 @@
       <v-list-item-avatar>
         <v-icon :class="current ? 'green' : 'grey'">
           {{ remote ? 'mdi-earth' : '' }}
-          {{ current ? 'mdi-checkbox-blank-circle' : 'mdi-checkbox-blank-circle-outline' }}
+          {{ displayIcon }}
         </v-icon>
       </v-list-item-avatar>
 
       <div>
         <p
           class="text-body-1 ma-0"
-          v-text="image.tag"
+          v-text="displayTag"
         />
         <p
           v-if="settings.is_pirate_mode"
@@ -169,7 +169,7 @@ import settings from '@/libs/settings'
 import helper from '@/store/helper'
 import { Dictionary } from '@/types/common'
 import { InternetConnectionState } from '@/types/helper'
-import { DEFAULT_REMOTE_IMAGE } from '@/utils/version_chooser'
+import { DEFAULT_REMOTE_IMAGE, getFactoryVersion } from '@/utils/version_chooser'
 
 import SpinningLogo from '../common/SpinningLogo.vue'
 
@@ -243,6 +243,7 @@ export default Vue.extend({
     return {
       bootstrapDialog: false,
       settings,
+      factoryVersion: '',
     }
   },
   computed: {
@@ -261,6 +262,21 @@ export default Vue.extend({
         && !this.updateAvailable && this.isFromBR && this.allImagesLoaded
         && this.bootstrapVersion !== `${this.image.repository.split('/')[0]}/blueos-bootstrap:${this.image.tag}`
     },
+    displayTag(): string {
+      if (this.image.tag === 'factory') {
+        return this.factoryVersion ? `factory [${this.factoryVersion}]` : 'factory'
+      }
+      return this.image.tag
+    },
+    displayIcon(): string {
+      if (this.image.tag === 'factory') {
+        return 'mdi-factory'
+      }
+      return this.current ? 'mdi-checkbox-blank-circle' : 'mdi-checkbox-blank-circle-outline'
+    },
+  },
+  async mounted() {
+    this.factoryVersion = await getFactoryVersion()
   },
   methods: {
     asTimeAgo(value: string) {

core/frontend/src/utils/version_chooser.ts

@@ -199,6 +199,15 @@ async function dockerAccounts(): Promise<DockerLoginInfo[]> {
   return data.data as DockerLoginInfo[]
 }
 
+async function getFactoryVersion(): Promise<string> {
+  const response = await back_axios({
+    method: 'get',
+    url: `${API_URL}/version/factory/`,
+  })
+
+  return response.data as string
+}
+
 export {
   DEFAULT_REMOTE_IMAGE,
   dockerAccounts,
@@ -216,4 +225,5 @@ export {
   loadLocalVersions,
   sortImages,
   sortVersions,
+  getFactoryVersion,
 }