nicoeri/filebrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed all $t to t of I18n

Browse Source
This commit is contained in:
Joep 2023-09-09 13:52:52 +02:00
parent d13222fde3
commit abe3a4387c
4 changed files with 41 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/views/Errors.vue
View File

@ -4,7 +4,7 @@
<h2 class="message">
<i class="material-icons">{{ info.icon }}</i>
<span>{{ $t(info.message) }}</span>
<span>{{ t(info.message) }}</span>
</h2>
</div>
</template>
@ -12,6 +12,9 @@
<script setup lang="ts">
import HeaderBar from "@/components/header/HeaderBar.vue";
import { computed } from "vue";
import { useI18n } from "vue-i18n";
const { t } = useI18n({})
const errors: {
[key: string]: {
@ -37,10 +40,8 @@ const errors: {
},
};
const props = defineProps<{
errorCode: any,
showHeader: boolean
}>()
const props = defineProps(["errorCode", "showHeader"])
const info = computed(() => {
return errors[props.errorCode] ? errors [props.errorCode] : errors[500]

2
frontend/src/views/Files.vue
View File

@ -13,7 +13,7 @@
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
<span>{{ $t("files.loading") }}</span>
<span>{{ t("files.loading") }}</span>
</h2>
</div>
</div>

13
frontend/src/views/Settings.vue
View File

@ -7,17 +7,17 @@
<ul>
<router-link to="/settings/profile"
><li :class="{ active: $route.path === '/settings/profile' }">
{{ $t("settings.profileSettings") }}
{{ t("settings.profileSettings") }}
</li></router-link
>
<router-link to="/settings/shares" v-if="user?.perm.share"
><li :class="{ active: $route.path === '/settings/shares' }">
{{ $t("settings.shareManagement") }}
{{ t("settings.shareManagement") }}
</li></router-link
>
<router-link to="/settings/global" v-if="user?.perm.admin"
><li :class="{ active: $route.path === '/settings/global' }">
{{ $t("settings.globalSettings") }}
{{ t("settings.globalSettings") }}
</li></router-link
>
<router-link to="/settings/users" v-if="user?.perm.admin"
@ -27,7 +27,7 @@
$route.path === '/settings/users' || $route.name === 'User',
}"
>
{{ $t("settings.userManagement") }}
{{ t("settings.userManagement") }}
</li></router-link
>
</ul>
@ -41,7 +41,7 @@
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
<span>{{ $t("files.loading") }}</span>
<span>{{ t("files.loading") }}</span>
</h2>
</div>
@ -54,6 +54,9 @@ import { useAuthStore } from "@/stores/auth";
import { useLayoutStore } from "@/stores/layout";
import HeaderBar from "@/components/header/HeaderBar.vue";
import { computed } from "vue";
import { useI18n } from "vue-i18n";
const { t } = useI18n();
const authStore = useAuthStore();
const layoutStore = useLayoutStore();

49
frontend/src/views/Share.vue
View File

@ -3,13 +3,13 @@
<header-bar showMenu showLogo>
<title />
<action v-if="fileStore.selectedCount" icon="file_download" :label="$t('buttons.download')" @action="download"
<action v-if="fileStore.selectedCount" icon="file_download" :label="t('buttons.download')" @action="download"
:counter="fileStore.selectedCount" />
<button v-if="isSingleFile()" class="action copy-clipboard" :data-clipboard-text="linkSelected()"
:aria-label="$t('buttons.copyDownloadLinkToClipboard')" :data-title="$t('buttons.copyDownloadLinkToClipboard')">
:aria-label="t('buttons.copyDownloadLinkToClipboard')" :data-title="t('buttons.copyDownloadLinkToClipboard')">
<i class="material-icons">content_paste</i>
</button>
<action icon="check_circle" :label="$t('buttons.selectMultiple')" @action="toggleMultipleSelection" />
<action icon="check_circle" :label="t('buttons.selectMultiple')" @action="toggleMultipleSelection" />
</header-bar>
<breadcrumbs :base="'/share/' + hash" />
@ -21,27 +21,27 @@
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
<span>{{ $t("files.loading") }}</span>
<span>{{ t("files.loading") }}</span>
</h2>
</div>
<div v-else-if="error">
<div v-if="error.status === 401">
<div class="card floating" id="password">
<div v-if="attemptedPasswordLogin" class="share__wrong__password">
{{ $t("login.wrongCredentials") }}
{{ t("login.wrongCredentials") }}
</div>
<div class="card-title">
<h2>{{ $t("login.password") }}</h2>
<h2>{{ t("login.password") }}</h2>
</div>
<div class="card-content">
<input v-focus type="password" :placeholder="$t('login.password')" v-model="password"
<input v-focus type="password" :placeholder="t('login.password')" v-model="password"
@keyup.enter="fetchData" />
</div>
<div class="card-action">
<button class="button button--flat" @click="fetchData" :aria-label="$t('buttons.submit')"
:data-title="$t('buttons.submit')">
{{ $t("buttons.submit") }}
<button class="button button--flat" @click="fetchData" :aria-label="t('buttons.submit')"
:data-title="t('buttons.submit')">
{{ t("buttons.submit") }}
</button>
</div>
</div>
@ -54,31 +54,31 @@
<div class="share__box__header">
{{
req.isDir
? $t("download.downloadFolder")
: $t("download.downloadFile")
? t("download.downloadFolder")
: t("download.downloadFile")
}}
</div>
<div class="share__box__element share__box__center share__box__icon">
<i class="material-icons">{{ icon }}</i>
</div>
<div class="share__box__element">
<strong>{{ $t("prompts.displayName") }}</strong> {{ req.name }}
<strong>{{ t("prompts.displayName") }}</strong> {{ req.name }}
</div>
<div class="share__box__element" :data-title="modTime">
<strong>{{ $t("prompts.lastModified") }}:</strong> {{ humanTime }}
<strong>{{ t("prompts.lastModified") }}:</strong> {{ humanTime }}
</div>
<div class="share__box__element">
<strong>{{ $t("prompts.size") }}:</strong> {{ humanSize }}
<strong>{{ t("prompts.size") }}:</strong> {{ humanSize }}
</div>
<div class="share__box__element share__box__center">
<a target="_blank" :href="link" class="button button--flat">
<div>
<i class="material-icons">file_download</i>{{ $t("buttons.download") }}
<i class="material-icons">file_download</i>{{ t("buttons.download") }}
</div>
</a>
<a target="_blank" :href="inlineLink" class="button button--flat" v-if="!req.isDir">
<div>
<i class="material-icons">open_in_new</i>{{ $t("buttons.openFile") }}
<i class="material-icons">open_in_new</i>{{ t("buttons.openFile") }}
</div>
</a>
</div>
@ -88,7 +88,7 @@
</div>
<div v-if="req.isDir && req.items.length > 0" class="share__box share__box__items">
<div class="share__box__header" v-if="req.isDir">
{{ $t("files.files") }}
{{ t("files.files") }}
</div>
<div id="listing" class="list file-icons">
<item v-for="item in req.items.slice(0, showLimit)" :key="base64(item.name)" v-bind:index="item.index"
@ -102,9 +102,9 @@
</div>
<div :class="{ active: fileStore.multiple }" id="multiple-selection">
<p>{{ $t("files.multipleSelectionEnabled") }}</p>
<div @click="() => (fileStore.multiple = false)" tabindex="0" role="button" :data-title="$t('files.clear')"
:aria-label="$t('files.clear')" class="action">
<p>{{ t("files.multipleSelectionEnabled") }}</p>
<div @click="() => (fileStore.multiple = false)" tabindex="0" role="button" :data-title="t('files.clear')"
:aria-label="t('files.clear')" class="action">
<i class="material-icons">clear</i>
</div>
</div>
@ -113,7 +113,7 @@
<div v-else-if="req.isDir && req.items.length === 0" class="share__box share__box__items">
<h2 class="message">
<i class="material-icons">sentiment_dissatisfied</i>
<span>{{ $t("files.lonely") }}</span>
<span>{{ t("files.lonely") }}</span>
</h2>
</div>
</div>
@ -138,6 +138,7 @@ import { useFileStore } from "@/stores/file";
import { useLayoutStore } from "@/stores/layout";
import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
import { useRoute } from "vue-router";
import { useI18n } from "vue-i18n";
const error = ref<null | any>(null)
const showLimit = ref<number>(100)
@ -147,6 +148,8 @@ const hash = ref<any>(null)
const token = ref<any>(null)
const clip = ref<any>(null)
const { t } = useI18n({})
const route = useRoute()
const fileStore = useFileStore()
const layoutStore = useLayoutStore()
@ -283,7 +286,7 @@ onMounted(async () => {
// window.addEventListener("keydown", this.keyEvent);
// this.clip = new Clipboard(".copy-clipboard");
// this.clip.on("success", () => {
// this.$showSuccess(this.$t("success.linkCopied"));
// this.$showSuccess(this.t("success.linkCopied"));
// });
})