code refactor

.eslintrc.js

@@ -8,7 +8,7 @@ module.exports = {
         'plugin:vue/vue3-essential'
     ],
     'rules': {
-        "vue/multi-word-component-names": "off",
+        'vue/multi-word-component-names': 'off',
-        "vue/no-use-v-if-with-v-for": "off"
+        'vue/no-use-v-if-with-v-for': 'off'
     }
 }

src/components/mobile/DateTimeSelectionSheet.vue

@@ -11,22 +11,22 @@
             </div>
         </f7-toolbar>
         <f7-page-content>
-            <VueDatePicker inline enable-seconds
+            <vue-date-picker inline enable-seconds
-                           auto-apply month-name-format="long"
+                             auto-apply month-name-format="long"
-                           class="justify-content-center"
+                             class="justify-content-center"
-                           :dark="isDarkMode"
+                             :dark="isDarkMode"
-                           :week-start="firstDayOfWeek"
+                             :week-start="firstDayOfWeek"
-                           :year-range="yearRange"
+                             :year-range="yearRange"
-                           :day-names="dayNames"
+                             :day-names="dayNames"
-                           :is24="is24Hour"
+                             :is24="is24Hour"
-                           v-model="dateTime">
+                             v-model="dateTime">
                 <template #month="{ text }">
                     {{ $t(`datetime.${text}.short`) }}
                 </template>
                 <template #month-overlay-value="{ text }">
                     {{ $t(`datetime.${text}.short`) }}
                 </template>
-            </VueDatePicker>
+            </vue-date-picker>
         </f7-page-content>
     </f7-sheet>
 </template>

src/components/mobile/InformationSheet.vue

@@ -15,7 +15,7 @@
                              v-if="enableCopy"
                     ></f7-link>
                 </p>
-                <textarea class="information-content full-line" :rows="rowCount" :value="information"></textarea>
+                <textarea class="information-content full-line" readonly="readonly" :rows="rowCount" :value="information"></textarea>
                 <div class="margin-top text-align-center">
                     <f7-link @click="cancel" :text="$t('Close')"></f7-link>
                 </div>

src/components/mobile/TransactionTagSelectionSheet.vue

@@ -17,12 +17,12 @@
             </f7-list>
             <f7-list dividers no-hairlines class="no-margin-top no-margin-bottom" v-else-if="items && items.length && !noAvailableTag">
                 <f7-list-item checkbox
-                              v-show="!item.hidden"
                               :class="isChecked(item.id) ? 'list-item-selected' : ''"
                               :value="item.id"
                               :checked="isChecked(item.id)"
                               :key="item.id"
                               v-for="item in items"
+                              v-show="!item.hidden"
                               @change="changeItemSelection">
                     <template #title>
                         <f7-block class="no-padding no-margin">

src/consts/timezone.js

@@ -593,5 +593,6 @@ const allAvailableTimezones = [
 ];
 
 export default {
-    all: allAvailableTimezones
+    all: allAvailableTimezones,
+    utcTimezoneName: 'Etc/GMT'
 };

src/lib/i18n.js

@@ -1,7 +1,7 @@
 import { defaultLanguage, allLanguages } from '../locales/index.js';
 import timezone from "../consts/timezone.js";
 import currency from "../consts/currency.js";
-import settings from "./settings";
+import settings from "./settings.js";
 import utils from './utils.js';
 
 const apiNotFoundErrorCode = 100001;
@@ -259,7 +259,7 @@ export function getAllTimezones(includeSystemDefault, translateFn) {
     for (let i = 0; i < allTimezones.length; i++) {
         allTimezoneInfos.push({
             name: allTimezones[i].timezoneName,
-            utcOffset: (allTimezones[i].timezoneName !== 'Etc/GMT' ? utils.getTimezoneOffset(allTimezones[i].timezoneName) : ''),
+            utcOffset: (allTimezones[i].timezoneName !== timezone.utcTimezoneName ? utils.getTimezoneOffset(allTimezones[i].timezoneName) : ''),
             utcOffsetMinutes: utils.getTimezoneOffsetMinutes(allTimezones[i].timezoneName),
             displayName: translateFn(`timezone.${allTimezones[i].displayName}`)
         });
@@ -274,7 +274,7 @@ export function getAllTimezones(includeSystemDefault, translateFn) {
         });
     }
 
-    allTimezoneInfos.sort(function(c1, c2){
+    allTimezoneInfos.sort(function(c1, c2) {
         const utcOffset1 = parseInt(c1.utcOffset.replace(':', ''));
         const utcOffset2 = parseInt(c2.utcOffset.replace(':', ''));
 
@@ -303,7 +303,7 @@ export function getAllCurrencies(translateFn) {
         });
     }
 
-    allCurrencies.sort(function(c1, c2){
+    allCurrencies.sort(function(c1, c2) {
         return c1.displayName.localeCompare(c2.displayName);
     })
 

src/views/mobile/ExchangeRates.vue

@@ -144,7 +144,7 @@ export default {
                 });
             }
 
-            availableExchangeRates.sort(function(c1, c2){
+            availableExchangeRates.sort(function(c1, c2) {
                 return c1.currencyDisplayName.localeCompare(c2.currencyDisplayName);
             })
 

src/views/mobile/tags/List.vue

@@ -30,7 +30,6 @@
         <f7-list strong inset dividers sortable class="tag-item-list margin-top"
                  :sortable-enabled="sortable" @sortable:sort="onSort"
                  v-if="!loading">
-
             <f7-list-item swipeout
                           :id="getTagDomId(tag)"
                           :key="tag.id"

src/views/mobile/users/TwoFactorAuth.vue

@@ -21,7 +21,7 @@
                               v-model:show="showInputPasscodeSheetForEnable"
                               v-model="currentPasscodeForEnable"
                               @passcode:confirm="enableConfirm">
-            <div class="col-100 text-align-center">
+            <div class="text-align-center">
                 <img alt="qrcode" class="img-qrcode" :src="new2FAQRCode" />
             </div>
         </passcode-input-sheet>