add version in login page

package-lock.json

@@ -5669,6 +5669,12 @@
         "assert-plus": "^1.0.0"
       }
     },
+    "git-revision-webpack-plugin": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/git-revision-webpack-plugin/-/git-revision-webpack-plugin-3.0.6.tgz",
+      "integrity": "sha512-vW/9dBahGbpKPcccy3xKkHgdWoH/cAPPc3lQw+3edl7b4j29JfNGVrja0a1d8ZoRe4nTN8GCPrF9aBErDnzx5Q==",
+      "dev": true
+    },
     "glob": {
       "version": "7.1.6",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",

package.json

@@ -28,6 +28,7 @@
     "babel-plugin-component": "^1.1.1",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
+    "git-revision-webpack-plugin": "^3.0.6",
     "vue-template-compiler": "^2.6.11"
   },
   "eslintConfig": {

src/lib/version.js

@@ -0,0 +1,7 @@
+export default {
+    getVersion: () => {
+        let version = process.env.VERSION || 'unknown';
+        let commitHash = process.env.COMMIT_HASH || 'unknown';
+        return `${version}-${commitHash.substr(0, Math.min(10, commitHash.length))}`;
+    }
+};

src/mobile-main.js

@@ -12,6 +12,7 @@ import 'framework7/css/framework7.bundle.css';
 import 'framework7-icons';
 
 import { getAllLanguages, getLanguage, getDefaultLanguage, getI18nOptions, getLocalizedError } from './lib/i18n.js';
+import version from './lib/version.js';
 import settings from './lib/settings.js';
 import services from './lib/services.js';
 import userstate from './lib/userstate.js';
@@ -24,6 +25,7 @@ Framework7.use(Framework7Vue);
 
 const i18n = new VueI18n(getI18nOptions());
 
+Vue.prototype.$version = version.getVersion;
 Vue.prototype.$settings = settings;
 Vue.prototype.$getDefaultLanguage = getDefaultLanguage;
 Vue.prototype.$getAllLanguages = getAllLanguages;

src/views/mobile/Login.vue

@@ -31,6 +31,15 @@
             </f7-block-footer>
         </f7-list>
         <f7-button small popover-open=".popover-menu" :text="currentLanguageName"></f7-button>
+        <f7-list>
+            <f7-block-footer>
+                <span>Powered by </span>
+                <f7-link external href="https://github.com/mayswind/lab" target="_blank">lab</f7-link>&nbsp;
+                <span>{{ version }}</span>
+            </f7-block-footer>
+            <f7-block-footer>
+            </f7-block-footer>
+        </f7-list>
         <f7-popover class="popover-menu">
             <f7-list>
                 <f7-list-item
@@ -98,6 +107,9 @@ export default {
         };
     },
     computed: {
+        version() {
+            return this.$version();
+        },
         isUserRegistrationEnabled() {
             return this.$isUserRegistrationEnabled();
         },

vue.config.js

@@ -1,3 +1,6 @@
+const GitRevisionPlugin = require('git-revision-webpack-plugin');
+const pkgFile = require('./package.json');
+
 module.exports = {
     pages: {
         desktop: {
@@ -42,7 +45,15 @@ module.exports = {
                     minChunks: 2
                 }
             }
-        })
+        });
+
+        config.plugin('define').tap(definitions => {
+            const gitRevisionPlugin = new GitRevisionPlugin();
+            definitions[0]['process.env']['VERSION'] = JSON.stringify(pkgFile.version);
+            definitions[0]['process.env']['COMMIT_HASH'] = JSON.stringify(gitRevisionPlugin.commithash());
+
+            return definitions;
+        });
     },
     devServer: {
         host: '0.0.0.0',