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

user admin page refactor

Browse Source
This commit is contained in:
Čarodej
2021-11-22 11:17:14 +01:00
parent d16a37f2ed
commit a2e0c1810d
8 changed files with 303 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,10 @@
<template>
<PageTab v-if="user" class="form-fixed-width">
<PageTabGroup>
<FormLabel>{{ $t('user_box_delete.title') }}</FormLabel>
<PageTab v-if="user">
<div class="card shadow-card">
<FormLabel>
{{ $t('user_box_delete.title') }}
</FormLabel>
<InfoBox>
<p>{{ $t('user_box_delete.description') }}</p>
</InfoBox>
@@ -12,7 +15,7 @@
<input v-model="userName"
:placeholder="$t('admin_page_user.placeholder_delete_user')"
type="text"
class="focus-border-theme"
class="focus-border-theme input-dark"
:class="{'is-error': errors[0]}"
/>
<ButtonBase :loading="isSendingRequest" :disabled="isSendingRequest" type="submit"
@@ -23,6 +26,9 @@
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</ValidationObserver>
</div>
<PageTabGroup>
</PageTabGroup>
</PageTab>
</template>

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

@@ -1,8 +1,8 @@
<template>
<PageTab class="form-fixed-width">
<PageTab>
<!--Change role-->
<PageTabGroup>
<div class="card shadow-card">
<FormLabel>
{{ $t('user_box_role.title') }}
</FormLabel>
@@ -25,41 +25,41 @@
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</ValidationObserver>
</PageTabGroup>
</div>
<!--Personal Information-->
<PageTabGroup>
<div class="form block-form">
<div class="card shadow-card">
<div class="form block-form">
<FormLabel>{{ $t('admin_page_user.label_person_info') }}</FormLabel>
<!--Email-->
<!--Email-->
<div class="block-wrapper">
<label>{{ $t('page_registration.label_email') }}:</label>
<div class="input-wrapper">
<input :value="user.data.attributes.email"
:placeholder="$t('page_registration.placeholder_email')"
type="email"
disabled
/>
:placeholder="$t('page_registration.placeholder_email')"
type="email"
class="focus-border-theme input-dark"
disabled
/>
</div>
</div>
<!--Name-->
<!--Name-->
<div class="block-wrapper">
<label>{{ $t('page_registration.label_name') }}:</label>
<div class="input-wrapper">
<input :value="user.data.relationships.settings.data.attributes.name"
:placeholder="$t('page_registration.placeholder_name')"
type="text"
disabled
/>
:placeholder="$t('page_registration.placeholder_name')"
type="text"
class="focus-border-theme input-dark"
disabled
/>
</div>
</div>
</div>
</PageTabGroup>
</div>
<!--Billing Information-->
<PageTabGroup v-if="config.isSaaS">
<div class="card shadow-card">
<div class="form block-form">
<FormLabel>{{ $t('user_settings.title_billing') }}</FormLabel>
@@ -67,27 +67,30 @@
<label>{{ $t('user_settings.name') }}:</label>
<div class="input-wrapper">
<input :value="user.data.relationships.settings.data.attributes.name"
type="text"
disabled
/>
type="text"
class="focus-border-theme input-dark"
disabled
/>
</div>
</div>
<div class="block-wrapper">
<label>{{ $t('user_settings.address') }}:</label>
<div class="input-wrapper">
<input :value="user.data.relationships.settings.data.attributes.address"
type="text"
disabled
/>
type="text"
disabled
class="focus-border-theme input-dark"
/>
</div>
</div>
<div class="block-wrapper">
<label>{{ $t('user_settings.country') }}:</label>
<div class="input-wrapper">
<input :value="user.data.relationships.settings.data.attributes.country"
type="text"
disabled
/>
type="text"
disabled
class="focus-border-theme input-dark"
/>
</div>
</div>
<div class="wrapper-inline">
@@ -95,18 +98,20 @@
<label>{{ $t('user_settings.city') }}:</label>
<div class="input-wrapper">
<input :value="user.data.relationships.settings.data.attributes.city"
type="text"
disabled
/>
type="text"
disabled
class="focus-border-theme input-dark"
/>
</div>
</div>
<div class="block-wrapper">
<label>{{ $t('user_settings.postal_code') }}:</label>
<div class="input-wrapper">
<input :value="user.data.relationships.settings.data.attributes.postal_code"
type="text"
disabled
/>
type="text"
disabled
class="focus-border-theme input-dark"
/>
</div>
</div>
</div>
@@ -114,22 +119,24 @@
<label>{{ $t('user_settings.state') }}:</label>
<div class="input-wrapper">
<input :value="user.data.relationships.settings.data.attributes.state"
type="text"
disabled
/>
type="text"
disabled
class="focus-border-theme input-dark"
/>
</div>
</div>
<div class="block-wrapper">
<label>{{ $t('user_settings.phone_number') }}:</label>
<div class="input-wrapper">
<input :value="user.data.relationships.settings.data.attributes.phone_number"
type="text"
disabled
/>
type="text"
disabled
class="focus-border-theme input-dark"
/>
</div>
</div>
</div>
</PageTabGroup>
</div>
</PageTab>
</template>

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

@@ -1,6 +1,6 @@
<template>
<PageTab class="form-fixed-width">
<PageTabGroup>
<PageTab>
<div class="card shadow-card">
<FormLabel>
{{ $t('user_box_password.title') }}
</FormLabel>
@@ -11,7 +11,7 @@
:disabled="isSendingRequest" type="submit" button-style="theme" class="submit-button">
{{ $t('admin_page_user.send_password_link') }}
</ButtonBase>
</PageTabGroup>
</div>
</PageTab>
</template>