API & Client - get application version from API

fittrackee_client/src/App.vue

@@ -19,7 +19,7 @@
       <i class="fa fa-chevron-up" aria-hidden="true"></i>
     </div>
   </div>
-  <Footer />
+  <Footer v-if="appConfig" :version="appConfig ? appConfig.version : ''" />
 </template>
 
 <script lang="ts">

fittrackee_client/src/components/Footer.vue

@@ -1,7 +1,10 @@
 <template>
   <div id="footer">
     <div class="footer-items">
-      <div class="footer-item"><strong>FitTrackee</strong> vx.xx</div>
+      <div class="footer-item">
+        <strong>FitTrackee</strong>
+        v{{ version }}
+      </div>
       <div class="footer-item bullet">•</div>
       <div class="footer-item">
         <a
@@ -34,6 +37,20 @@
   </div>
 </template>
 
+<script lang="ts">
+  import { defineComponent } from 'vue'
+
+  export default defineComponent({
+    name: 'Footer',
+    props: {
+      version: {
+        type: String,
+        required: true,
+      },
+    },
+  })
+</script>
+
 <style scoped lang="scss">
   @import '~@/scss/base';
 

fittrackee_client/src/types/application.ts

@@ -14,6 +14,7 @@ export type TAppConfig = {
   max_single_file_size: number
   max_users: number
   max_zip_file_size: number
+  version: string
 }
 
 export interface IApplication {