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

frontend update

Browse Source
This commit is contained in:
carodej
2020-07-02 18:04:10 +02:00
parent 2764fd6dd5
commit 05bc598405
41 changed files with 480 additions and 803 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
resources/js/views/Admin/Plans/PlanTabs/PlanDelete.vue
View File

@@ -1,36 +1,37 @@
<template>
<PageTab>
<PageTab class="form-fixed-width">
<PageTabGroup>
<SetupBox
theme="danger"
title="Delete Plan"
description="You can delete plan, but, pay attention!"
>
<ValidationObserver ref="deletePlan" @submit.prevent="deletePlan" v-slot="{ invalid }" tag="form"
class="form block-form">
<ValidationProvider tag="div" class="block-wrapper" v-slot="{ errors }" mode="passive"
name="Plan name" :rules="'required|is:' + plan.attributes.name">
<label>{{ $t('admin_page_user.label_delete_user', {user: plan.attributes.name}) }}:</label>
<div class="single-line-form">
<input v-model="planName"
placeholder="Type plan name"
type="text"
:class="{'is-error': errors[0]}"
/>
<ButtonBase :loading="isSendingRequest" :disabled="isSendingRequest" type="submit"
button-style="danger" class="submit-button">
Delete Plan
</ButtonBase>
</div>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</ValidationObserver>
</SetupBox>
<FormLabel>Delete Plan</FormLabel>
<InfoBox>
<p>You can delete plan, but, pay attention!</p>
</InfoBox>
<ValidationObserver ref="deletePlan" @submit.prevent="deletePlan" v-slot="{ invalid }" tag="form"
class="form block-form">
<ValidationProvider tag="div" class="block-wrapper" v-slot="{ errors }" mode="passive"
name="Plan name" :rules="'required|is:' + plan.attributes.name">
<label>{{ $t('admin_page_user.label_delete_user', {user: plan.attributes.name}) }}:</label>
<div class="single-line-form">
<input v-model="planName"
placeholder="Type plan name"
type="text"
:class="{'is-error': errors[0]}"
/>
<ButtonBase :loading="isSendingRequest" :disabled="isSendingRequest" type="submit"
button-style="danger" class="submit-button">
Delete Plan
</ButtonBase>
</div>
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</ValidationObserver>
</PageTabGroup>
</PageTab>
</template>
<script>
import FormLabel from '@/components/Others/Forms/FormLabel'
import InfoBox from '@/components/Others/Forms/InfoBox'
import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
import PageTab from '@/components/Others/Layout/PageTab'
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
@@ -46,6 +47,8 @@
'plan'
],
components: {
FormLabel,
InfoBox,
PageTabGroup,
PageTab,
ValidationProvider,

5
resources/js/views/Admin/Plans/PlanTabs/PlanSettings.vue
View File

@@ -1,7 +1,8 @@
<template>
<PageTab>
<ValidationObserver ref="personalInformation" v-slot="{ invalid }" tag="form" class="form block-form">
<ValidationObserver ref="personalInformation" v-slot="{ invalid }" tag="form" class="form block-form form-fixed-width">
<PageTabGroup>
<FormLabel>Plan details</FormLabel>
<!--Visible-->
<div class="block-wrapper">
@@ -49,6 +50,7 @@
</template>
<script>
import FormLabel from '@/components/Others/Forms/FormLabel'
import SwitchInput from '@/components/Others/Forms/SwitchInput'
import PageTabGroup from '@/components/Others/Layout/PageTabGroup'
import PageTab from '@/components/Others/Layout/PageTab'
@@ -65,6 +67,7 @@
'plan'
],
components: {
FormLabel,
SwitchInput,
PageTabGroup,
PageTab,