Merge pull request #487 from cmandesign/feature/fa-lang-rtl

Feature/fa lang rtl

src/pages/DashboardHome.vue

@@ -57,6 +57,7 @@
                         v-model="page"
                         :records="importantHeartBeatList.length"
                         :per-page="perPage"
+                        :options="paginationConfig"
                     />
                 </div>
             </div>
@@ -81,6 +82,17 @@ export default {
             page: 1,
             perPage: 25,
             heartBeatList: [],
+            paginationConfig: {
+                texts:{
+                    count:`${this.$t("Showing {from} to {to} of {count} records")}|{count} ${this.$t("records")}|${this.$t("One record")}`,
+                    first:this.$t("First"),
+                    last:this.$t("Last"),
+                    nextPage:'>',
+                    nextChunk:'>>',
+                    prevPage:'<',
+                    prevChunk:'<<'
+                }
+            }
         }
     },
     computed: {

src/pages/Details.vue

@@ -181,6 +181,7 @@
                         v-model="page"
                         :records="importantHeartBeatList.length"
                         :per-page="perPage"
+                        :options="paginationConfig"
                     />
                 </div>
             </div>
@@ -237,6 +238,17 @@ export default {
             heartBeatList: [],
             toggleCertInfoBox: false,
             showPingChartBox: true,
+            paginationConfig: {
+                texts:{
+                    count:`${this.$t("Showing {from} to {to} of {count} records")}|{count} ${this.$t("records")}|${this.$t("One record")}`,
+                    first:this.$t("First"),
+                    last:this.$t("Last"),
+                    nextPage:'>',
+                    nextChunk:'>>',
+                    prevPage:'<',
+                    prevChunk:'<<'
+                }
+            }
         }
     },
     computed: {

src/pages/Settings.vue

@@ -226,7 +226,7 @@
                             {{ $t("Setup Notification") }}
                         </button>
 
-                        <h2 class="mt-5">Info</h2>
+                        <h2 class="mt-5">{{ $t("Info") }}</h2>
 
                         {{ $t("Version") }}: {{ $root.info.version }} <br />
                         <a href="https://github.com/louislam/uptime-kuma/releases" target="_blank" rel="noopener">{{ $t("Check Update On GitHub") }}</a>
@@ -316,6 +316,12 @@
                     <p>Пожалуйста, используйте с осторожностью.</p>
                 </template>
 
+                <template v-else-if="$i18n.locale === 'fa' ">
+                    <p>آیا مطمئن هستید که میخواهید <strong>احراز هویت را غیر فعال کنید</strong>?</p>
+                    <p>این ویژگی برای کسانی است که <strong> لایه امنیتی شخص ثالث دیگر بر روی این آدرس فعال کرده‌اند</strong>، مانند Cloudflare Access.</p>
+                    <p>لطفا از این امکان با دقت استفاده کنید.</p>
+                </template>
+
                 <template v-else-if="$i18n.locale === 'bg-BG' ">
                     <p>Сигурни ли сте, че желаете да <strong>изключите удостоверяването</strong>?</p>
                     <p>Използва се в случаите, когато <strong>има настроен алтернативен метод за удостоверяване</strong> преди Uptime Kuma, например Cloudflare Access.</p>
@@ -350,8 +356,9 @@ import TwoFADialog from "../components/TwoFADialog.vue";
 dayjs.extend(utc);
 dayjs.extend(timezone);
 
-import { timezoneList } from "../util-frontend";
+import { timezoneList, setPageLocale } from "../util-frontend";
 import { useToast } from "vue-toastification";
+
 const toast = useToast();
 
 export default {
@@ -387,6 +394,7 @@ export default {
 
         "$i18n.locale"() {
             localStorage.locale = this.$i18n.locale;
+            setPageLocale()
         },
     },
 

src/pages/StatusPage.vue

@@ -197,7 +197,7 @@
         </div>
 
         <footer class="mt-5 mb-4">
-            Powered by <a target="_blank" href="https://github.com/louislam/uptime-kuma">Uptime Kuma</a>
+            {{ $t("Powered By") }} <a target="_blank" href="https://github.com/louislam/uptime-kuma">{{ $t("Uptime Kuma" )}}</a>
         </footer>
     </div>
 </template>