support custom tips in login page

src/views/desktop/LoginPage.vue

@@ -24,6 +24,7 @@
                         <v-card-text>
                             <h4 class="text-h4 mb-2">{{ $t('Welcome to ezBookkeeping') }}</h4>
                             <p class="mb-0">{{ $t('Please log in with your ezBookkeeping account') }}</p>
+                            <p class="mt-1 mb-0" v-if="tips">{{ tips }}</p>
                         </v-card-text>
 
                         <v-card-text class="pb-0 mb-6">
@@ -179,7 +180,8 @@ import apiConstants from '@/consts/api.js';
 import {
     isUserRegistrationEnabled,
     isUserForgetPasswordEnabled,
-    isUserVerifyEmailEnabled
+    isUserVerifyEmailEnabled,
+    getLoginPageTips
 } from '@/lib/server_settings.js';
 import { setExpenseAndIncomeAmountColor } from '@/lib/ui.js';
 
@@ -224,6 +226,9 @@ export default {
         isUserForgetPasswordEnabled() {
             return isUserForgetPasswordEnabled();
         },
+        tips() {
+            return this.$locale.getServerTipContent(getLoginPageTips());
+        },
         inputIsEmpty() {
             return !this.username || !this.password;
         },

src/views/mobile/LoginPage.vue

@@ -5,6 +5,10 @@
             <f7-block class="login-page-tile margin-vertical-half">{{ $t('global.app.title') }}</f7-block>
         </f7-login-screen-title>
 
+        <f7-list inset v-if="tips">
+            <f7-block-footer>{{ tips }}</f7-block-footer>
+        </f7-list>
+
         <f7-list form dividers class="margin-bottom-half">
             <f7-list-input
                 type="text"
@@ -188,7 +192,8 @@ import apiConstants from '@/consts/api.js';
 import {
     isUserRegistrationEnabled,
     isUserForgetPasswordEnabled,
-    isUserVerifyEmailEnabled
+    isUserVerifyEmailEnabled,
+    getLoginPageTips
 } from '@/lib/server_settings.js';
 import { getDesktopVersionPath } from '@/lib/version.js';
 import { setExpenseAndIncomeAmountColor } from '@/lib/ui.js';
@@ -239,6 +244,9 @@ export default {
         isUserForgetPasswordEnabled() {
             return isUserForgetPasswordEnabled();
         },
+        tips() {
+            return this.$locale.getServerTipContent(getLoginPageTips());
+        },
         inputIsEmpty() {
             return !this.username || !this.password;
         },