sort currencies in exchange rates page

src/views/desktop/ExchangeRatesPage.vue

@@ -176,7 +176,7 @@ export default {
             return exchangeRatesLastUpdateTime ? this.$locale.formatUnixTimeToLongDate(this.userStore, exchangeRatesLastUpdateTime) : '';
         },
         availableExchangeRates() {
-            return this.$locale.getAllDisplayExchangeRates(this.exchangeRatesData);
+            return this.$locale.getAllDisplayExchangeRates(this.settingsStore, this.exchangeRatesData);
         }
     },
     created() {

src/views/desktop/app/settings/tabs/AppBasicSettingTab.vue

@@ -177,6 +177,28 @@
                 </v-form>
             </v-card>
         </v-col>
+
+        <v-col cols="12">
+            <v-card :title="$t('Exchange Rates Data Page')">
+                <v-form>
+                    <v-card-text>
+                        <v-row>
+                            <v-col cols="12" md="6">
+                                <v-select
+                                    item-title="displayName"
+                                    item-value="type"
+                                    persistent-placeholder
+                                    :label="$t('Sort by')"
+                                    :placeholder="$t('Sort by')"
+                                    :items="allCurrencySortingTypes"
+                                    v-model="currencySortByInExchangeRatesPage"
+                                />
+                            </v-col>
+                        </v-row>
+                    </v-card-text>
+                </v-form>
+            </v-card>
+        </v-col>
     </v-row>
 </template>
 
@@ -206,6 +228,9 @@ export default {
         allTimezoneTypesUsedForStatistics() {
             return this.$locale.getAllTimezoneTypesUsedForStatistics(this.timeZone);
         },
+        allCurrencySortingTypes() {
+            return this.$locale.getAllCurrencySortingTypes();
+        },
         theme: {
             get: function () {
                 return this.settingsStore.appSettings.theme;
@@ -310,6 +335,14 @@ export default {
             set: function (value) {
                 this.settingsStore.setAutoGetCurrentGeoLocation(value);
             }
+        },
+        currencySortByInExchangeRatesPage: {
+            get: function () {
+                return this.settingsStore.appSettings.currencySortByInExchangeRatesPage;
+            },
+            set: function (value) {
+                this.settingsStore.setCurrencySortByInExchangeRatesPage(value);
+            }
         }
     },
     setup() {

src/views/mobile/ExchangeRatesPage.vue

@@ -120,7 +120,7 @@ export default {
             return exchangeRatesLastUpdateTime ? this.$locale.formatUnixTimeToLongDate(this.userStore, exchangeRatesLastUpdateTime) : '';
         },
         availableExchangeRates() {
-            return this.$locale.getAllDisplayExchangeRates(this.exchangeRatesData);
+            return this.$locale.getAllDisplayExchangeRates(this.settingsStore, this.exchangeRatesData);
         },
         displayBaseAmount() {
             return this.$locale.formatAmount(this.userStore, this.baseAmount);

src/views/mobile/settings/PageSettingsPage.vue

@@ -48,6 +48,19 @@
                 <f7-toggle :checked="isAutoGetCurrentGeoLocation" @toggle:change="isAutoGetCurrentGeoLocation = $event"></f7-toggle>
             </f7-list-item>
         </f7-list>
+
+        <f7-block-title>{{ $t('Exchange Rates Data Page') }}</f7-block-title>
+        <f7-list strong inset dividers>
+            <f7-list-item
+                :title="$t('Sort by')"
+                smart-select :smart-select-params="{ openIn: 'popup', popupPush: true, closeOnSelect: true, scrollToSelectedItem: true, searchbar: true, searchbarPlaceholder: $t('Sort by'), searchbarDisableText: $t('Cancel'), appendSearchbarNotFound: $t('No results'), popupCloseLinkText: $t('Done') }">
+                <select v-model="currencySortByInExchangeRatesPage">
+                    <option :value="sortingType.type"
+                            :key="sortingType.type"
+                            v-for="sortingType in allCurrencySortingTypes">{{ sortingType.displayName }}</option>
+                </select>
+            </f7-list-item>
+        </f7-list>
     </f7-page>
 </template>
 
@@ -63,6 +76,9 @@ export default {
         allTimezoneTypesUsedForStatistics() {
             return this.$locale.getAllTimezoneTypesUsedForStatistics();
         },
+        allCurrencySortingTypes() {
+            return this.$locale.getAllCurrencySortingTypes();
+        },
         showAmountInHomePage: {
             get: function () {
                 return this.settingsStore.appSettings.showAmountInHomePage;
@@ -115,6 +131,14 @@ export default {
             set: function (value) {
                 this.settingsStore.setAutoGetCurrentGeoLocation(value);
             }
+        },
+        currencySortByInExchangeRatesPage: {
+            get: function () {
+                return this.settingsStore.appSettings.currencySortByInExchangeRatesPage;
+            },
+            set: function (value) {
+                this.settingsStore.setCurrencySortByInExchangeRatesPage(value);
+            }
         }
     }
 };