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

setup wizard debug

Browse Source
This commit is contained in:
Čarodej
2022-03-13 18:30:03 +01:00
parent 2bba6dc051
commit 5e48af22a2
100 changed files with 308 additions and 300 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/views/SetupWizard/AdminAccount.vue
View File

@@ -35,7 +35,7 @@
class="focus-border-theme input-dark"
placeholder="Type your full name"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -47,7 +47,7 @@
class="focus-border-theme input-dark"
placeholder="Type your email"
type="email"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -65,7 +65,7 @@
class="focus-border-theme input-dark"
placeholder="Type your password"
type="password"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -83,7 +83,7 @@
class="focus-border-theme input-dark"
placeholder="Confirm your password"
type="password"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>

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

@@ -24,7 +24,7 @@
v-model="app.title"
placeholder="Type your app title"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -42,7 +42,7 @@
v-model="app.description"
placeholder="Type your app description"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
></textarea>
</AppInputText>
</ValidationProvider>
@@ -100,20 +100,14 @@
<div class="card text-left shadow-card">
<FormLabel>Application</FormLabel>
<ValidationProvider
tag="div"
mode="passive"
name="Contact Email"
rules="required"
v-slot="{ errors }"
>
<ValidationProvider tag="div" mode="passive" name="Contact Email" rules="required" v-slot="{ errors }">
<AppInputText title="Contact Email" :error="errors[0]">
<input
class="focus-border-theme input-dark"
v-model="app.contactMail"
placeholder="Type your contact email"
type="email"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -125,7 +119,7 @@
v-model="app.googleAnalytics"
placeholder="Paste your Google Analytics Code"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -156,7 +150,7 @@
max="999999999"
placeholder="Set default storage space in GB"
type="number"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -183,19 +177,21 @@
<ValidationProvider
tag="div"
mode="passive"
name="Contact Email"
name="Subscription Type"
rules="required"
v-slot="{ errors }"
>
<AppInputText
:title="$t('Subscription Type')"
description="Choose your preferred subscription system in advance. After installation and any other user registration, you can't change this setting later."
:error="errors[0]"
>
<SelectInput
v-model="app.subscriptionType"
:default="app.subscriptionType"
:options="$store.getters.subscriptionTypes"
:placeholder="$t('Select your subscription type')"
:is-error="errors[0]"
/>
</AppInputText>
</ValidationProvider>
@@ -260,15 +256,15 @@ export default {
app: {
color: '#00BC7E',
subscriptionType: undefined,
title: '',
description: '',
title: undefined,
description: undefined,
logo: undefined,
logo_horizontal: undefined,
favicon: undefined,
og_image: undefined,
touch_icon: undefined,
contactMail: '',
googleAnalytics: '',
contactMail: undefined,
googleAnalytics: undefined,
defaultStorage: '5',
userRegistration: 1,
storageLimitation: 1,
@@ -324,15 +320,12 @@ export default {
'Content-Type': 'multipart/form-data',
},
})
.then((response) => {
// End loading
this.isLoading = false
.then(() => {
// Redirect to next step
this.$router.push({ name: 'AdminAccount' })
})
.catch((error) => {
// End loading
.finally((error) => {
this.isLoading = false
})
},

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

@@ -60,7 +60,7 @@
class="focus-border-theme input-dark"
placeholder="Type your database host"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{'!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -72,7 +72,7 @@
class="focus-border-theme input-dark"
placeholder="Type your database port"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -84,7 +84,7 @@
class="focus-border-theme input-dark"
placeholder="Select your database name"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -102,7 +102,7 @@
class="focus-border-theme input-dark"
placeholder="Select your database name"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -120,7 +120,7 @@
class="focus-border-theme input-dark"
placeholder="Select your database password"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>

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

@@ -48,7 +48,7 @@
v-model="storage.key"
placeholder="Paste your key"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -60,7 +60,7 @@
v-model="storage.secret"
placeholder="Paste your secret"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -94,7 +94,7 @@
v-model="storage.endpoint"
placeholder="Type your endpoint"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
readonly
/>
</AppInputText>
@@ -112,7 +112,7 @@
v-model="storage.bucket"
placeholder="Type your bucket name"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -158,7 +158,7 @@
v-model="smtp.host"
placeholder="Type your mail host"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -176,7 +176,7 @@
v-model="smtp.port"
placeholder="Type your mail port"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -194,7 +194,7 @@
v-model="smtp.username"
placeholder="Type your mail username"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -212,7 +212,7 @@
v-model="smtp.password"
placeholder="Type your mail password"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -244,7 +244,7 @@
v-model="mailgun.domain"
placeholder="Type your domain"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -256,7 +256,7 @@
v-model="mailgun.secret"
placeholder="Type your secret"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -274,7 +274,7 @@
v-model="mailgun.endpoint"
placeholder="Type your endpoint"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -288,7 +288,7 @@
v-model="postmark.token"
placeholder="Type your token"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -308,7 +308,7 @@
v-model="ses.access_key"
placeholder="Type your access key"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -326,7 +326,7 @@
v-model="ses.secret_access_key"
placeholder="Type your secret access key"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -344,7 +344,7 @@
v-model="ses.default_region"
placeholder="Type your default region"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>
@@ -356,7 +356,7 @@
v-model="ses.session_token"
placeholder="Type your session token"
type="text"
:class="{ 'border-red': errors[0] }"
:class="{ '!border-rose-600': errors[0] }"
/>
</AppInputText>
</ValidationProvider>

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

@@ -32,9 +32,9 @@
placeholder="Paste your purchase code"
type="text"
class="dark:placeholder:text-gray-600 focus-border-theme w-full appearance-none rounded-lg border border-transparent bg-light-background px-5 py-3.5 font-bold dark:bg-2x-dark-foreground"
:class="{ 'border-red': errors[0] }"
:class="{ 'border-rose-600': errors[0] }"
/>
<span class="text-left text-xs text-red-600" v-if="errors[0]">{{ errors[0] }}</span>
<span class="text-left text-xs dark:text-rose-600 text-rose-600" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
<AuthButton
icon="chevron-right"

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

@@ -29,17 +29,17 @@
>
<div class="text-left">
<b class="block text-sm font-bold">PHP Version</b>
<small v-if="!phpVersion.acceptable" class="text-xs text-gray-600 pt-1 block leading-normal">
<small v-if="!phpVersion.acceptable" class="dark:text-gray-500 text-xs text-gray-600 pt-1 block leading-normal">
You need PHP version at least {{ phpVersion.minimal }}.
</small>
</div>
<div class="flex items-center">
<check-icon v-if="phpVersion.acceptable" size="16" class="vue-feather text-theme" />
<x-icon v-if="!phpVersion.acceptable" size="16" class="vue-feather text-red-600" />
<check-icon v-if="phpVersion.acceptable" size="16" class="vue-feather dark:text-theme text-theme" />
<x-icon v-if="!phpVersion.acceptable" size="16" class="vue-feather dark:text-red-600 text-red-600" />
<span
class="ml-3 text-sm font-bold"
:class="phpVersion.acceptable ? 'text-green-600' : 'text-red-600'"
:class="phpVersion.acceptable ? 'dark:text-green-600 text-green-600' : 'dark:text-red-600 text-red-600'"
>
{{ phpVersion.current }}
</span>
@@ -53,15 +53,15 @@
>
<div class="text-left">
<b class="block text-sm font-bold">{{ setting }}</b>
<small v-if="!values.status" class="text-xs text-gray-600 pt-1 block leading-normal">
<small v-if="!values.status" class="dark:text-gray-500 text-xs text-gray-600 pt-1 block leading-normal">
We recommend set this value at least {{ values.minimal }}.
</small>
</div>
<div class="flex items-center">
<check-icon v-if="values.status" size="16" class="vue-feather text-theme" />
<x-icon v-if="!values.status" size="16" class="vue-feather text-red-600" />
<check-icon v-if="values.status" size="16" class="vue-feather dark:text-theme text-theme" />
<x-icon v-if="!values.status" size="16" class="vue-feather dark:text-red-600 text-red-600" />
<span class="ml-3 text-sm font-bold" :class="values.status ? 'text-green-600' : 'text-red-600'">
<span class="ml-3 text-sm font-bold" :class="values.status ? 'dark:text-green-600 text-green-600' : 'dark:text-red-600 text-red-600'">
{{ values.current }}{{ setting !== 'max_execution_time' ? 'M' : '' }}
</span>
</div>
@@ -89,10 +89,10 @@
{{ module }}
</b>
<div class="flex items-center">
<check-icon v-if="value" size="16" class="vue-feather text-theme" />
<x-icon v-if="!value" size="16" class="vue-feather text-red-600" />
<check-icon v-if="value" size="16" class="vue-feather dark:text-theme text-theme" />
<x-icon v-if="!value" size="16" class="vue-feather dark:text-red-600 text-red-600" />
<span class="ml-3 text-sm font-bold" :class="value ? 'text-green-600' : 'text-red-600'">
<span class="ml-3 text-sm font-bold" :class="value ? 'dark:text-green-600 text-green-600' : 'dark:text-red-600 text-red-600'">
{{ value ? 'Module Installed' : 'Missing Module' }}
</span>
</div>
@@ -110,29 +110,30 @@
<div class="flex items-center justify-between pt-3">
<div class="text-left">
<b class="block text-sm font-bold">API</b>
<small v-if="isCheckedAPI && !apiRunning" class="text-xs text-gray-600 pt-1 block leading-normal">
<small v-if="isCheckedAPI && !apiRunning" class="dark:text-gray-500 text-xs text-gray-600 pt-1 block leading-normal">
We detect, your domain root is not set correctly, please check it.
</small>
</div>
<div v-if="isCheckedAPI" class="flex items-center">
<check-icon v-if="apiRunning" size="16" class="vue-feather text-theme" />
<x-icon v-if="!apiRunning" size="16" class="vue-feather text-red-600" />
<check-icon v-if="apiRunning" size="16" class="vue-feather dark:text-theme text-theme" />
<x-icon v-if="!apiRunning" size="16" class="vue-feather dark:text-red-600 text-red-600" />
<span class="ml-3 text-sm font-bold" :class="apiRunning ? 'text-green-600' : 'text-red-600'">
<span class="ml-3 text-sm font-bold" :class="apiRunning ? 'dark:text-green-600 text-green-600' : 'dark:text-red-600 text-red-600'">
{{ apiRunning ? 'Working correctly' : "Doesn't work" }}
</span>
</div>
<span v-if="!isCheckedAPI" class="ml-3 text-sm font-bold text-gray-600">Checking your API...</span>
</div>
<InfoBox v-if="isError" type="error" class="!mb-2">
<p>
We can't proceed to the next step because there are unresolved issues. Please solve it at first
and next continue.
</p>
</InfoBox>
</div>
<InfoBox v-if="isError" type="error">
<p>
We can't proceed to the next step because there are unresolved issues. Please solve it at first
and next continue.
</p>
</InfoBox>
<AuthButton
@click.native="lastCheckBeforeNextPage"
class="w-full justify-center"