nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-19 00:22:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

language strings updates

Browse Source
This commit is contained in:
Čarodej
2022-03-20 12:12:09 +01:00
parent 98d9f3ab0d
commit 881facc867
121 changed files with 1729 additions and 1400 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/views/Admin/AppSettings/AppSettings.vue
View File

@@ -26,7 +26,7 @@ export default {
route: 'AppOthers',
},
{
title: this.$t('Login & Registration'),
title: this.$t('login_and_registration'),
route: 'AppSignInUp',
},
{
@@ -38,15 +38,15 @@ export default {
route: 'AppAdsense',
},
{
title: this.$t('Homepage'),
title: this.$t('homepage'),
route: 'AppIndex',
},
{
title: this.$t('Environment'),
title: this.$t('environment'),
route: 'AppEnvironment',
},
{
title: this.$t('Server'),
title: this.$t('server'),
route: 'AppServer',
},
],

6
resources/js/views/Admin/AppSettings/AppSettingsTabs/Appearance.vue
View File

@@ -36,7 +36,7 @@
</div>
<div v-if="app" class="card shadow-card">
<FormLabel>
{{ $t('Branding') }}
{{ $t('branding') }}
</FormLabel>
<AppInputText :title="$t('admin_settings.appearance.logo')">
@@ -47,7 +47,7 @@
/>
</AppInputText>
<AppInputText :title="$t('App Logo Dark Mode (optional)')">
<AppInputText :title="$t('app_logo_dark_mode')">
<ImageInput
@input="$updateImage('/admin/settings', 'app_logo_dark', app.logo_dark)"
:image="$getImage(app.logo_dark)"
@@ -63,7 +63,7 @@
/>
</AppInputText>
<AppInputText :title="$t('App Logo Horizontal Dark Mode (optional)')">
<AppInputText :title="$t('app_logo_horizontal_dark_mode')">
<ImageInput
@input="$updateImage('/admin/settings', 'app_logo_horizontal_dark', app.logo_horizontal_dark)"
:image="$getImage(app.logo_horizontal_dark)"

16
resources/js/views/Admin/AppSettings/AppSettingsTabs/Environment.vue
View File

@@ -10,7 +10,7 @@
class="card shadow-card"
>
<FormLabel icon="wifi">
{{ $t('Broadcasting') }}
{{ $t('broadcasting') }}
</FormLabel>
<ValidationProvider tag="div" mode="passive" name="Broadcast Driver" rules="required" v-slot="{ errors }">
@@ -106,7 +106,7 @@
button-style="theme"
class="w-full sm:w-auto"
>
{{ $t('Save Broadcast Settings') }}
{{ $t('save_broadcast_settings') }}
</ButtonBase>
</ValidationObserver>
@@ -119,7 +119,7 @@
class="card shadow-card"
>
<FormLabel icon="hard-drive">
{{ $t('Storage Driver') }}
{{ $t('storage_driver') }}
</FormLabel>
<ValidationProvider
@@ -224,7 +224,7 @@
button-style="theme"
class="w-full sm:w-auto"
>
{{ $t('Save Storage Settings') }}
{{ $t('save_storage_settings') }}
</ButtonBase>
</ValidationObserver>
@@ -236,7 +236,7 @@
tag="form"
class="card shadow-card"
>
<FormLabel icon="mail">{{ $t('Mail Driver') }}</FormLabel>
<FormLabel icon="mail">{{ $t('mail_driver') }}</FormLabel>
<ValidationProvider tag="div" mode="passive" name="Mail Driver" rules="required" v-slot="{ errors }">
<AppInputText title="Mail Driver" :error="errors[0]">
@@ -244,7 +244,7 @@
v-model="mailDriver"
:default="mailDriver"
:options="mailDriverList"
placeholder="Select your mail driver"
:placeholder="$t('select_mail_driver')"
:isError="errors[0]"
/>
</AppInputText>
@@ -846,7 +846,7 @@ export default {
.then(() => {
events.$emit('toaster', {
type: 'success',
message: this.$t('Your broadcast driver was updated.'),
message: this.$t('broadcast_driver_updated'),
})
})
.catch(() => {
@@ -885,7 +885,7 @@ export default {
.then(() => {
events.$emit('toaster', {
type: 'success',
message: this.$t('Your storage driver was updated.'),
message: this.$t('storage_driver_updated'),
})
})
.catch(() => {

6
resources/js/views/Admin/AppSettings/AppSettingsTabs/Index.vue
View File

@@ -4,12 +4,12 @@
<div class="form block-form">
<div class="card shadow-card">
<FormLabel>
{{ $t('Homepage') }}
{{ $t('homepage') }}
</FormLabel>
<AppInputSwitch
:title="$t('Allow Homepage')"
:description="$t('When this is turned on, your visitors can visit your default homepage.')"
:title="$t('allow_homepage')"
:description="$t('allow_homepage_note')"
:is-last="true"
>
<SwitchInput

28
resources/js/views/Admin/AppSettings/AppSettingsTabs/Others.vue
View File

@@ -3,7 +3,7 @@
<!--Store & Upload-->
<div v-if="app" class="card shadow-card">
<FormLabel>
{{ $t('Storage & Upload') }}
{{ $t('storage_upload') }}
</FormLabel>
<!--Available only when is not metered billing-->
@@ -71,8 +71,8 @@
</FormLabel>
<AppInputSwitch
:title="$t('Allow ReCaptcha')"
:description="$t('ReCaptcha will be allowed on Registration and Contact Us forms.')"
:title="$t('allow_recaptcha')"
:description="$t('allow_recaptcha_note')"
:is-last="!recaptcha.allowedService"
>
<SwitchInput
@@ -90,7 +90,7 @@
:class="{ 'mb-4': recaptcha.isVisibleCredentialsForm }"
>
<edit2-icon size="12" class="vue-feather text-theme mr-2" />
<b class="text-xs">{{ $t('Update Your Credentials') }}</b>
<b class="text-xs">{{ $t('update_your_credentials') }}</b>
</div>
<!--Set up recaptcha credentials-->
@@ -103,7 +103,7 @@
class="rounded-xl p-5 shadow-lg"
>
<FormLabel v-if="!config.isRecaptchaConfigured" icon="shield">
{{ $t('Configure Credentials') }}
{{ $t('configure_your_credentials') }}
</FormLabel>
<ValidationProvider tag="div" mode="passive" name="Site Key" rules="required" v-slot="{ errors }">
@@ -137,7 +137,7 @@
type="submit"
class="w-full"
>
{{ $t('Store Credentials') }}
{{ $t('store_credentials') }}
</ButtonBase>
</ValidationObserver>
</div>
@@ -145,12 +145,12 @@
<!--Other Settings-->
<div v-if="app" class="card shadow-card">
<FormLabel>
{{ $t('Application') }}
{{ $t('application') }}
</FormLabel>
<AppInputButton
:title="$t('Cache')"
:description="$t('Did you change anything in your .env file? Then clear your cache.')"
:title="$t('cache')"
:description="$t('cache_note')"
>
<ButtonBase
@click.native="flushCache"
@@ -187,15 +187,15 @@
<!-- Subscription -->
<div v-if="app" class="card shadow-card">
<FormLabel icon="credit-card">
{{ $t('Subscription') }}
{{ $t('subscription') }}
</FormLabel>
<AppInputText :title="$t('Subscription Type')" :description="$t('Please do not change in production environment.')" :is-last="true">
<AppInputText :title="$t('subscription_type')" :description="$t('subscription_type_note')" :is-last="true">
<SelectInput
@change="subscriptionTypeChange"
:default="app.subscriptionType"
:options="subscriptionTypes"
:placeholder="$t('Select your subscription type')"
:placeholder="$t('select_subscription_type')"
/>
</AppInputText>
</div>
@@ -255,9 +255,9 @@ export default {
methods: {
subscriptionTypeChange(type) {
events.$emit('confirm:open', {
title: this.$t('Are you sure you want to change subscription type?'),
title: this.$t(''),
message: this.$t(
'We strongly do not recommend change this value if there is any subscribed user to prevent any failures. You can operate only with one type of subscription and you can not change it on the fly!'
'subscription_type_change_warn_description'
),
action: {
type: type,

6
resources/js/views/Admin/AppSettings/AppSettingsTabs/Server.vue
View File

@@ -33,7 +33,7 @@
<FormLabel icon="list">Latest Server Logs</FormLabel>
<InfoBox v-if="!logs.length" class="!mb-0">
<p v-html="$t('There is not any server log.')"></p>
<p v-html="$t('there_is_not_log')"></p>
</InfoBox>
<div
@@ -58,11 +58,11 @@
<FormLabel icon="database"> Latest Database Backups </FormLabel>
<InfoBox v-if="!backups.length" class="!mb-0">
<p v-html="$t('There is not any database backup stored.')"></p>
<p v-html="$t('there_is_not_database_backup')"></p>
</InfoBox>
<InfoBox v-if="backups.length" class="!mb-3">
<p v-html="$t('You can find your backups in <b>/storage/app/app-backups</b>.')"></p>
<p v-html="$t('backup_path')"></p>
</InfoBox>
<div

16
resources/js/views/Admin/AppSettings/AppSettingsTabs/SignInUp.vue
View File

@@ -19,8 +19,8 @@
</AppInputSwitch>
<AppInputSwitch
:title="$t('Require Email Verification')"
:description="$t('admin_settings.others.allow_user_verification_help')"
:title="$t('require_email_verification')"
:description="$t('require_email_verification_note')"
:is-last="true"
>
<SwitchInput
@@ -64,7 +64,7 @@
:class="{ 'mb-4': facebook.isVisibleCredentialsForm }"
>
<edit2-icon size="12" class="vue-feather text-theme mr-2" />
<b class="text-xs">{{ $t('Update Your Credentials') }}</b>
<b class="text-xs">{{ $t('update_your_credentials') }}</b>
</div>
<!--Set up facebook credentials-->
@@ -113,7 +113,7 @@
type="submit"
class="w-full"
>
{{ $t('Store Credentials') }}
{{ $t('store_credentials') }}
</ButtonBase>
</ValidationObserver>
</div>
@@ -150,7 +150,7 @@
:class="{ 'mb-4': google.isVisibleCredentialsForm }"
>
<edit2-icon size="12" class="vue-feather text-theme mr-2" />
<b class="text-xs">{{ $t('Update Your Credentials') }}</b>
<b class="text-xs">{{ $t('update_your_credentials') }}</b>
</div>
<!--Set up Google credentials-->
@@ -197,7 +197,7 @@
type="submit"
class="w-full"
>
{{ $t('Store Credentials') }}
{{ $t('store_credentials') }}
</ButtonBase>
</ValidationObserver>
</div>
@@ -234,7 +234,7 @@
:class="{ 'mb-4': github.isVisibleCredentialsForm }"
>
<edit2-icon size="12" class="vue-feather text-theme mr-2" />
<b class="text-xs">{{ $t('Update Your Credentials') }}</b>
<b class="text-xs">{{ $t('update_your_credentials') }}</b>
</div>
<!--Set up github credentials-->
@@ -281,7 +281,7 @@
type="submit"
class="w-full"
>
{{ $t('Store Credentials') }}
{{ $t('store_credentials') }}
</ButtonBase>
</ValidationObserver>
</div>

26
resources/js/views/Admin/Dashboard.vue
View File

@@ -35,7 +35,7 @@
</ColorLabel>
</a>
<b v-if="data.app.license === 'extended'" class="mr-4 inline-block">
<span class="text-sm font-bold"> {{ $t('Subscription') }}: </span>
<span class="text-sm font-bold"> {{ $t('subscription') }}: </span>
<ColorLabel color="purple">
{{ config.subscriptionType }}
</ColorLabel>
@@ -47,7 +47,7 @@
>
<thumbs-up-icon size="15" class="vue-feather text-theme mr-2.5" />
<span class="text-theme text-sm font-bold">
{{ $t('Write a Feedback') }}
{{ $t('write_feedback') }}
</span>
</a>
</div>
@@ -85,7 +85,7 @@
<div class="mb-2 md:mb-6 md:flex md:space-x-6">
<div class="card mb-4 w-full shadow-card md:mb-0">
<FormLabel icon="users">
{{ $t('Total Users') }}
{{ $t('total_users') }}
</FormLabel>
<b class="-mt-3 mb-0.5 block text-2xl font-extrabold sm:text-3xl">
@@ -101,7 +101,7 @@
</div>
<div class="card mb-4 w-full shadow-card md:mb-0">
<FormLabel icon="hard-drive">
{{ $t('Total Storage') }}
{{ $t('total_storage') }}
</FormLabel>
<b class="-mt-3 mb-0.5 block text-2xl font-extrabold sm:text-3xl">
@@ -117,7 +117,7 @@
</div>
<div v-if="config.subscriptionType !== 'none'" class="card mb-4 w-full shadow-card md:mb-0">
<FormLabel icon="dollar">
{{ $t('Earnings') }}
{{ $t('earnings') }}
</FormLabel>
<b class="-mt-3 mb-0.5 block text-2xl font-extrabold sm:text-3xl">
@@ -126,7 +126,7 @@
<router-link :to="{ name: 'Invoices' }" class="mt-6 flex items-center">
<span class="mr-2 whitespace-nowrap text-xs font-bold">
{{ $t('Show all transactions') }}
{{ $t('show_all_transactions') }}
</span>
<chevron-right-icon size="16" class="text-theme vue-feather" />
</router-link>
@@ -136,7 +136,7 @@
<!--Upload bandwidth widgets-->
<div class="card mb-4 shadow-card md:mb-6">
<FormLabel icon="hard-drive">
{{ $t('Upload') }}
{{ $t('upload') }}
</FormLabel>
<b class="-mt-3 mb-0.5 block text-2xl font-extrabold sm:text-3xl">
@@ -144,7 +144,7 @@
</b>
<b class="mb-3 mb-2 block text-sm dark:text-gray-500 text-gray-400">
{{ $t('In last 45 days') }}
{{ $t('in_last_x_days') }}
</b>
<BarChart :data="data.disk.upload.records" />
@@ -153,7 +153,7 @@
<!--Download bandwidth widgets-->
<div class="card mb-4 shadow-card md:mb-6">
<FormLabel icon="hard-drive">
{{ $t('Download') }}
{{ $t('download') }}
</FormLabel>
<b class="-mt-3 mb-0.5 block text-2xl font-extrabold sm:text-3xl">
@@ -161,7 +161,7 @@
</b>
<b class="mb-3 mb-5 block text-sm dark:text-gray-500 text-gray-400">
{{ $t('In last 45 days') }}
{{ $t('in_last_x_days') }}
</b>
<BarChart :data="data.disk.download.records" />
@@ -170,7 +170,7 @@
<!--Latest registration widgets-->
<div class="card mb-4 shadow-card md:mb-6">
<FormLabel icon="users">
{{ $t('Latest Registrations') }}
{{ $t('latest_registrations') }}
</FormLabel>
<WidgetLatestRegistrations />
@@ -182,14 +182,14 @@
class="card mb-4 shadow-card md:mb-6"
>
<FormLabel icon="dollar">
{{ $t('Latest Transactions') }}
{{ $t('latest_transactions') }}
</FormLabel>
<WidgetLatestTransactions />
</div>
</div>
<div id="loader" v-if="isLoading">
<Spinner></Spinner>
<Spinner />
</div>
</div>
</template>

4
resources/js/views/Admin/Invoices.vue
View File

@@ -36,10 +36,10 @@
alt="transaction"
/>
<h1 class="mb-1 text-2xl font-bold">
{{ $t('There is Nothing') }}
{{ $t('there_is_nothing') }}
</h1>
<p class="text-sm text-gray-600">
{{ $t('All your transactions will be visible here') }}
{{ $t('transaction_will_be_here') }}
</p>
</div>
</div>

2
resources/js/views/Admin/Languages/Language.vue
View File

@@ -119,7 +119,7 @@
:title="$t('set_as_default_language')"
:description="
$t(
'If this language is set as default, app will appear in this language for all users.'
'default_language_disclaimer'
)
"
:is-last="true"

2
resources/js/views/Admin/PaymentSettings/PaymentSettings.vue
View File

@@ -22,7 +22,7 @@ export default {
return {
pages: [
{
title: this.$t('admin_settings.tabs.payments'),
title: this.$t('payments'),
route: 'AppPayments',
},
{

88
resources/js/views/Admin/PaymentSettings/PaymentSettingsTab/Payments.vue
View File

@@ -3,12 +3,12 @@
<!--Global payment settings-->
<div class="card shadow-card">
<FormLabel icon="dollar">
{{ $t('Subscription Payments') }}
{{ $t('subscription_payments') }}
</FormLabel>
<AppInputSwitch
:title="$t('Allow Subscription Payments')"
:description="$t('User can subscribe to fixed or metered plan')"
:title="$t('allow_subscription_payments')"
:description="$t('allow_subscription_payments_description')"
:is-last="true"
>
<SwitchInput
@@ -22,12 +22,12 @@
<!--Metered settings-->
<div v-if="config.subscriptionType === 'metered' && allowedPayments" class="card shadow-card">
<FormLabel icon="bar-chart">
{{ $t('Metered Billing Settings') }}
{{ $t('metered_billing_settings') }}
</FormLabel>
<AppInputSwitch
:title="$t('Allow Registration Bonus')"
:description="$t('Credit user automatically bonus to his balance after registration.')"
:title="$t('allow_registration_bonus')"
:description="$t('allow_registration_bonus_description')"
>
<SwitchInput
@input="$updateText('/admin/settings', 'allowed_registration_bonus', allowedRegistrationBonus)"
@@ -38,21 +38,21 @@
<AppInputText
v-if="allowedRegistrationBonus"
:title="$t('The Amount of Registration Bonus')"
:description="$t('This bonus will be automatically added when user successfully register his account.')"
:title="$t('registration_bonus_amount')"
:description="$t('registration_bonus_amount_description')"
>
<input
@input="$updateText('/admin/settings', 'registration_bonus_amount', registrationBonusAmount)"
v-model="registrationBonusAmount"
:placeholder="$t('Type registration bonus amount...')"
:placeholder="$t('registration_bonus_amount_')"
type="number"
class="focus-border-theme input-dark"
/>
</AppInputText>
<AppInputButton
:title="$t('Metered Plan')"
:description="$t('Your price set up for billing multiple features by user usage.')"
:title="$t('metered_plan')"
:description="$t('metered_plan_description')"
:is-last="true"
>
<router-link
@@ -63,13 +63,13 @@
}"
>
<ButtonBase v-if="config.isCreatedMeteredPlan" class="w-full sm:w-auto" button-style="theme">
{{ $t('Plan Details') }}
{{ $t('plan_details') }}
</ButtonBase>
</router-link>
<router-link v-if="!config.isCreatedMeteredPlan" :to="{ name: 'CreateMeteredPlan' }">
<ButtonBase class="w-full sm:w-auto" button-style="theme-solid">
{{ $t('Create Plan') }}
{{ $t('create_plan') }}
</ButtonBase>
</router-link>
</AppInputButton>
@@ -81,7 +81,7 @@
<AppInputSwitch
:title="$t('Allow Stripe Service')"
:description="$t('Allow your users pay by their credit card')"
:description="$t('allow_pay_by_card')"
:is-last="!stripe.allowedService"
>
<SwitchInput
@@ -94,8 +94,8 @@
<!--Stripe credentials are set up-->
<div v-if="stripe.allowedService">
<AppInputText
:title="$t('Your Webhook URL')"
:description="$t('Please copy your url and paste it to the service webhook setup.')"
:title="$t('webhook_url')"
:description="$t('copy_webhook_note')"
>
<CopyInput size="small" :str="getWebhookEndpoint('stripe')" />
</AppInputText>
@@ -103,8 +103,8 @@
<div v-if="stripe.isConfigured">
<AppInputText
@input="$updateText('/admin/settings', 'stripe_payment_description', stripe.paymentDescription)"
:title="$t('Payment Description')"
:description="$t('The description showed below user payment method selection.')"
:title="$t('payment_description')"
:description="$t('payment_description_note')"
>
<textarea
rows="2"
@@ -118,7 +118,7 @@
"
v-model="stripe.paymentDescription"
:placeholder="
$t('Describe in short which methods user can pay with this payment method...')
$t('additional_info_about_payment_method_')
"
type="text"
class="focus-border-theme input-dark"
@@ -131,7 +131,7 @@
:class="{ 'mb-4': stripe.isVisibleCredentialsForm }"
>
<edit2-icon size="14" class="vue-feather text-theme mr-2.5" />
<b class="text-sm">{{ $t('Update Your Credentials') }}</b>
<b class="text-sm">{{ $t('update_your_credentials') }}</b>
</div>
</div>
@@ -145,7 +145,7 @@
class="rounded-xl p-5 shadow-lg"
>
<FormLabel v-if="!stripe.isConfigured" icon="shield">
{{ $t('Configure Your Credentials') }}
{{ $t('configure_your_credentials') }}
</FormLabel>
<ValidationProvider
tag="div"
@@ -185,7 +185,7 @@
<AppInputText :title="$t('Webhook Secret')" :error="errors[0]">
<input
v-model="stripe.credentials.webhook"
:placeholder="$t('Paste your webhook secret')"
:placeholder="$t('paste_webhook_secret')"
type="text"
:class="{ '!border-rose-600': errors[0] }"
class="focus-border-theme input-dark"
@@ -200,7 +200,7 @@
type="submit"
class="w-full"
>
{{ $t('Store Credentials') }}
{{ $t('store_credentials') }}
</ButtonBase>
</ValidationObserver>
</div>
@@ -212,7 +212,7 @@
<AppInputSwitch
:title="$t('Allow Paystack Service')"
:description="$t('Allow your users pay by their credit card')"
:description="$t('allow_pay_by_card')"
:is-last="!paystack.allowedService"
>
<SwitchInput
@@ -225,8 +225,8 @@
<!--Paystack credentials are set up-->
<div v-if="paystack.allowedService">
<AppInputText
:title="$t('Your Webhook URL')"
:description="$t('Please copy your url and paste it to the service webhook setup.')"
:title="$t('webhook_url')"
:description="$t('copy_webhook_note')"
>
<CopyInput size="small" :str="getWebhookEndpoint('paystack')" />
</AppInputText>
@@ -236,8 +236,8 @@
@input="
$updateText('/admin/settings', 'paystack_payment_description', paystack.paymentDescription)
"
:title="$t('Payment Description')"
:description="$t('The description showed below user payment method selection.')"
:title="$t('payment_description')"
:description="$t('payment_description_note')"
>
<textarea
rows="2"
@@ -251,7 +251,7 @@
"
v-model="paystack.paymentDescription"
:placeholder="
$t('Describe in short which methods user can pay with this payment method...')
$t('additional_info_about_payment_method_')
"
type="text"
class="focus-border-theme input-dark"
@@ -264,7 +264,7 @@
:class="{ 'mb-4': paystack.isVisibleCredentialsForm }"
>
<edit2-icon size="14" class="vue-feather text-theme mr-2.5" />
<b class="text-sm">{{ $t('Update Your Credentials') }}</b>
<b class="text-sm">{{ $t('update_your_credentials') }}</b>
</div>
</div>
@@ -278,7 +278,7 @@
class="rounded-xl p-5 shadow-lg"
>
<FormLabel v-if="!paystack.isConfigured" icon="shield">
{{ $t('Configure Your Credentials') }}
{{ $t('configure_your_credentials') }}
</FormLabel>
<ValidationProvider
tag="div"
@@ -316,7 +316,7 @@
type="submit"
class="w-full"
>
{{ $t('Store Credentials') }}
{{ $t('store_credentials') }}
</ButtonBase>
</ValidationObserver>
</div>
@@ -328,7 +328,7 @@
<AppInputSwitch
:title="$t('Allow PayPal Service')"
:description="$t('Allow your users pay by their credit card')"
:description="$t('allow_pay_by_card')"
:is-last="!paypal.allowedService"
>
<SwitchInput
@@ -341,8 +341,8 @@
<!--Stripe credentials are set up-->
<div v-if="paypal.allowedService">
<AppInputText
:title="$t('Your Webhook URL')"
:description="$t('Please copy your url and paste it to the service webhook setup.')"
:title="$t('webhook_url')"
:description="$t('copy_webhook_note')"
>
<CopyInput size="small" :str="getWebhookEndpoint('paypal')" />
</AppInputText>
@@ -358,8 +358,8 @@
<AppInputText
@input="$updateText('/admin/settings', 'paypal_payment_description', paypal.paymentDescription)"
:title="$t('Payment Description')"
:description="$t('The description showed below user payment method selection.')"
:title="$t('payment_description')"
:description="$t('payment_description_note')"
>
<textarea
rows="2"
@@ -373,7 +373,7 @@
"
v-model="paypal.paymentDescription"
:placeholder="
$t('Describe in short which methods user can pay with this payment method...')
$t('additional_info_about_payment_method_')
"
type="text"
class="focus-border-theme input-dark"
@@ -386,7 +386,7 @@
:class="{ 'mb-4': paypal.isVisibleCredentialsForm }"
>
<edit2-icon size="14" class="vue-feather text-theme mr-2.5" />
<b class="text-sm">{{ $t('Update Your Credentials') }}</b>
<b class="text-sm">{{ $t('update_your_credentials') }}</b>
</div>
</div>
@@ -400,7 +400,7 @@
class="rounded-xl p-5 shadow-lg"
>
<FormLabel v-if="!paypal.isConfigured" icon="shield">
{{ $t('Configure Your Credentials') }}
{{ $t('configure_your_credentials') }}
</FormLabel>
<ValidationProvider
tag="div"
@@ -449,7 +449,7 @@
type="submit"
class="w-full"
>
{{ $t('Store Credentials') }}
{{ $t('store_credentials') }}
</ButtonBase>
</ValidationObserver>
</div>
@@ -549,17 +549,17 @@ export default {
},
columns: [
{
label: this.$t('Name'),
label: this.$t('name'),
field: 'name',
sortable: true,
},
{
label: this.$t('Currency'),
label: this.$t('currency'),
field: 'currency',
sortable: true,
},
{
label: this.$t('Interval'),
label: this.$t('interval'),
field: 'interval',
sortable: true,
},

30
resources/js/views/Admin/Plans.vue
View File

@@ -39,7 +39,7 @@
</td>
<td class="px-3 md:px-1">
<ColorLabel :color="$getPlanStatusColor(row.data.attributes.status)">
{{ row.data.attributes.status }}
{{ $t(row.data.attributes.status) }}
</ColorLabel>
</td>
<td class="px-3 md:px-1">
@@ -49,7 +49,7 @@
</td>
<td class="px-3 md:px-1">
<span class="text-sm font-bold capitalize">
{{ row.data.attributes.interval }}
{{ $t(row.data.attributes.interval) }}
</span>
</td>
<td class="px-3 md:px-1">
@@ -119,7 +119,7 @@
</td>
<td class="px-3 md:px-1">
<span class="text-sm font-bold capitalize">
{{ row.data.attributes.interval }}
{{ $t(row.data.attributes.interval) }}
</span>
</td>
<td class="px-3 md:px-1">
@@ -170,16 +170,16 @@
/>
<h1 class="mb-1 text-2xl font-bold">
{{ $t('There is Nothing') }}
{{ $t('there_is_nothing') }}
</h1>
<p class="text-sm text-gray-600">
{{ $t('All your plans will be visible here') }}
{{ $t('all_visible_plans_here') }}
</p>
<router-link :to="{ name: createPlanRoute }" class="mt-6 inline-block">
<ButtonBase class="action-confirm" button-style="theme">
{{ $t('Create First Plan') }}
{{ $t('create_first_plan') }}
</ButtonBase>
</router-link>
</div>
@@ -219,22 +219,22 @@ export default {
return {
metered: [
{
label: this.$t('Name'),
label: this.$t('name'),
field: 'name',
sortable: true,
},
{
label: this.$t('Status'),
label: this.$t('status'),
field: 'status',
sortable: true,
},
{
label: this.$t('Currency'),
label: this.$t('currency'),
field: 'currency',
sortable: true,
},
{
label: this.$t('Interval'),
label: this.$t('interval'),
field: 'interval',
sortable: true,
},
@@ -249,22 +249,22 @@ export default {
],
fixed: [
{
label: this.$t('Visibility'),
label: this.$t('visibility'),
field: 'visible',
sortable: true,
},
{
label: this.$t('Name'),
label: this.$t('name'),
field: 'name',
sortable: true,
},
{
label: this.$t('Price'),
label: this.$t('price'),
field: 'amount',
sortable: true,
},
{
label: this.$t('Interval'),
label: this.$t('interval'),
field: 'interval',
sortable: true,
},
@@ -273,7 +273,7 @@ export default {
sortable: false,
},
{
label: this.$t('Storage'),
label: this.$t('storage'),
sortable: false,
},
{

24
resources/js/views/Admin/Plans/Create/CreateFixedPlan.vue
View File

@@ -2,7 +2,7 @@
<ValidationObserver @submit.prevent="createPlan" ref="createPlan" v-slot="{ invalid }" tag="form">
<div class="card shadow-card">
<FormLabel>
{{ $t('Details') }}
{{ $t('details') }}
</FormLabel>
<!--Name-->
@@ -34,7 +34,7 @@
<div class="card shadow-card">
<FormLabel>
{{ $t('Pricing') }}
{{ $t('pricing') }}
</FormLabel>
<div class="justify-items md:flex md:space-x-4">
@@ -47,10 +47,10 @@
v-slot="{ errors }"
class="w-full"
>
<AppInputText :title="$t('admin_page_plans.form.price')" class="w-full">
<AppInputText :title="$t('plan_price')" class="w-full">
<input
v-model="plan.amount"
:placeholder="$t('admin_page_plans.form.price_plac')"
:placeholder="$t('plan_price')"
type="number"
step="0.01"
min="1"
@@ -70,11 +70,11 @@
v-slot="{ errors }"
class="w-full"
>
<AppInputText :title="$t('Currency')" class="w-full">
<AppInputText :title="$t('currency')" class="w-full">
<SelectInput
v-model="plan.currency"
:options="currencyList"
:placeholder="$t('Select plan currency')"
:placeholder="$t('select_plan_currency')"
:isError="errors[0]"
/>
</AppInputText>
@@ -83,11 +83,11 @@
<!--Interval-->
<ValidationProvider tag="div" mode="passive" name="Interval" rules="required" v-slot="{ errors }">
<AppInputText :title="$t('Interval')" :is-last="true">
<AppInputText :title="$t('interval')" :is-last="true">
<SelectInput
v-model="plan.interval"
:options="intervalList"
:placeholder="$t('Select billing interval')"
:placeholder="$t('select_billing_interval')"
:isError="errors[0]"
/>
</AppInputText>
@@ -96,7 +96,7 @@
<div class="card shadow-card">
<FormLabel>
{{ $t('Features') }}
{{ $t('features') }}
</FormLabel>
<!--Storage Capacity-->
@@ -126,13 +126,13 @@
<!--Team Members-->
<ValidationProvider tag="div" mode="passive" name="Max Team Members" rules="required" v-slot="{ errors }">
<AppInputText
:title="$t('Team Members')"
:description="$t('Type -1 to set unlimited team members.')"
:title="$t('team_members')"
:description="$t('zero_for_unlimited_members')"
:is-last="true"
>
<input
v-model="plan.features.max_team_members"
:placeholder="$t('Add max team members in number')"
:placeholder="$t('add_max_team_members')"
type="number"
min="1"
max="999999999"

492
resources/js/views/Admin/Plans/Create/CreateMeteredPlan.vue
View File

@@ -2,197 +2,197 @@
<ValidationObserver @submit.prevent="createPlan" ref="createPlan" v-slot="{ invalid }" tag="form">
<div class="card shadow-card">
<FormLabel>
{{ $t('Details') }}
{{ $t('details') }}
</FormLabel>
<!--Name-->
<!--Name-->
<ValidationProvider tag="div" mode="passive" name="Name" rules="required" v-slot="{ errors }">
<AppInputText :title="$t('name')">
<input
v-model="plan.name"
:placeholder="$t('plan_name')"
type="text"
:class="{ '!border-rose-600': errors[0] }"
class="focus-border-theme input-dark"
/>
v-model="plan.name"
:placeholder="$t('plan_name')"
type="text"
:class="{ '!border-rose-600': errors[0] }"
class="focus-border-theme input-dark"
/>
</AppInputText>
</ValidationProvider>
<!--Description-->
<!--Description-->
<ValidationProvider tag="div" mode="passive" name="Description" v-slot="{ errors }">
<AppInputText :title="$t('description_optional')">
<textarea
v-model="plan.description"
:placeholder="$t('plan_description')"
:class="{ '!border-rose-600': errors[0] }"
class="focus-border-theme input-dark"
></textarea>
v-model="plan.description"
:placeholder="$t('plan_description')"
:class="{ '!border-rose-600': errors[0] }"
class="focus-border-theme input-dark"
></textarea>
</AppInputText>
</ValidationProvider>
<!--Currency-->
<!--Currency-->
<ValidationProvider tag="div" mode="passive" name="Currency" rules="required" v-slot="{ errors }">
<AppInputText :title="$t('Currency')" class="w-full" :is-last="true">
<AppInputText :title="$t('currency')" class="w-full" :is-last="true">
<SelectInput
v-model="plan.currency"
:options="currencyList"
:placeholder="$t('Select plan currency')"
:isError="errors[0]"
/>
v-model="plan.currency"
:options="currencyList"
:placeholder="$t('select_plan_currency')"
:isError="errors[0]"
/>
</AppInputText>
</ValidationProvider>
</div>
<div class="card shadow-card">
<FormLabel>
{{ $t('Charged Features') }}
{{ $t('charged_features') }}
</FormLabel>
<!--Bandwidth-->
<!--Bandwidth-->
<div>
<AppInputSwitch
:title="$t('Bandwidth Price per 1GB')"
:description="$t('Charge your user by the amount of data he upload or download.')"
>
:title="$t('bandwidth_per_gb')"
:description="$t('bandwidth_per_gb_note')"
>
<SwitchInput
v-model="plan.features.bandwidth.active"
class="switch"
:state="plan.features.bandwidth.active"
/>
v-model="plan.features.bandwidth.active"
class="switch"
:state="plan.features.bandwidth.active"
/>
</AppInputSwitch>
<ValidationProvider
v-if="plan.features.bandwidth.active"
class="-mt-3"
tag="div"
mode="passive"
name="Bandwidth Price"
rules="required"
v-slot="{ errors }"
>
v-if="plan.features.bandwidth.active"
class="-mt-3"
tag="div"
mode="passive"
name="Bandwidth Price"
rules="required"
v-slot="{ errors }"
>
<AppInputText class="w-full">
<input
v-model="plan.features.bandwidth.per_unit"
:placeholder="$t('Type the price per 1GB...')"
type="number"
step="0.01"
min="0.01"
max="999999999999"
:class="{ '!border-rose-600': errors[0] }"
class="focus-border-theme input-dark"
/>
v-model="plan.features.bandwidth.per_unit"
:placeholder="$t('type_bandwidth_price')"
type="number"
step="0.01"
min="0.01"
max="999999999999"
:class="{ '!border-rose-600': errors[0] }"
class="focus-border-theme input-dark"
/>
</AppInputText>
</ValidationProvider>
</div>
<!--Storage-->
<!--Storage-->
<div>
<AppInputSwitch
:title="$t('Storage Price per 1GB')"
:description="$t('Charge your user by the amount of data he has stored on the disk per 1GB.')"
>
:title="$t('storage_per_gb')"
:description="$t('storage_per_gb_note')"
>
<SwitchInput
v-model="plan.features.storage.active"
class="switch"
:state="plan.features.storage.active"
/>
v-model="plan.features.storage.active"
class="switch"
:state="plan.features.storage.active"
/>
</AppInputSwitch>
</div>
<ValidationProvider
v-if="plan.features.storage.active"
class="-mt-3"
tag="div"
mode="passive"
name="Storage Price"
rules="required"
v-slot="{ errors }"
>
v-if="plan.features.storage.active"
class="-mt-3"
tag="div"
mode="passive"
name="Storage Price"
rules="required"
v-slot="{ errors }"
>
<AppInputText class="w-full">
<input
v-model="plan.features.storage.per_unit"
:placeholder="$t('Type the price per 1GB...')"
type="number"
step="0.01"
min="0.01"
max="999999999999"
:class="{ '!border-rose-600': errors[0] }"
class="focus-border-theme input-dark"
/>
v-model="plan.features.storage.per_unit"
:placeholder="$t('type_storage_price')"
type="number"
step="0.01"
min="0.01"
max="999999999999"
:class="{ '!border-rose-600': errors[0] }"
class="focus-border-theme input-dark"
/>
</AppInputText>
</ValidationProvider>
<!--Member-->
<!--Member-->
<div>
<AppInputSwitch
:title="$t('Price per 1 Member')"
:description="$t('Charge your user by the total members he use in his Team Folders.')"
>
:title="$t('member_per_unit')"
:description="$t('member_per_unit_note')"
>
<SwitchInput
v-model="plan.features.member.active"
class="switch"
:state="plan.features.member.active"
/>
v-model="plan.features.member.active"
class="switch"
:state="plan.features.member.active"
/>
</AppInputSwitch>
</div>
<ValidationProvider
v-if="plan.features.member.active"
class="-mt-3"
tag="div"
mode="passive"
name="Member Price"
rules="required"
v-slot="{ errors }"
>
v-if="plan.features.member.active"
class="-mt-3"
tag="div"
mode="passive"
name="Member Price"
rules="required"
v-slot="{ errors }"
>
<AppInputText class="w-full">
<input
v-model="plan.features.member.per_unit"
:placeholder="$t('Type the price per 1 member...')"
type="number"
step="0.01"
min="0.01"
max="999999999999"
:class="{ '!border-rose-600': errors[0] }"
class="focus-border-theme input-dark"
/>
v-model="plan.features.member.per_unit"
:placeholder="$t('type_member_price')"
type="number"
step="0.01"
min="0.01"
max="999999999999"
:class="{ '!border-rose-600': errors[0] }"
class="focus-border-theme input-dark"
/>
</AppInputText>
</ValidationProvider>
<!--Flat Fee-->
<!--Flat Fee-->
<div>
<AppInputSwitch
:title="$t('Flat Fee per Cycle')"
:description="$t('Charge monthly flat fee.')"
:is-last="!plan.features.flatFee.active"
>
:title="$t('flat_fee_unit_gb')"
:description="$t('flat_fee_unit_gb_note')"
:is-last="!plan.features.flatFee.active"
>
<SwitchInput
v-model="plan.features.flatFee.active"
class="switch"
:state="plan.features.flatFee.active"
/>
v-model="plan.features.flatFee.active"
class="switch"
:state="plan.features.flatFee.active"
/>
</AppInputSwitch>
<ValidationProvider
v-if="plan.features.flatFee.active"
class="-mt-3"
tag="div"
mode="passive"
name="FlatFee Price"
rules="required"
v-slot="{ errors }"
>
v-if="plan.features.flatFee.active"
class="-mt-3"
tag="div"
mode="passive"
name="FlatFee Price"
rules="required"
v-slot="{ errors }"
>
<AppInputText class="w-full" :is-last="true">
<input
v-model="plan.features.flatFee.per_unit"
:placeholder="$t('Type the price...')"
type="number"
step="0.01"
min="0.01"
max="999999999999"
:class="{ '!border-rose-600': errors[0] }"
class="focus-border-theme input-dark"
/>
v-model="plan.features.flatFee.per_unit"
:placeholder="$t('type_flat_fee_price')"
type="number"
step="0.01"
min="0.01"
max="999999999999"
:class="{ '!border-rose-600': errors[0] }"
class="focus-border-theme input-dark"
/>
</AppInputText>
</ValidationProvider>
</div>
@@ -208,7 +208,7 @@
import SwitchInput from '../../../../components/Others/Forms/SwitchInput'
import AppInputSwitch from '../../../../components/Admin/AppInputSwitch'
import AppInputText from '../../../../components/Admin/AppInputText'
import { ValidationProvider, ValidationObserver } from 'vee-validate/dist/vee-validate.full'
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
import SelectInput from '../../../../components/Others/Forms/SelectInput'
import ImageInput from '../../../../components/Others/Forms/ImageInput'
import MobileHeader from '../../../../components/Mobile/MobileHeader'
@@ -217,137 +217,137 @@ import SectionTitle from '../../../../components/Others/SectionTitle'
import ButtonBase from '../../../../components/FilesView/ButtonBase'
import PageHeader from '../../../../components/Others/PageHeader'
import InfoBox from '../../../../components/Others/Forms/InfoBox'
import { required } from 'vee-validate/dist/rules'
import { mapGetters } from 'vuex'
import { events } from '../../../../bus'
import {required} from 'vee-validate/dist/rules'
import {mapGetters} from 'vuex'
import {events} from '../../../../bus'
import axios from 'axios'
export default {
name: 'CreateMeteredPlan',
components: {
ValidationProvider,
ValidationObserver,
AppInputSwitch,
SwitchInput,
SectionTitle,
AppInputText,
MobileHeader,
SelectInput,
ButtonBase,
ImageInput,
PageHeader,
FormLabel,
required,
InfoBox,
},
computed: {
...mapGetters(['currencyList', 'intervalList', 'config']),
},
data() {
return {
errorMessage: undefined,
isLoading: false,
isError: false,
plan: {
type: 'fixed',
name: undefined,
description: undefined,
currency: undefined,
features: {
bandwidth: {
active: false,
per_unit: undefined,
first_unit: 1,
aggregate_strategy: 'sum_of_usage',
},
storage: {
active: false,
per_unit: undefined,
first_unit: 1,
aggregate_strategy: 'maximum_usage',
},
member: {
active: false,
per_unit: undefined,
first_unit: 1,
aggregate_strategy: 'maximum_usage',
},
flatFee: {
active: false,
per_unit: undefined,
aggregate_strategy: 'maximum_usage',
},
},
},
}
},
methods: {
async createPlan() {
let tiers = []
name: 'CreateMeteredPlan',
components: {
ValidationProvider,
ValidationObserver,
AppInputSwitch,
SwitchInput,
SectionTitle,
AppInputText,
MobileHeader,
SelectInput,
ButtonBase,
ImageInput,
PageHeader,
FormLabel,
required,
InfoBox,
},
computed: {
...mapGetters(['currencyList', 'intervalList', 'config']),
},
data() {
return {
errorMessage: undefined,
isLoading: false,
isError: false,
plan: {
type: 'fixed',
name: undefined,
description: undefined,
currency: undefined,
features: {
bandwidth: {
active: false,
per_unit: undefined,
first_unit: 1,
aggregate_strategy: 'sum_of_usage',
},
storage: {
active: false,
per_unit: undefined,
first_unit: 1,
aggregate_strategy: 'maximum_usage',
},
member: {
active: false,
per_unit: undefined,
first_unit: 1,
aggregate_strategy: 'maximum_usage',
},
flatFee: {
active: false,
per_unit: undefined,
aggregate_strategy: 'maximum_usage',
},
},
},
}
},
methods: {
async createPlan() {
let tiers = []
Object.entries(this.plan.features).forEach(([key, feature]) => {
if (feature.active) {
tiers.push({
aggregate_strategy: feature.aggregate_strategy,
key: key,
tiers: [
{
per_unit: feature.per_unit,
first_unit: 1,
flat_fee: null,
last_unit: null,
},
],
})
}
})
Object.entries(this.plan.features).forEach(([key, feature]) => {
if (feature.active) {
tiers.push({
aggregate_strategy: feature.aggregate_strategy,
key: key,
tiers: [
{
per_unit: feature.per_unit,
first_unit: 1,
flat_fee: null,
last_unit: null,
},
],
})
}
})
// Validate fields
const isValid = await this.$refs.createPlan.validate()
// Validate fields
const isValid = await this.$refs.createPlan.validate()
if (!isValid) return
if (!isValid) return
// Start loading
this.isLoading = true
// Start loading
this.isLoading = true
axios
.post('/api/subscriptions/admin/plans', {
type: 'metered',
name: this.plan.name,
description: this.plan.description,
currency: this.plan.currency,
meters: tiers,
})
.then((response) => {
events.$emit('toaster', {
type: 'success',
message: this.$t('toaster.plan_created'),
})
axios
.post('/api/subscriptions/admin/plans', {
type: 'metered',
name: this.plan.name,
description: this.plan.description,
currency: this.plan.currency,
meters: tiers,
})
.then((response) => {
events.$emit('toaster', {
type: 'success',
message: this.$t('toaster.plan_created'),
})
// Go to plan page
this.$router.push({
name: 'PlanMeteredSettings',
params: { id: response.data.data.id },
})
// Go to plan page
this.$router.push({
name: 'PlanMeteredSettings',
params: {id: response.data.data.id},
})
// Set default state {isEmptyPlans} to false
if (this.config.isEmptyPlans) {
this.$store.commit('REPLACE_CONFIG_VALUE', {
key: 'isEmptyPlans',
value: false,
})
}
})
.catch((error) => {
events.$emit('toaster', {
type: 'danger',
message: this.$t('popup_error.title'),
})
})
.finally(() => {
this.isLoading = false
})
},
},
// Set default state {isEmptyPlans} to false
if (this.config.isEmptyPlans) {
this.$store.commit('REPLACE_CONFIG_VALUE', {
key: 'isEmptyPlans',
value: false,
})
}
})
.catch((error) => {
events.$emit('toaster', {
type: 'danger',
message: this.$t('popup_error.title'),
})
})
.finally(() => {
this.isLoading = false
})
},
},
}
</script>

2
resources/js/views/Admin/Plans/FixedPlan.vue
View File

@@ -17,7 +17,7 @@
<router-view v-if="!isLoading" :plan="plan" />
<div id="loader" v-if="isLoading">
<Spinner></Spinner>
<Spinner />
</div>
</div>
</template>

2
resources/js/views/Admin/Plans/MeteredPlan.vue
View File

@@ -6,7 +6,7 @@
{{ plan.attributes.name }}
</h1>
<small class="text-xs font-bold dark:text-gray-500 text-gray-500 sm:text-sm">
{{ $t('30 Days intervals') }}
{{ $t('x_days_intervals') }}
</small>
</div>

10
resources/js/views/Admin/Plans/Tabs/PlanFixedSettings.vue
View File

@@ -2,7 +2,7 @@
<div>
<div class="card shadow-card">
<FormLabel>
{{ $t('Details') }}
{{ $t('details') }}
</FormLabel>
<!--Visible-->
@@ -57,7 +57,7 @@
<p>
{{
$t(
'Price change is not possible. If you would like to change your price or currency, please feel free to create a new plan.'
'price_change_not_possible_create_new'
)
}}
</p>
@@ -65,7 +65,7 @@
</div>
<div class="card shadow-card">
<FormLabel>
{{ $t('Features') }}
{{ $t('features') }}
</FormLabel>
<!--Storage Capacity-->
@@ -91,7 +91,7 @@
</AppInputText>
<!--Team Members-->
<AppInputText :title="$t('Max Team Members')" :description="$t('Type -1 to set unlimited team members.')" is-last="true">
<AppInputText :title="$t('max_team_members')" :description="$t('zero_for_unlimited_members')" is-last="true">
<input
@input="
$updateInput(
@@ -101,7 +101,7 @@
)
"
v-model="plan.attributes.features.max_team_members"
:placeholder="$t('Add max team members in number')"
:placeholder="$t('add_max_team_members')"
type="number"
min="1"
max="999999999"

22
resources/js/views/Admin/Plans/Tabs/PlanMeteredSettings.vue
View File

@@ -2,7 +2,7 @@
<div>
<div class="card shadow-card">
<FormLabel>
{{ $t('Details') }}
{{ $t('details') }}
</FormLabel>
<!--Name-->
@@ -36,14 +36,14 @@
</div>
<div class="card shadow-card">
<FormLabel>
{{ $t('Charged Features') }}
{{ $t('charged_features') }}
</FormLabel>
<!--Bandwidth-->
<AppInputText
v-if="plan.attributes.features.bandwidth"
:title="$t('Bandwidth Price per 1GB')"
:description="$t('Charge your user by the amount of data he upload or download.')"
:title="$t('bandwidth_per_gb')"
:description="$t('bandwidth_per_gb_note')"
class="w-full"
>
<input
@@ -59,8 +59,8 @@
<!--Storage-->
<AppInputText
v-if="plan.attributes.features.storage"
:title="$t('Storage Price per 1GB')"
:description="$t('Charge your user by the amount of data he has stored on the disk per 1GB.')"
:title="$t('storage_per_gb')"
:description="$t('storage_per_gb_note')"
class="w-full"
>
<input
@@ -76,8 +76,8 @@
<!--Member-->
<AppInputText
v-if="plan.attributes.features.member"
:title="$t('Price per 1 Member')"
:description="$t('Charge your user by the total members he use in his Team Folders.')"
:title="$t('member_per_unit')"
:description="$t('member_per_unit_note')"
class="w-full"
>
<input
@@ -91,8 +91,8 @@
<!--Flat Fee-->
<AppInputText
v-if="plan.attributes.features.flatFee"
:title="$t('Flat Fee per Cycle')"
:description="$t('Charge monthly flat fee.')"
:title="$t('flat_fee_unit_gb')"
:description="$t('flat_fee_unit_gb_note')"
class="w-full"
>
<input
@@ -109,7 +109,7 @@
<p>
{{
$t(
'Price change is not possible. If you would like to change your price or currency, please feel free to create a new plan.'
'price_change_not_possible_create_new'
)
}}
</p>

16
resources/js/views/Admin/Plans/Tabs/PlanSubscribers.vue
View File

@@ -81,7 +81,7 @@
</td>
<td class="px-3 md:px-1">
<ColorLabel :color="$getSubscriptionStatusColor(row.data.attributes.status)">
{{ row.data.attributes.status }}
{{ $t(row.data.attributes.status) }}
</ColorLabel>
</td>
<td class="px-3 md:px-1">
@@ -160,12 +160,12 @@ export default {
sortable: true,
},
{
label: this.$t('Renews At'),
label: this.$t('renews_at'),
field: 'created_at',
sortable: true,
},
{
label: this.$t('Service'),
label: this.$t('service'),
field: 'driver',
sortable: true,
},
@@ -177,27 +177,27 @@ export default {
sortable: true,
},
{
label: this.$t('Status'),
label: this.$t('status'),
field: 'status',
sortable: true,
},
{
label: this.$t('Note'),
label: this.$t('note'),
field: 'plan.name',
sortable: true,
},
{
label: this.$t('Renews At'),
label: this.$t('renews_at'),
field: 'created_at',
sortable: true,
},
{
label: this.$t('Ends At'),
label: this.$t('ends_at'),
field: 'ends_at',
sortable: true,
},
{
label: this.$t('Service'),
label: this.$t('service'),
field: 'driver',
sortable: true,
},

16
resources/js/views/Admin/Subscriptions.vue
View File

@@ -38,7 +38,7 @@
</td>
<td class="px-3 md:px-1">
<ColorLabel :color="$getSubscriptionStatusColor(row.data.attributes.status)">
{{ row.data.attributes.status }}
{{ $t(row.data.attributes.status) }}
</ColorLabel>
</td>
<td class="px-3 md:px-1">
@@ -87,11 +87,11 @@
/>
<h1 class="mb-1 text-2xl font-bold">
{{ $t('There is Nothing') }}
{{ $t('there_is_nothing') }}
</h1>
<p class="text-sm text-gray-600">
{{ $t('All your subscriptions will be visible here') }}
{{ $t('all_visible_subscriptions_here') }}
</p>
</div>
</div>
@@ -124,27 +124,27 @@ export default {
sortable: true,
},
{
label: this.$t('Status'),
label: this.$t('status'),
field: 'status',
sortable: true,
},
{
label: this.$t('Note'),
label: this.$t('note'),
field: 'plan.name',
sortable: true,
},
{
label: this.$t('Renews At'),
label: this.$t('renews_at'),
field: 'created_at',
sortable: true,
},
{
label: this.$t('Ends At'),
label: this.$t('ends_at'),
field: 'created_at',
sortable: true,
},
{
label: this.$t('Service'),
label: this.$t('service'),
field: 'driver.driver',
sortable: true,
},

22
resources/js/views/Admin/Users.vue
View File

@@ -9,7 +9,7 @@
</router-link>
<MobileActionButton @click.native="$openSpotlight('users')" icon="search">
{{ $t('Search') }}
{{ $t('search') }}
</MobileActionButton>
</div>
@@ -56,7 +56,7 @@
</td>
<td class="px-3 md:px-1">
<ColorLabel :color="$getUserRoleColor(row.data.attributes.role)">
{{ row.data.attributes.role }}
{{ $t(row.data.attributes.role) }}
</ColorLabel>
</td>
<td class="px-3 md:px-1">
@@ -134,7 +134,7 @@
</td>
<td class="px-3 md:px-1">
<ColorLabel :color="$getUserRoleColor(row.data.attributes.role)">
{{ row.data.attributes.role }}
{{ $t(row.data.attributes.role) }}
</ColorLabel>
</td>
<td class="px-3 md:px-1">
@@ -217,7 +217,7 @@
</td>
<td class="px-3 md:px-1">
<ColorLabel :color="$getUserRoleColor(row.data.attributes.role)">
{{ row.data.attributes.role }}
{{ $t(row.data.attributes.role) }}
</ColorLabel>
</td>
<td class="px-3 md:px-1">
@@ -318,11 +318,11 @@ export default {
sortable: false,
},
{
label: this.$t('Billing Est.'),
label: this.$t('billing_est.'),
sortable: false,
},
{
label: this.$t('admin_page_user.table.created_at'),
label: this.$t('created_at'),
field: 'created_at',
sortable: true,
},
@@ -343,7 +343,7 @@ export default {
sortable: true,
},
{
label: this.$t('Account'),
label: this.$t('account'),
sortable: false,
},
{
@@ -351,12 +351,12 @@ export default {
sortable: false,
},
{
label: this.$t('Max Storage'),
label: this.$t('max_storage'),
sortable: false,
hidden: !this.config.storageLimit,
},
{
label: this.$t('admin_page_user.table.created_at'),
label: this.$t('created_at'),
field: 'created_at',
sortable: true,
},
@@ -381,12 +381,12 @@ export default {
sortable: false,
},
{
label: this.$t('Max Storage'),
label: this.$t('max_storage'),
sortable: false,
hidden: !this.config.storageLimit,
},
{
label: this.$t('admin_page_user.table.created_at'),
label: this.$t('created_at'),
field: 'created_at',
sortable: true,
},

12
resources/js/views/Admin/Users/User.vue
View File

@@ -15,7 +15,7 @@
{{ user.data.relationships.settings.data.attributes.last_name }}
<ColorLabel color="purple">
{{ user.data.attributes.role }}
{{ $t(user.data.attributes.role) }}
</ColorLabel>
</b>
<small class="block text-xs text-gray-600 sm:text-sm">
@@ -84,7 +84,7 @@ export default {
route: 'UserDetail',
},
{
title: this.$t('Storage'),
title: this.$t('storage'),
route: 'UserStorage',
},
{
@@ -92,7 +92,7 @@ export default {
route: 'UserPassword',
},
{
title: this.$t('Delete Account'),
title: this.$t('delete_account'),
route: 'UserDelete',
},
]
@@ -104,11 +104,11 @@ export default {
route: 'UserDetail',
},
{
title: this.$t('Storage'),
title: this.$t('storage'),
route: 'UserStorage',
},
{
title: this.$t('Billing'),
title: this.$t('billing'),
route: 'UserSubscription',
},
{
@@ -116,7 +116,7 @@ export default {
route: 'UserPassword',
},
{
title: this.$t('Delete Account'),
title: this.$t('delete_account'),
route: 'UserDelete',
},
]

2
resources/js/views/Admin/Users/UserCreate.vue
View File

@@ -83,7 +83,7 @@
>
<input
v-model="user.password_confirmation"
:placeholder="$t('admin_page_user.create_user.label_conf_pass')"
:placeholder="$t('confirm_password')"
type="password"
class="focus-border-theme input-dark"
:class="{ '!border-rose-600': errors[0] }"

4
resources/js/views/Admin/Users/UserTabs/UserDetail.vue
View File

@@ -41,7 +41,7 @@
<!--Name-->
<div class="justify-items md:flex md:space-x-4">
<AppInputText :title="$t('First Name')" class="w-full">
<AppInputText :title="$t('first_name')" class="w-full">
<input
disabled
:value="user.data.relationships.settings.data.attributes.first_name"
@@ -50,7 +50,7 @@
class="focus-border-theme input-dark disabled:text-gray-900 disabled:opacity-100"
/>
</AppInputText>
<AppInputText :title="$t('Last Name')" class="w-full">
<AppInputText :title="$t('last_name')" class="w-full">
<input
disabled
:value="user.data.relationships.settings.data.attributes.last_name"

18
resources/js/views/Admin/Users/UserTabs/UserFixedSubscription.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="card shadow-card">
<FormLabel>
{{ $t('Subscription') }}
{{ $t('subscription') }}
</FormLabel>
<b class="-mt-3 mb-0.5 block text-xl font-extrabold sm:text-3xl">
@@ -36,14 +36,14 @@ export default {
computed: {
status() {
return {
active: `Active until ${this.subscription.attributes.renews_at}`,
cancelled: `Active until ${this.subscription.attributes.ends_at}`,
active: this.$t('active_until', {date: this.subscription.attributes.renews_at}),
cancelled: this.$t('ends_at_date', {date: this.subscription.attributes.ends_at}),
}[this.subscription.attributes.status]
},
price() {
return {
month: `${this.subscription.relationships.plan.data.attributes.price} Per Month`,
year: `${this.subscription.relationships.plan.data.attributes.price} Per Year`,
month: this.$t('price_per_month', {price: this.subscription.relationships.plan.data.attributes.price}),
year: this.$t('price_per_year', {price: this.subscription.relationships.plan.data.attributes.price}),
}[this.subscription.relationships.plan.data.attributes.interval]
},
},
@@ -60,12 +60,12 @@ export default {
max_team_members: 'purple',
},
message: {
max_storage_amount: `Total ${item.use} of ${item.total} Used`,
max_team_members: `Total ${item.use} of ${item.total} Members`,
max_storage_amount: this.$t('total_x_of_x_used', {use: item.use, total:item.total }),
max_team_members: this.$t('total_x_of_x_members', {use: item.use, total:item.total }),
},
title: {
max_storage_amount: `Storage`,
max_team_members: `Team Members`,
max_storage_amount: this.$t('storage'),
max_team_members: this.$t('team_members'),
},
}

14
resources/js/views/Admin/Users/UserTabs/UserMeteredSubscription.vue
View File

@@ -3,7 +3,7 @@
<!--Balance-->
<div class="card shadow-card">
<FormLabel icon="hard-drive">
{{ $t('Balance') }}
{{ $t('balance') }}
</FormLabel>
<b class="-mt-3 mb-0.5 block text-2xl font-extrabold sm:text-3xl">
@@ -19,14 +19,14 @@
>
<ValidationProvider tag="div" v-slot="{ errors }" mode="passive" name="Balance Amount" rules="required">
<AppInputText
:description="$t('User balance will be increased for the amount above.')"
:description="$t('balance_will_be_increased')"
:error="errors[0]"
:is-last="true"
>
<div class="space-y-4 sm:flex sm:space-x-4 sm:space-y-0">
<input
v-model="balanceAmount"
:placeholder="$t('Increase user balance for...')"
:placeholder="$t('increase_for')"
type="number"
min="1"
max="999999999"
@@ -40,7 +40,7 @@
:loading="isUpdatingBalanceAmount"
:disabled="isUpdatingBalanceAmount"
>
{{ $t('Increase Balance') }}
{{ $t('increase_balance') }}
</ButtonBase>
</div>
</AppInputText>
@@ -51,7 +51,7 @@
<!--Usage Estimates-->
<div class="card shadow-card">
<FormLabel icon="hard-drive">
{{ $t('Usage Estimates') }}
{{ $t('usage_estimates') }}
</FormLabel>
<b class="-mt-3 mb-0.5 block text-2xl font-extrabold sm:text-3xl">
@@ -60,7 +60,7 @@
<b class="mb-3 mb-5 block text-sm text-gray-400">
{{ user.data.relationships.subscription.data.attributes.updated_at }}
{{ $t('till now') }}
{{ $t('till_now') }}
</b>
<div>
@@ -142,7 +142,7 @@ export default {
events.$emit('toaster', {
type: 'success',
message: this.$t('User balance was successfully increased'),
message: this.$t('balance_was_increased'),
})
})
.catch(() => {

2
resources/js/views/Admin/Users/UserTabs/UserPassword.vue
View File

@@ -6,7 +6,7 @@
</FormLabel>
<AppInputText
:title="$t('Reset User Password')"
:title="$t('reset_user_password')"
:description="$t('user_box_password.description')"
:is-last="true"
>

14
resources/js/views/Admin/Users/UserTabs/UserStorage.vue
View File

@@ -3,7 +3,7 @@
<!--Storage Usage-->
<div v-if="distribution" class="card shadow-card">
<FormLabel icon="hard-drive">
{{ $t('Storage Usage') }}
{{ $t('storage_usage') }}
</FormLabel>
<b class="-mt-3 mb-0.5 block text-2xl font-extrabold sm:text-3xl">
@@ -16,8 +16,8 @@
"
class="mt-0.5 block text-sm dark:text-gray-500 text-gray-400"
>
{{ $t('Total of') }} {{ storage.data.attributes.capacity }}
{{ $t('Used') }}
{{ $t('total_of', {capacity: storage.data.attributes.capacity}) }}
{{ $t('used') }}
</b>
<ProgressLine v-if="storage.data.attributes.used !== '0B'" :data="distribution" class="mt-5" />
@@ -26,7 +26,7 @@
<!--Upload-->
<div v-if="distribution" class="card shadow-card">
<FormLabel icon="hard-drive">
{{ $t('Upload') }}
{{ $t('upload') }}
</FormLabel>
<b class="-mt-3 mb-0.5 block text-2xl font-extrabold sm:text-3xl">
@@ -34,7 +34,7 @@
</b>
<b class="mb-3 mb-5 block text-sm dark:text-gray-500 text-gray-400">
{{ $t('In last 45 days') }}
{{ $t('in_last_x_days') }}
</b>
<BarChart :data="storage.data.meta.traffic.chart.upload" color="#FFBD2D" />
@@ -43,7 +43,7 @@
<!--Download-->
<div v-if="distribution" class="card shadow-card">
<FormLabel icon="hard-drive">
{{ $t('Download') }}
{{ $t('download') }}
</FormLabel>
<b class="-mt-3 mb-0.5 block text-2xl font-extrabold sm:text-3xl">
@@ -51,7 +51,7 @@
</b>
<b class="mb-3 mb-5 block text-sm dark:text-gray-500 text-gray-400">
{{ $t('In last 45 days') }}
{{ $t('in_last_x_days') }}
</b>
<BarChart :data="storage.data.meta.traffic.chart.download" color="#9d66fe" />

10
resources/js/views/Admin/Users/UserTabs/UserSubscription.vue
View File

@@ -15,22 +15,22 @@
<!--Free Plan-->
<div v-if="!subscription && config.subscriptionType === 'fixed'" class="card shadow-card">
<FormLabel>
{{ $t('Subscription') }}
{{ $t('subscription') }}
</FormLabel>
<b class="-mt-3 mb-0.5 block text-2xl font-extrabold sm:text-3xl">
{{ $t('Free Plan') }}
{{ $t('free_plan') }}
</b>
<b class="block text-sm text-gray-400">
{{ $t('1GB Free storage space with 5 Team members') }}
{{ $t('free_plan_parameters', {storage: config.storageDefaultSpaceFormatted, members: config.teamsDefaultMembers}) }}
</b>
</div>
<!--Transactions-->
<div class="card shadow-card">
<FormLabel icon="file-text">
{{ $t('Transactions') }}
{{ $t('transactions') }}
</FormLabel>
<DatatableWrapper
@@ -60,7 +60,7 @@
<template v-slot:empty-page>
<InfoBox style="margin-bottom: 0">
<p>
{{ $t("User doesn't have any transactions yet.") }}
{{ $t("user_dont_have_transactions") }}
</p>
</InfoBox>
</template>