added customize sidebar items

This commit is contained in:
booploops 2022-03-30 22:56:35 -07:00
parent 2d41095643
commit 71c7b08916
5 changed files with 90 additions and 11 deletions

View file

@ -61,6 +61,68 @@
</select>
</div>
</div>
<div class="md-option-line">
<div class="md-option-segment">
Customize Sidebar Items
</div>
<div class="md-option-segment md-option-segment_auto">
<button class="md-btn" v-b-modal.modal-1>
Customize
</button>
</div>
<b-modal id="modal-1" centered size="lg" title="Customize Sidebar Items">
<div class="settings-option-body">
<div class="md-option-line">
<div class="md-option-segment">
{{ $root.getLz('term.recentlyAdded') }}
</div>
<div class="md-option-segment md-option-segment_auto">
<input type="checkbox" v-model="app.cfg.general.sidebarItems.recentlyAdded" switch/>
</div>
</div>
<div class="md-option-line">
<div class="md-option-segment">
{{ $root.getLz('term.songs') }}
</div>
<div class="md-option-segment md-option-segment_auto">
<input type="checkbox" v-model="app.cfg.general.sidebarItems.songs" switch/>
</div>
</div>
<div class="md-option-line">
<div class="md-option-segment">
{{ $root.getLz('term.albums') }}
</div>
<div class="md-option-segment md-option-segment_auto">
<input type="checkbox" v-model="app.cfg.general.sidebarItems.albums" switch/>
</div>
</div>
<div class="md-option-line">
<div class="md-option-segment">
{{ $root.getLz('term.artists') }}
</div>
<div class="md-option-segment md-option-segment_auto">
<input type="checkbox" v-model="app.cfg.general.sidebarItems.artists" switch/>
</div>
</div>
<div class="md-option-line">
<div class="md-option-segment">
{{ $root.getLz('term.videos') }}
</div>
<div class="md-option-segment md-option-segment_auto">
<input type="checkbox" v-model="app.cfg.general.sidebarItems.videos" switch/>
</div>
</div>
<div class="md-option-line">
<div class="md-option-segment">
{{ $root.getLz('term.podcasts') }}
</div>
<div class="md-option-segment md-option-segment_auto">
<input type="checkbox" v-model="app.cfg.general.sidebarItems.podcasts" switch/>
</div>
</div>
</div>
</b-modal>
</div>
</div>
</div>
</b-tab>