Add tabs on settings. Close #220

pull/236/head
Henrique Dias 2017-09-03 09:54:51 +01:00
parent 359e311da1
commit 9a9b41dca8
No known key found for this signature in database
GPG Key ID: 936F5EB68D786730
6 changed files with 20 additions and 2374 deletions

View File

@ -131,18 +131,21 @@ p code {
display: flex; display: flex;
color: rgb(84, 110, 122); color: rgb(84, 110, 122);
font-weight: 500; font-weight: 500;
padding: 0 0 1em;
margin: 0 0 1em; margin: 0 0 1em;
font-size: .8em; font-size: .8em;
border-bottom: 1px solid rgba(0, 0, 0, 0.05); text-align: center;
justify-content: space-between;
padding: 0;
} }
.dashboard #nav li { .dashboard #nav li {
width: 100%; width: 100%;
padding: 0 0 1em;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
} }
.dashboard #nav li:last-child { .dashboard #nav li.active {
text-align: right border-color: #2196f3
} }
.dashboard #nav i { .dashboard #nav i {

View File

@ -1,16 +1,9 @@
<template> <template>
<div class="dashboard"> <div class="dashboard">
<ul id="nav"> <ul id="nav">
<li> <li><router-link to="/settings/profile">{{ $t('settings.profileSettings') }}</router-link></li>
<router-link to="/settings/profile"> <li class="active"><router-link to="/settings/global">{{ $t('settings.globalSettings') }}</router-link></li>
<i class="material-icons">keyboard_arrow_left</i> {{ $t('settings.profileSettings') }} <li><router-link to="/users">{{ $t('settings.userManagement') }}</router-link></li>
</router-link>
</li>
<li>
<router-link to="/users">
{{ $t('settings.userManagement') }} <i class="material-icons">keyboard_arrow_right</i>
</router-link>
</li>
</ul> </ul>
<h1>{{ $t('settings.globalSettings') }}</h1> <h1>{{ $t('settings.globalSettings') }}</h1>

View File

@ -1,11 +1,9 @@
<template> <template>
<div class="dashboard"> <div class="dashboard">
<ul id="nav" v-if="user.admin"> <ul id="nav" v-if="user.admin">
<li> <li class="active"><router-link to="/settings/profile">{{ $t('settings.profileSettings') }}</router-link></li>
<router-link to="/settings/global"> <li><router-link to="/settings/global">{{ $t('settings.globalSettings') }}</router-link></li>
{{ $t('settings.globalSettings') }} <i class="material-icons">keyboard_arrow_right</i> <li><router-link to="/users">{{ $t('settings.userManagement') }}</router-link></li>
</router-link>
</li>
</ul> </ul>
<h1>{{ $t('settings.profileSettings') }}</h1> <h1>{{ $t('settings.profileSettings') }}</h1>

View File

@ -2,12 +2,9 @@
<div> <div>
<form @submit="save" class="dashboard"> <form @submit="save" class="dashboard">
<ul id="nav"> <ul id="nav">
<li> <li><router-link to="/settings/profile">{{ $t('settings.profileSettings') }}</router-link></li>
<router-link to="/users"> <li><router-link to="/settings/global">{{ $t('settings.globalSettings') }}</router-link></li>
<i class="material-icons">keyboard_arrow_left</i> {{ $t('settings.userManagement') }} <li><router-link to="/users">{{ $t('settings.userManagement') }}</router-link></li>
</router-link>
</li>
<li></li>
</ul> </ul>
<h1 v-if="id === 0">{{ $t('settings.newUser') }}</h1> <h1 v-if="id === 0">{{ $t('settings.newUser') }}</h1>

View File

@ -1,12 +1,9 @@
<template> <template>
<div class="dashboard"> <div class="dashboard">
<ul id="nav"> <ul id="nav">
<li> <li><router-link to="/settings/profile">{{ $t('settings.profileSettings') }}</router-link></li>
<router-link to="/settings/global"> <li><router-link to="/settings/global">{{ $t('settings.globalSettings') }}</router-link></li>
<i class="material-icons">keyboard_arrow_left</i> {{ $t('settings.globalSettings') }} <li class="active"><router-link to="/users">{{ $t('settings.userManagement') }}</router-link></li>
</router-link>
</li>
<li></li>
</ul> </ul>
<h1>{{ $t('settings.users') }} <router-link to="/users/new"><button>{{ $t('buttons.new') }}</button></router-link></h1> <h1>{{ $t('settings.users') }} <router-link to="/users/new"><button>{{ $t('buttons.new') }}</button></router-link></h1>
@ -19,7 +16,7 @@
<th></th> <th></th>
</tr> </tr>
<tr v-for="user in users"> <tr v-for="user in users" :key="user.id">
<td>{{ user.username }}</td> <td>{{ user.username }}</td>
<td><i v-if="user.admin" class="material-icons">done</i><i v-else class="material-icons">close</i></td> <td><i v-if="user.admin" class="material-icons">done</i><i v-else class="material-icons">close</i></td>
<td>{{ user.filesystem }}</td> <td>{{ user.filesystem }}</td>

File diff suppressed because one or more lines are too long