mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-25 02:10:39 +00:00
translations update
This commit is contained in:
carodej
@@ -10,15 +10,15 @@
|
||||
</div>
|
||||
<div class="metadata">
|
||||
<a href="https://vuefilemanager.com/changelog" target="_blank" class="meta">
|
||||
<span class="meta-title">Version:</span>
|
||||
<span class="meta-title">{{ $t('admin_page_dashboard.version') }}:</span>
|
||||
<ColorLabel color="purple">
|
||||
{{ data.app_version }}
|
||||
</ColorLabel>
|
||||
</a>
|
||||
<a href="https://codecanyon.net/item/vue-file-manager-with-laravel-backend/25815986" target="_blank" class="meta">
|
||||
<span class="meta-title">License:</span>
|
||||
<span class="meta-title">{{ $t('admin_page_dashboard.license') }}:</span>
|
||||
<ColorLabel color="purple">
|
||||
Extended
|
||||
{{ data.license }}
|
||||
</ColorLabel>
|
||||
</a>
|
||||
<a href="https://vuefilemanager.com" target="_blank" class="became-backer">
|
||||
@@ -26,7 +26,7 @@
|
||||
<credit-card-icon size="15"></credit-card-icon>
|
||||
</div>
|
||||
<span class="content">
|
||||
Become a Backer
|
||||
{{ $t('admin_page_dashboard.backer_button') }}
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
@@ -35,34 +35,34 @@
|
||||
<WidgetTotals
|
||||
class="widget"
|
||||
icon="users"
|
||||
title="Total Users"
|
||||
:title="$t('admin_page_dashboard.w_total_users.title')"
|
||||
:value="data.total_users"
|
||||
link-route="Users"
|
||||
link-name="Show All Users"
|
||||
:link-name="$t('admin_page_dashboard.w_total_users.link')"
|
||||
></WidgetTotals>
|
||||
<WidgetTotals
|
||||
class="widget"
|
||||
icon="hard-drive"
|
||||
title="Total Space Used"
|
||||
:title="$t('admin_page_dashboard.w_total_space.title')"
|
||||
:value="data.total_used_space"
|
||||
link-route="Users"
|
||||
link-name="Show All Users"
|
||||
:link-name="$t('admin_page_dashboard.w_total_space.link')"
|
||||
></WidgetTotals>
|
||||
<WidgetTotals
|
||||
v-if="config.isSaaS"
|
||||
class="widget"
|
||||
icon="star"
|
||||
title="Total Premium Users"
|
||||
:title="$t('admin_page_dashboard.w_total_premium.title')"
|
||||
:value="data.total_premium_users"
|
||||
link-route="Plans"
|
||||
link-name="Show All Plans"
|
||||
:link-name="$t('admin_page_dashboard.w_total_premium.link')"
|
||||
></WidgetTotals>
|
||||
</div>
|
||||
<div class="widget-users">
|
||||
<WidgetLatestRegistrations
|
||||
class="widget"
|
||||
icon="users"
|
||||
title="Latest Registrations"
|
||||
:title="$t('admin_page_dashboard.w_latest_users.title')"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -55,8 +55,8 @@
|
||||
<EmptyPageContent
|
||||
v-if="! isLoading && invoices.length === 0"
|
||||
icon="file-text"
|
||||
title="You don’t have any invoices yet"
|
||||
description="All customers invoices will be showed here."
|
||||
:title="$t('admin_page_invoices.empty.title')"
|
||||
:description="$t('admin_page_invoices.empty.description')"
|
||||
>
|
||||
</EmptyPageContent>
|
||||
<div id="loader" v-if="isLoading">
|
||||
@@ -102,27 +102,27 @@
|
||||
invoices: undefined,
|
||||
columns: [
|
||||
{
|
||||
label: 'Invoice Number',
|
||||
label: this.$t('admin_page_invoices.table.number'),
|
||||
field: 'data.attributes.order',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
label: 'Total',
|
||||
label: this.$t('admin_page_invoices.table.total'),
|
||||
field: 'data.attributes.bag.amount',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
label: 'Plan',
|
||||
label: this.$t('admin_page_invoices.table.plan'),
|
||||
field: 'data.attributes.bag.amount',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
label: 'Payed',
|
||||
label: this.$t('admin_page_invoices.table.payed'),
|
||||
field: 'data.attributes.created_at',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
label: 'User',
|
||||
label: this.$t('admin_page_invoices.table.user'),
|
||||
field: 'relationships.user.data.attributes.name',
|
||||
sortable: true
|
||||
},
|
||||
|
||||
@@ -78,17 +78,17 @@
|
||||
pages: undefined,
|
||||
columns: [
|
||||
{
|
||||
label: 'Page',
|
||||
label: this.$t('admin_pages.table.page'),
|
||||
field: 'data.attributes.title',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
label: 'Slug',
|
||||
label: this.$t('admin_pages.table.slug'),
|
||||
field: 'data.attributes.slug',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
label: 'Status',
|
||||
label: this.$t('admin_pages.table.status'),
|
||||
field: 'data.attributes.visibility',
|
||||
sortable: true
|
||||
},
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
<div class="buttons">
|
||||
<router-link :to="{name: 'PlanCreate'}">
|
||||
<MobileActionButton icon="plus">
|
||||
Create Plan
|
||||
{{ $t('admin_page_plans.create_plan_button') }}
|
||||
</MobileActionButton>
|
||||
</router-link>
|
||||
</div>
|
||||
@@ -65,11 +65,11 @@
|
||||
<EmptyPageContent
|
||||
v-if="! isLoading && plans.length === 0"
|
||||
icon="file"
|
||||
title="You don’t have any plan yet"
|
||||
description="For create new plan, click on button below."
|
||||
:title="$t('admin_page_plans.empty.title')"
|
||||
:description="$t('admin_page_plans.empty.description')"
|
||||
>
|
||||
<router-link :to="{name: 'PlanCreate'}">
|
||||
<ButtonBase button-style="theme">Create New Plan</ButtonBase>
|
||||
<ButtonBase button-style="theme">{{ $t('admin_page_plans.empty.button') }}</ButtonBase>
|
||||
</router-link>
|
||||
</EmptyPageContent>
|
||||
|
||||
@@ -115,27 +115,27 @@
|
||||
plans: undefined,
|
||||
columns: [
|
||||
{
|
||||
label: 'Status',
|
||||
label: this.$t('admin_page_plans.table.status'),
|
||||
field: 'data.attributes.status',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
label: 'Plan Name',
|
||||
label: this.$t('admin_page_plans.table.name'),
|
||||
field: 'data.attributes.name',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
label: 'Subscribers',
|
||||
label: this.$t('admin_page_plans.table.subscribers'),
|
||||
field: 'data.attributes.subscribers',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
label: 'Price',
|
||||
label: this.$t('admin_page_plans.table.price'),
|
||||
field: 'data.attributes.price',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
label: 'Storage Capacity',
|
||||
label: this.$t('admin_page_plans.table.storage_capacity'),
|
||||
field: 'data.attributes.capacity',
|
||||
sortable: true
|
||||
},
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
<DatatableWrapper :paginator="true" :columns="columns" :data="users" class="table table-users">
|
||||
<template scope="{ row }">
|
||||
<tr>
|
||||
<td style="width: 300px">
|
||||
<td style="min-width: 320px">
|
||||
<router-link :to="{name: 'UserDetail', params: {id: row.data.id}}">
|
||||
<DatatableCellImage
|
||||
:image="row.data.attributes.avatar"
|
||||
@@ -36,10 +36,10 @@
|
||||
</td>
|
||||
<td v-if="config.isSaaS">
|
||||
<span class="cell-item" v-if="row.data.attributes.subscription">
|
||||
Premium
|
||||
{{ $t('global.premium') }}
|
||||
</span>
|
||||
<span class="cell-item" v-else>
|
||||
Free
|
||||
{{ $t('global.free') }}
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
@@ -142,7 +142,7 @@
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
label: 'Subscription Plan',
|
||||
label: this.$t('admin_page_user.table.plan'),
|
||||
field: 'data.attributes.subscription',
|
||||
sortable: true,
|
||||
hidden: ! this.config.isSaaS,
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
<credit-card-icon size="17"></credit-card-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
Subscription
|
||||
{{ $t('admin_page_user.tabs.subscription') }}
|
||||
</div>
|
||||
</router-link>
|
||||
|
||||
@@ -56,7 +56,7 @@
|
||||
<file-text-icon size="17"></file-text-icon>
|
||||
</div>
|
||||
<div class="label">
|
||||
Invoices
|
||||
{{ $t('admin_page_user.tabs.invoices') }}
|
||||
</div>
|
||||
</router-link>
|
||||
|
||||
|
||||
@@ -3,16 +3,16 @@
|
||||
|
||||
<!--Change role-->
|
||||
<PageTabGroup>
|
||||
<FormLabel>{{ $t('user_box_role.title') }}</FormLabel>
|
||||
<FormLabel>
|
||||
{{ $t('user_box_role.title') }}
|
||||
</FormLabel>
|
||||
|
||||
<InfoBox>
|
||||
<p>{{ $t('user_box_role.description') }}</p>
|
||||
</InfoBox>
|
||||
|
||||
<ValidationObserver ref="changeRole" @submit.prevent="changeRole" v-slot="{ invalid }" tag="form"
|
||||
class="form block-form">
|
||||
<ValidationProvider tag="div" class="block-wrapper" v-slot="{ errors }" mode="passive" name="Role"
|
||||
rules="required">
|
||||
<ValidationObserver ref="changeRole" @submit.prevent="changeRole" v-slot="{ invalid }" tag="form" class="form block-form">
|
||||
<ValidationProvider tag="div" class="block-wrapper" v-slot="{ errors }" mode="passive" name="Role" rules="required">
|
||||
<label>{{ $t('admin_page_user.select_role') }}:</label>
|
||||
<div class="single-line-form">
|
||||
<SelectInput v-model="userRole" :options="roles"
|
||||
@@ -61,10 +61,10 @@
|
||||
<!--Billing Information-->
|
||||
<PageTabGroup>
|
||||
<div class="form block-form">
|
||||
<FormLabel>Billing Information</FormLabel>
|
||||
<FormLabel>{{ $t('user_settings.title_billing') }}</FormLabel>
|
||||
|
||||
<div class="block-wrapper">
|
||||
<label>Name:</label>
|
||||
<label>{{ $t('user_settings.name') }}:</label>
|
||||
<div class="input-wrapper">
|
||||
<input :value="user.relationships.settings.data.attributes.billing_name"
|
||||
type="text"
|
||||
@@ -73,7 +73,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-wrapper">
|
||||
<label>Address:</label>
|
||||
<label>{{ $t('user_settings.address') }}:</label>
|
||||
<div class="input-wrapper">
|
||||
<input :value="user.relationships.settings.data.attributes.billing_address"
|
||||
type="text"
|
||||
@@ -82,7 +82,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-wrapper">
|
||||
<label>State:</label>
|
||||
<label>{{ $t('user_settings.state') }}:</label>
|
||||
<div class="input-wrapper">
|
||||
<input :value="user.relationships.settings.data.attributes.billing_state"
|
||||
type="text"
|
||||
@@ -92,7 +92,7 @@
|
||||
</div>
|
||||
<div class="wrapper-inline">
|
||||
<div class="block-wrapper">
|
||||
<label>City:</label>
|
||||
<label>{{ $t('user_settings.city') }}:</label>
|
||||
<div class="input-wrapper">
|
||||
<input :value="user.relationships.settings.data.attributes.billing_city"
|
||||
type="text"
|
||||
@@ -101,7 +101,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-wrapper">
|
||||
<label>Postal Code:</label>
|
||||
<label>{{ $t('user_settings.postal_code') }}:</label>
|
||||
<div class="input-wrapper">
|
||||
<input :value="user.relationships.settings.data.attributes.billing_postal_code"
|
||||
type="text"
|
||||
@@ -111,7 +111,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-wrapper">
|
||||
<label>Country:</label>
|
||||
<label>{{ $t('user_settings.country') }}:</label>
|
||||
<div class="input-wrapper">
|
||||
<input :value="user.relationships.settings.data.attributes.billing_country"
|
||||
type="text"
|
||||
@@ -120,7 +120,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="block-wrapper">
|
||||
<label>Phone Number:</label>
|
||||
<label>{{ $t('user_settings.phone_number') }}:</label>
|
||||
<div class="input-wrapper">
|
||||
<input :value="user.relationships.settings.data.attributes.billing_phone_number"
|
||||
type="text"
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
</DatatableWrapper>
|
||||
</PageTabGroup>
|
||||
<InfoBox v-else>
|
||||
<p>User don't have any invoices yet.</p>
|
||||
<p>{{ $t('admin_page_user.invoices.empty') }}</p>
|
||||
</InfoBox>
|
||||
</PageTab>
|
||||
</template>
|
||||
@@ -66,22 +66,22 @@
|
||||
invoices: undefined,
|
||||
columns: [
|
||||
{
|
||||
label: 'Invoice Number',
|
||||
label: this.$t('admin_page_invoices.table.number'),
|
||||
field: 'data.attributes.order',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
label: 'Total',
|
||||
label: this.$t('admin_page_invoices.table.total'),
|
||||
field: 'data.attributes.bag.amount',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
label: 'Plan',
|
||||
label: this.$t('admin_page_invoices.table.plan'),
|
||||
field: 'data.attributes.bag.amount',
|
||||
sortable: true
|
||||
},
|
||||
{
|
||||
label: 'Payed',
|
||||
label: this.$t('admin_page_invoices.table.payed'),
|
||||
field: 'data.attributes.created_at',
|
||||
sortable: true
|
||||
},
|
||||
@@ -110,14 +110,4 @@
|
||||
.block-form {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 960px) {
|
||||
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
<template>
|
||||
<PageTab class="form-fixed-width">
|
||||
<PageTabGroup>
|
||||
<FormLabel>{{ $t('user_box_password.title') }}</FormLabel>
|
||||
<FormLabel>
|
||||
{{ $t('user_box_password.title') }}
|
||||
</FormLabel>
|
||||
<InfoBox>
|
||||
<p>{{ $t('user_box_password.description') }}</p>
|
||||
</InfoBox>
|
||||
@@ -83,14 +85,4 @@
|
||||
.block-form {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 960px) {
|
||||
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
<template>
|
||||
<PageTab :is-loading="isLoading" class="form-fixed-width" v-if="storage">
|
||||
<PageTabGroup v-if="config.storageLimit || ! user.data.attributes.subscription">
|
||||
<FormLabel>{{ $t('user_box_storage.title') }}</FormLabel>
|
||||
<FormLabel>
|
||||
{{ $t('user_box_storage.title') }}
|
||||
</FormLabel>
|
||||
<InfoBox>
|
||||
<p>{{ $t('user_box_storage.description') }}</p>
|
||||
</InfoBox>
|
||||
@@ -124,7 +126,7 @@
|
||||
if (error.response.data.errors['attributes.storage_capacity']) {
|
||||
|
||||
this.$refs.changeStorageCapacity.setErrors({
|
||||
'Capacity': 'The storage capacity must be lower than 10 digit number.'
|
||||
'Capacity': this.$t('errors.capacity_digit')
|
||||
});
|
||||
}
|
||||
} else {
|
||||
@@ -158,14 +160,4 @@
|
||||
.block-form {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 960px) {
|
||||
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@@ -1,32 +1,34 @@
|
||||
<template>
|
||||
<PageTab :is-loading="isLoading" class="form-fixed-width">
|
||||
<PageTabGroup v-if="subscription">
|
||||
<FormLabel>Subscription Plan</FormLabel>
|
||||
<FormLabel>
|
||||
{{ $t('user_subscription.title') }}
|
||||
</FormLabel>
|
||||
|
||||
<!--Info about active subscription-->
|
||||
<div v-if="! subscription.canceled" class="state active">
|
||||
<ListInfo class="list-info">
|
||||
<ListInfoItem class="list-item" title="Plan" :content="subscription.attributes.name + ' - ' + subscription.attributes.capacity_formatted"/>
|
||||
<ListInfoItem class="list-item" title="Billed" content="Monthly"/>
|
||||
<ListInfoItem class="list-item" title="Status" :content="status"/>
|
||||
<ListInfoItem class="list-item" title="Created At" :content="subscription.attributes.created_at"/>
|
||||
<ListInfoItem class="list-item" title="Renews At" :content="subscription.attributes.ends_at"/>
|
||||
<ListInfoItem class="list-item" :title="$t('user_subscription.plan')" :content="subscription.attributes.name + ' - ' + subscription.attributes.capacity_formatted"/>
|
||||
<ListInfoItem class="list-item" :title="$t('user_subscription.billed')" content="Monthly"/>
|
||||
<ListInfoItem class="list-item" :title="$t('user_subscription.status')" :content="status"/>
|
||||
<ListInfoItem class="list-item" :title="$t('user_subscription.created_at')" :content="subscription.attributes.created_at"/>
|
||||
<ListInfoItem class="list-item" :title="$t('user_subscription.renews_at')" :content="subscription.attributes.ends_at"/>
|
||||
</ListInfo>
|
||||
</div>
|
||||
|
||||
<!--Info about canceled subscription-->
|
||||
<div v-if="subscription.attributes.canceled" class="state canceled">
|
||||
<ListInfo class="list-info">
|
||||
<ListInfoItem class="list-item" title="Plan" :content="subscription.attributes.name"/>
|
||||
<ListInfoItem class="list-item" title="Status" :content="status"/>
|
||||
<ListInfoItem class="list-item" title="Canceled At" :content="subscription.attributes.canceled_at"/>
|
||||
<ListInfoItem class="list-item" title="Ends At" :content="subscription.attributes.ends_at"/>
|
||||
<ListInfoItem class="list-item" :title="$t('user_subscription.plan')" :content="subscription.attributes.name"/>
|
||||
<ListInfoItem class="list-item" :title="$t('user_subscription.status')" :content="status"/>
|
||||
<ListInfoItem class="list-item" :title="$t('user_subscription.canceled_at')" :content="subscription.attributes.canceled_at"/>
|
||||
<ListInfoItem class="list-item" :title="$t('user_subscription.ends_at')" :content="subscription.attributes.ends_at"/>
|
||||
</ListInfo>
|
||||
</div>
|
||||
</PageTabGroup>
|
||||
<PageTabGroup v-if="! subscription">
|
||||
<InfoBox>
|
||||
<p>User don't have any subscription yet.</p>
|
||||
<p>{{ $t('admin_page_user.subscription.empty') }}</p>
|
||||
</InfoBox>
|
||||
</PageTabGroup>
|
||||
</PageTab>
|
||||
@@ -62,10 +64,10 @@
|
||||
computed: {
|
||||
status() {
|
||||
if (this.subscription.attributes.canceled) {
|
||||
return 'Canceled'
|
||||
return this.$t('global.canceled')
|
||||
}
|
||||
if (this.subscription.attributes.active) {
|
||||
return 'Active'
|
||||
return this.$t('global.active')
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -106,13 +108,4 @@
|
||||
flex: 0 0 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 960px) {
|
||||
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user