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

file view refactoring

Browse Source
This commit is contained in:
Čarodej
2021-10-27 09:53:59 +02:00
parent e3ddf27023
commit 21d6410f76
42 changed files with 866 additions and 1467 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
resources/js/views/SetupWizard/AppSetup.vue
View File

@@ -3,11 +3,13 @@
<!--Database Credentials-->
<AuthContent name="database-credentials" :visible="true">
<div class="content-headline">
<settings-icon size="40" class="title-icon text-theme" />
<h1>Setup Wizard</h1>
<h2>Set up your application appearance, analytics, etc.</h2>
</div>
<Headline
class="container mx-auto max-w-screen-sm"
title="Setup Wizard"
description="Set up your application appearance, analytics, etc."
>
<settings-icon size="40" class="title-icon text-theme mx-auto" />
</Headline>
<ValidationObserver @submit.prevent="appSetupSubmit" ref="appSetup" v-slot="{ invalid }" tag="form"
class="form block-form">
@@ -145,6 +147,7 @@
import AuthContent from '/resources/js/components/Auth/AuthContent'
import AuthButton from '/resources/js/components/Auth/AuthButton'
import {SettingsIcon} from 'vue-feather-icons'
import Headline from "../Auth/Headline"
import {required} from 'vee-validate/dist/rules'
import {mapGetters} from 'vuex'
import axios from 'axios'
@@ -164,6 +167,7 @@
FormLabel,
required,
InfoBox,
Headline,
},
data() {
return {

15
resources/js/views/SetupWizard/BillingsDetail.vue
View File

@@ -3,12 +3,13 @@
<!--Database Credentials-->
<AuthContent name="database-credentials" :visible="true">
<div class="content-headline">
<settings-icon size="40" class="title-icon text-theme"/>
<h1>Setup Wizard</h1>
<h2>Set up your billing information.</h2>
</div>
<Headline
class="container mx-auto max-w-screen-sm"
title="Setup Wizard"
description="Set up your billing information."
>
<settings-icon size="40" class="title-icon text-theme mx-auto" />
</Headline>
<ValidationObserver @submit.prevent="billingInformationSubmit" ref="billingInformation" v-slot="{ invalid }"
tag="form" class="form block-form">
<FormLabel>Company Information</FormLabel>
@@ -114,6 +115,7 @@
import AuthContent from '/resources/js/components/Auth/AuthContent'
import AuthButton from '/resources/js/components/Auth/AuthButton'
import {SettingsIcon} from 'vue-feather-icons'
import Headline from "../Auth/Headline"
import {required} from 'vee-validate/dist/rules'
import {mapGetters} from 'vuex'
import axios from 'axios'
@@ -131,6 +133,7 @@
FormLabel,
required,
InfoBox,
Headline,
},
computed: {
...mapGetters(['countries']),

14
resources/js/views/SetupWizard/Database.vue
View File

@@ -3,11 +3,13 @@
<!--Database Credentials-->
<AuthContent name="database-credentials" :visible="true">
<div class="content-headline">
<settings-icon size="40" class="title-icon text-theme"/>
<h1>Setup Wizard</h1>
<h2>Set up your database connection to install application database.</h2>
</div>
<Headline
class="container mx-auto max-w-screen-sm"
title="Setup Wizard"
description="Set up your database connection to install application database."
>
<settings-icon size="40" class="title-icon text-theme mx-auto" />
</Headline>
<ValidationObserver @submit.prevent="databaseCredentialsSubmit" ref="verifyPurchaseCode" v-slot="{ invalid }" tag="form" class="form block-form">
<FormLabel>Database Credentials</FormLabel>
@@ -94,6 +96,7 @@
import AuthButton from '/resources/js/components/Auth/AuthButton'
import { SettingsIcon } from 'vue-feather-icons'
import {required} from 'vee-validate/dist/rules'
import Headline from "../Auth/Headline"
import {mapGetters} from 'vuex'
import axios from 'axios'
@@ -110,6 +113,7 @@
FormLabel,
required,
InfoBox,
Headline,
},
computed: {
submitButtonText() {

15
resources/js/views/SetupWizard/EnvironmentSetup.vue
View File

@@ -3,12 +3,13 @@
<!--Database Credentials-->
<AuthContent name="database-credentials" :visible="true">
<div class="content-headline">
<settings-icon size="40" class="title-icon text-theme"/>
<h1>Setup Wizard</h1>
<h2>Set up your storage driver and email client.</h2>
</div>
<Headline
class="container mx-auto max-w-screen-sm"
title="Setup Wizard"
description="Set up your storage driver and email client."
>
<settings-icon size="40" class="title-icon text-theme mx-auto" />
</Headline>
<ValidationObserver @submit.prevent="EnvironmentSetupSubmit" ref="environmentSetup" v-slot="{ invalid }" tag="form" class="form block-form">
<InfoBox>
<p>If you don’t know which storage driver set, keep selected <b>'Local Driver'</b>. For more info, where
@@ -141,6 +142,7 @@ import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
import AuthContent from '/resources/js/components/Auth/AuthContent'
import AuthButton from '/resources/js/components/Auth/AuthButton'
import {SettingsIcon} from 'vue-feather-icons'
import Headline from "../Auth/Headline"
import {required} from 'vee-validate/dist/rules'
import {mapGetters} from 'vuex'
import axios from 'axios'
@@ -158,6 +160,7 @@ export default {
FormLabel,
required,
InfoBox,
Headline,
},
watch: {
'storage.driver': function () {

15
resources/js/views/SetupWizard/InstallationDisclaimer.vue
View File

@@ -3,12 +3,13 @@
<!--Database Credentials-->
<AuthContent name="database-credentials" :visible="true">
<div class="content-headline">
<settings-icon size="40" class="title-icon text-theme"/>
<h1>Setup Wizard</h1>
<h2>Database was installed successfully. Let's set up application, Make sure you have these informations before continue:</h2>
</div>
<Headline
class="container mx-auto max-w-screen-sm"
title="Setup Wizard"
description="Database was installed successfully. Let's set up application, Make sure you have these informations before continue:"
>
<settings-icon size="40" class="title-icon text-theme mx-auto" />
</Headline>
<div id="loader" v-if="isLoading">
<Spinner></Spinner>
</div>
@@ -77,6 +78,7 @@
import Spinner from '/resources/js/components/FilesView/Spinner'
import { SettingsIcon } from 'vue-feather-icons'
import {required} from 'vee-validate/dist/rules'
import Headline from "../Auth/Headline"
import {mapGetters} from 'vuex'
import axios from 'axios'
@@ -94,6 +96,7 @@
required,
Spinner,
InfoBox,
Headline,
},
data() {
return {

14
resources/js/views/SetupWizard/PurchaseCode.vue
View File

@@ -4,11 +4,13 @@
<!--Licence Verify-->
<AuthContent name="licence-verify" :visible="true">
<div class="content-headline">
<settings-icon size="40" class="title-icon text-theme"/>
<h1>Setup Wizard</h1>
<h2>Please set your purchase code before continue to set up your application.</h2>
</div>
<Headline
class="container mx-auto max-w-screen-sm"
title="Setup Wizard"
description="Please set your purchase code before continue to set up your application."
>
<settings-icon size="40" class="title-icon text-theme mx-auto" />
</Headline>
<ValidationObserver @submit.prevent="verifyPurchaseCode" ref="verifyPurchaseCode" v-slot="{ invalid }" tag="form" class="form inline-form">
<ValidationProvider tag="div" mode="passive" class="input-wrapper" name="Purchase Code" rules="required" v-slot="{ errors }">
@@ -38,6 +40,7 @@
import AuthButton from '/resources/js/components/Auth/AuthButton'
import { SettingsIcon } from 'vue-feather-icons'
import {required} from 'vee-validate/dist/rules'
import Headline from "../Auth/Headline"
import {mapGetters} from 'vuex'
import axios from 'axios'
@@ -52,6 +55,7 @@
AuthButton,
required,
InfoBox,
Headline,
},
data() {
return {

15
resources/js/views/SetupWizard/StatusCheck.vue
View File

@@ -3,11 +3,14 @@
<!--Database Credentials-->
<AuthContent name="database-credentials" :visible="true">
<div class="content-headline">
<settings-icon size="40" class="title-icon text-theme" />
<h1>Server Check</h1>
<h2>At first, we have to check if all modules and setup is ready for running VueFileManager.</h2>
</div>
<Headline
class="container mx-auto max-w-screen-sm"
title="Server Check"
description="At first, we have to check if all modules and setup is ready for running VueFileManager"
>
<settings-icon size="40" class="title-icon text-theme mx-auto" />
</Headline>
<div class="form block-form">
@@ -107,6 +110,7 @@
import AuthButton from '/resources/js/components/Auth/AuthButton'
import {SettingsIcon} from 'vue-feather-icons'
import {required} from 'vee-validate/dist/rules'
import Headline from "../Auth/Headline"
import {mapGetters} from 'vuex'
import axios from 'axios'
import {
@@ -128,6 +132,7 @@
required,
InfoBox,
CheckIcon,
Headline,
XIcon,
},
computed: {

17
resources/js/views/SetupWizard/StripeCredentials.vue
View File

@@ -3,11 +3,14 @@
<!--Database Credentials-->
<AuthContent name="database-credentials" :visible="true">
<div class="content-headline">
<settings-icon size="40" class="title-icon text-theme"/>
<h1>Setup Wizard</h1>
<h2>Set up your database credentials.</h2>
</div>
<Headline
class="container mx-auto max-w-screen-sm"
title="Setup Wizard"
description="Set up your database credentials."
>
<settings-icon size="40" class="title-icon text-theme mx-auto" />
</Headline>
<ValidationObserver @submit.prevent="stripeCredentialsSubmit" ref="stripeCredentials" v-slot="{ invalid }" tag="form" class="form block-form">
<InfoBox>
@@ -86,8 +89,9 @@
import InfoBox from '/resources/js/components/Others/Forms/InfoBox'
import AuthContent from '/resources/js/components/Auth/AuthContent'
import AuthButton from '/resources/js/components/Auth/AuthButton'
import {SettingsIcon} from 'vue-feather-icons'
import {required} from 'vee-validate/dist/rules'
import {SettingsIcon} from 'vue-feather-icons'
import Headline from "../Auth/Headline"
import {mapGetters} from 'vuex'
import axios from 'axios'
@@ -104,6 +108,7 @@
FormLabel,
required,
InfoBox,
Headline,
},
computed: {
...mapGetters(['config', 'currencyList']),

15
resources/js/views/SetupWizard/SubscriptionPlans.vue
View File

@@ -3,11 +3,14 @@
<!--Database Credentials-->
<AuthContent name="database-credentials" :visible="true">
<div class="content-headline">
<settings-icon size="40" class="title-icon text-theme"/>
<h1>Setup Wizard</h1>
<h2>Set up plans for your customers.</h2>
</div>
<Headline
class="container mx-auto max-w-screen-sm"
title="Setup Wizard"
description="Set up plans for your customers."
>
<settings-icon size="40" class="title-icon text-theme mx-auto" />
</Headline>
<ValidationObserver @submit.prevent="subscriptionPlansSubmit" ref="subscriptionPlans" v-slot="{ invalid }"
tag="form" class="form block-form">
@@ -99,6 +102,7 @@
import {SettingsIcon} from 'vue-feather-icons'
import {required} from 'vee-validate/dist/rules'
import {XIcon} from 'vue-feather-icons'
import Headline from "../Auth/Headline"
import {mapGetters} from 'vuex'
import axios from 'axios'
@@ -117,6 +121,7 @@
required,
InfoBox,
XIcon,
Headline,
},
computed: {
submitButtonText() {

14
resources/js/views/SetupWizard/SubscriptionService.vue
View File

@@ -4,11 +4,13 @@
<!--Licence Verify-->
<AuthContent name="subscription-service" :visible="true">
<div class="content-headline">
<settings-icon size="40" class="title-icon text-theme"/>
<h1>Setup Wizard</h1>
<h2>You can charge users for storage space by monthly billing plans. Please, select your charging service or skip this step if you don't want charge users:</h2>
</div>
<Headline
class="container mx-auto max-w-screen-sm"
title="Setup Wizard"
description="You can charge users for storage space by monthly billing plans. Please, select your charging service or skip this step if you don't want charge users:"
>
<settings-icon size="40" class="title-icon text-theme mx-auto" />
</Headline>
<div class="services">
<router-link :to="{name: 'StripeCredentials'}" tag="div" class="service-card">
@@ -42,6 +44,7 @@
import AuthButton from '/resources/js/components/Auth/AuthButton'
import { SettingsIcon, ChevronRightIcon } from 'vue-feather-icons'
import {required} from 'vee-validate/dist/rules'
import Headline from "../Auth/Headline"
import {mapGetters} from 'vuex'
import axios from 'axios'
@@ -56,6 +59,7 @@
AuthContent,
AuthButton,
required,
Headline,
},
data() {
return {