Show version number on login page

range-of-motion · range-of-motion · commit 017b483a5752 · 2023-12-04T22:18:44.000+01:00
diff --git a/resources/assets/js/prototype/app.js b/resources/assets/js/prototype/app.js
@@ -9,6 +9,8 @@ import TransactionsIndex from './screens/Transactions/Index.vue';
 import TransactionsCreate from './screens/Transactions/Create.vue';
 import SettingsPreferences from './screens/Settings/Preferences.vue';
 
+Vue.prototype.versionNumber = window.versionNumber;
+
 Vue.use(VueRouter);
 
 const routes = [
diff --git a/resources/assets/js/prototype/screens/Login.vue b/resources/assets/js/prototype/screens/Login.vue
@@ -35,16 +35,19 @@ const logIn = () => {
 
 <template>
     <div class="flex items-center justify-center min-h-screen">
-        <div class="flex-1 max-w-sm p-5 space-y-5 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg">
-            <div>
-                <label class="block mb-2 text-sm dark:text-white">E-mail</label>
-                <input class="w-full px-3.5 py-2.5 text-sm dark:text-white dark:bg-gray-700 border border-gray-200 dark:border-gray-600 rounded-lg" type="email" v-model="email" />
+        <div class="flex-1 max-w-sm">
+            <div class="p-5 space-y-5 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg">
+                <div>
+                    <label class="block mb-2 text-sm dark:text-white">E-mail</label>
+                    <input class="w-full px-3.5 py-2.5 text-sm dark:text-white dark:bg-gray-700 border border-gray-200 dark:border-gray-600 rounded-lg" type="email" v-model="email" />
+                </div>
+                <div>
+                    <label class="block mb-2 text-sm dark:text-white">Password</label>
+                    <input class="w-full px-3.5 py-2.5 text-sm dark:text-white dark:bg-gray-700 border border-gray-200 dark:border-gray-600 rounded-lg" type="password" v-model="password" @keyup.enter="logIn" />
+                </div>
+                <button class="w-full py-3 text-sm text-white bg-gray-900 dark:bg-gray-950 rounded-lg" @click="logIn">Log in</button>
             </div>
-            <div>
-                <label class="block mb-2 text-sm dark:text-white">Password</label>
-                <input class="w-full px-3.5 py-2.5 text-sm dark:text-white dark:bg-gray-700 border border-gray-200 dark:border-gray-600 rounded-lg" type="password" v-model="password" @keyup.enter="logIn" />
-            </div>
-            <button class="w-full py-3 text-sm text-white bg-gray-900 dark:bg-gray-950 rounded-lg" @click="logIn">Log in</button>
+            <div class="mt-5 text-sm text-center dark:text-white">{{ versionNumber }}</div>
         </div>
     </div>
 </template>
diff --git a/resources/views/prototype.blade.php b/resources/views/prototype.blade.php
@@ -11,5 +11,8 @@
     <body class="bg-gray-50 dark:bg-gray-900">
         <div id="app"></div>
         @vite('resources/assets/js/prototype/app.js')
+        <script>
+            window.versionNumber = '{{ $versionNumber }}';
+        </script>
     </body>
 </html>
