Use Dropdown for the settings menu

This commit is contained in:
Fabio Manganiello 2022-11-25 23:15:41 +01:00
parent 292ed2abff
commit 21c1c96f2e
Signed by: blacklight
GPG Key ID: D90FBA7F76362774
1 changed files with 11 additions and 5 deletions

View File

@ -2,10 +2,14 @@
<div class="settings-container">
<header>
<div class="col-8">
<select title="View" @change="selectedView = $event.target.value">
<option value="users" :selected="selectedView === 'users'">Users</option>
<option value="token" :selected="selectedView === 'token'">Generate Token</option>
</select>
<Dropdown title="Select a category" icon-class="fa fa-ellipsis-h">
<DropdownItem text="Users" icon-class="fa fa-user"
:item-class="{selected: selectedView === 'users'}"
@click="selectedView = 'users'" />
<DropdownItem text="Generate a token" icon-class="fa fa-key"
:item-class="{selected: selectedView === 'token'}"
@click="selectedView = 'token'" />
</Dropdown>
</div>
<div class="col-4 pull-right">
@ -25,13 +29,15 @@
</template>
<script>
import Dropdown from "@/components/elements/Dropdown";
import DropdownItem from "@/components/elements/DropdownItem";
import Token from "@/components/panels/Settings/Token";
import Users from "@/components/panels/Settings/Users";
import Utils from "@/Utils";
export default {
name: "Settings",
components: {Users, Token},
components: {Dropdown, DropdownItem, Users, Token},
mixins: [Utils],
data() {