mirror of
https://github.com/VueFileManager/vuefilemanager.git
synced 2026-04-23 09:40:39 +00:00
setup wizard debug
This commit is contained in:
@@ -8,7 +8,7 @@
|
||||
<span v-if="description" class="block text-xs leading-4 dark:text-gray-500 text-gray-500" v-html="description"></span>
|
||||
|
||||
<!--Input Description-->
|
||||
<span v-if="error" class="error-message">
|
||||
<span v-if="error" class="pt-2 text-xs dark:text-rose-600 text-rose-600">
|
||||
{{ error }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
<slot />
|
||||
|
||||
<!--Input Description-->
|
||||
<span v-if="error" class="pt-2 text-xs text-rose-600">
|
||||
<span v-if="error" class="pt-2 text-xs dark:text-rose-600 text-rose-600">
|
||||
{{ error }}
|
||||
</span>
|
||||
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<AuthButton class="button" icon="chevron-right" :text="$t('page_index.menu.log_in')" />
|
||||
</router-link>
|
||||
|
||||
<div class="features" v-if="config.isSaaS">
|
||||
<div class="features" v-if="config.subscriptionType === 'fixed'">
|
||||
<div class="feature">
|
||||
<credit-card-icon size="19" class="feature-icon"></credit-card-icon>
|
||||
<b class="feature-title">{{ $t('page_index.sign_feature_1') }}</b>
|
||||
|
||||
@@ -3,6 +3,10 @@
|
||||
<PopupHeader :title="$t('Select Payment Method')" icon="credit-card" />
|
||||
|
||||
<PopupContent style="padding: 0 20px">
|
||||
<InfoBox v-if="!config.isPayPal && !config.isPaystack" class="!mb-0">
|
||||
<p>{{ $t("There isn't any payment method yet.") }}</p>
|
||||
</InfoBox>
|
||||
|
||||
<!--PayPal implementation-->
|
||||
<div
|
||||
v-if="config.isPayPal"
|
||||
@@ -67,6 +71,7 @@ import ButtonBase from '../FilesView/ButtonBase'
|
||||
import { loadScript } from '@paypal/paypal-js'
|
||||
import PaymentMethod from './PaymentMethod'
|
||||
import Spinner from '../FilesView/Spinner'
|
||||
import InfoBox from "./Forms/InfoBox"
|
||||
import { events } from '../../bus'
|
||||
import { mapGetters } from 'vuex'
|
||||
import axios from "axios";
|
||||
@@ -81,6 +86,7 @@ export default {
|
||||
PopupHeader,
|
||||
ButtonBase,
|
||||
Spinner,
|
||||
InfoBox,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
<AppInputText :title="$t('popup_2fa.input_label')" :error="errors[0]" :is-last="true">
|
||||
<input
|
||||
v-model="password"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
type="password"
|
||||
ref="input"
|
||||
class="focus-border-theme input-dark"
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<AppInputText :title="$t('popup_create_folder.label')" :error="errors[0]">
|
||||
<input
|
||||
v-model="name"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
type="text"
|
||||
ref="input"
|
||||
class="focus-border-theme input-dark"
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
<AppInputText :title="$t('locale_name')" :error="errors[0]" :is-last="true">
|
||||
<input
|
||||
v-model="form.name"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
type="text"
|
||||
ref="input"
|
||||
class="focus-border-theme input-dark"
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
<AppInputText :title="$t('popup_personal_token.label')" :error="errors[0]" :is-last="true">
|
||||
<input
|
||||
v-model="name"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
type="text"
|
||||
ref="input"
|
||||
class="focus-border-theme input-dark"
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
<AppInputText :error="errors[0]" class="-mt-2">
|
||||
<input
|
||||
v-model="form.email"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
type="text"
|
||||
ref="input"
|
||||
class="focus-border-theme input-dark"
|
||||
@@ -55,7 +55,7 @@
|
||||
<AppInputText :title="$t('Folder Name (optional)')" :description="$t('Created folder with files will be named with your own name.')" :error="errors[0]" class="-mt-2">
|
||||
<input
|
||||
v-model="form.name"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
type="text"
|
||||
ref="input"
|
||||
class="focus-border-theme input-dark"
|
||||
@@ -70,7 +70,7 @@
|
||||
<textarea
|
||||
v-model="form.notes"
|
||||
rows="2"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
type="text"
|
||||
ref="input"
|
||||
class="focus-border-theme input-dark"
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<!--Area-->
|
||||
<div
|
||||
class="input-area rounded-lg bg-light-background dark:bg-2x-dark-foreground"
|
||||
:class="{ 'is-active': isOpen, 'is-error': isError }"
|
||||
:class="{ 'is-active': isOpen, '!border-rose-600': isError }"
|
||||
@click="openMenu"
|
||||
>
|
||||
<!--If is selected-->
|
||||
@@ -33,7 +33,7 @@
|
||||
v-model="query"
|
||||
ref="search"
|
||||
type="text"
|
||||
:placeholder="$t('select_search_placeholder')"
|
||||
:placeholder="$te('select_search_placeholder') ? $t('select_search_placeholder') : 'Search in list...'"
|
||||
class="search-input focus-border-theme rounded-lg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
<div class="relative flex items-center">
|
||||
<input
|
||||
v-model="pickedItem.data.attributes.name"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
ref="input"
|
||||
type="text"
|
||||
class="!pr-10 focus-border-theme input-dark"
|
||||
|
||||
@@ -60,7 +60,7 @@
|
||||
<AppInputText :error="errors[0]" class="-mt-2">
|
||||
<input
|
||||
v-model="shareOptions.password"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
type="text"
|
||||
class="focus-border-theme input-dark"
|
||||
:placeholder="$t('page_sign_in.placeholder_password')"
|
||||
|
||||
@@ -127,7 +127,7 @@
|
||||
<AppInputText :error="errors[0]" class="-mt-2">
|
||||
<input
|
||||
v-model="shareOptions.password"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
type="text"
|
||||
class="focus-border-theme input-dark"
|
||||
:placeholder="$t('page_sign_in.placeholder_password')"
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<!--Select Payment Plans-->
|
||||
<PopupContent v-if="plans">
|
||||
<InfoBox v-if="plans.data.length === 0" class="!mb-0">
|
||||
<p>There isn't any plan yet.</p>
|
||||
<p>{{ $t("There isn't any plan yet.") }}</p>
|
||||
</InfoBox>
|
||||
|
||||
<!--Toggle yearly billing-->
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
min="1"
|
||||
max="999999999"
|
||||
class="focus-border-theme input-dark"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
/>
|
||||
<ButtonBase type="submit" button-style="theme" class="w-full sm:w-auto">
|
||||
{{ $t('Make a Payment') }}
|
||||
|
||||
@@ -52,7 +52,7 @@
|
||||
min="1"
|
||||
max="999999999"
|
||||
class="focus-border-theme input-dark"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
/>
|
||||
<ButtonBase
|
||||
:loadint="isSendingBillingAlert"
|
||||
@@ -94,7 +94,7 @@
|
||||
min="1"
|
||||
max="999999999"
|
||||
class="focus-border-theme input-dark"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
/>
|
||||
<ButtonBase
|
||||
:loadint="isSendingBillingAlert"
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
<AppInputText :title="$t('popup_create_folder.label')" :error="errors[0]">
|
||||
<input
|
||||
v-model="name"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
type="text"
|
||||
ref="name"
|
||||
class="focus-border-theme input-dark"
|
||||
@@ -46,7 +46,7 @@
|
||||
@keypress.enter.stop.prevent="addMember"
|
||||
ref="email"
|
||||
v-model="email"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
type="email"
|
||||
class="focus-border-theme input-dark"
|
||||
:placeholder="$t('Type member email...')"
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
@keypress.enter.stop.prevent="addMember"
|
||||
ref="email"
|
||||
v-model="email"
|
||||
:class="{ 'border-red': errors[0] }"
|
||||
:class="{ '!border-rose-600': errors[0] }"
|
||||
type="email"
|
||||
class="focus-border-theme input-dark !pr-20"
|
||||
:placeholder="$t('Type member email...')"
|
||||
|
||||
Reference in New Issue
Block a user