Mirrors/audiobookshelf
Mirrors/audiobookshelf
1
0
Fork 0
mirror of https://github.com/advplyr/audiobookshelf.git synced 2025-04-16 01:16:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

initial Settings update

Browse Source
This commit is contained in:
jmt-gh) 2022-06-19 17:31:52 -07:00 committed by jmt-gh
parent 2795f657b5
commit 5f5dce6d53
1 changed files with 172 additions and 167 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
client/pages/config/index.vue
View File

@ -1,12 +1,16 @@
<template> <template>
<div> <div>
<!-- <div class="h-0.5 bg-primary bg-opacity-50 w-full" /> --> <!-- <div class="h-0.5 bg-primary bg-opacity-50 w-full" /> -->
<div class="sm:flex bg-bg rounded-md shadow-lg border border-white border-opacity-5 p-4 mb-8" style="background-color: ">
<div class="bg-bg rounded-md shadow-lg border border-white border-opacity-5 p-4 mb-8"> <div id="firstcolumn" class="flex-1" style="background-color: ">
<div class="flex items-center mb-2"> <div class="mb-2">
<h1 class="text-xl font-semibold">Settings</h1> <h1 class="text-xl">Settings</h1>
</div> </div>
<div class="mb-2">
<h1 class="text-xl font-semibold">General</h1>
</div>
<div class="flex items-center py-2"> <div class="flex items-center py-2">
<ui-toggle-switch v-model="newServerSettings.storeCoverWithItem" :disabled="updatingServerSettings" @input="(val) => updateSettingsKey('storeCoverWithItem', val)" /> <ui-toggle-switch v-model="newServerSettings.storeCoverWithItem" :disabled="updatingServerSettings" @input="(val) => updateSettingsKey('storeCoverWithItem', val)" />
<ui-tooltip :text="tooltips.storeCoverWithItem"> <ui-tooltip :text="tooltips.storeCoverWithItem">
@ -46,7 +50,7 @@
</div> </div>
<div class="flex items-center mb-2 mt-8"> <div class="flex items-center mb-2 mt-8">
<h1 class="text-xl font-semibold">Display Settings</h1> <h1 class="text-xl font-semibold">Display</h1>
</div> </div>
<div class="flex items-center py-2"> <div class="flex items-center py-2">
@ -73,9 +77,11 @@
<p class="pr-4 text-lg">Date Format</p> <p class="pr-4 text-lg">Date Format</p>
<ui-dropdown v-model="newServerSettings.dateFormat" :items="dateFormats" small class="max-w-40" @input="(val) => updateSettingsKey('dateFormat', val)" /> <ui-dropdown v-model="newServerSettings.dateFormat" :items="dateFormats" small class="max-w-40" @input="(val) => updateSettingsKey('dateFormat', val)" />
</div> </div>
</div>
<div id="secondcolumn" class="flex-1" style="background-color: ">
<div class="flex items-center mb-2 mt-8"> <div class="flex items-center mb-2 mt-8">
<h1 class="text-xl font-semibold">Scanner Settings</h1> <h1 class="text-xl font-semibold">Scanner</h1>
</div> </div>
<div class="flex items-center py-2"> <div class="flex items-center py-2">
@ -153,7 +159,21 @@
</div> </div>
<div class="flex items-center mb-2 mt-8"> <div class="flex items-center mb-2 mt-8">
<h1 class="text-xl font-semibold">Experimental Feature Settings</h1> <h1 class="text-xl font-semibold">Experimental Features</h1>
</div>
<div>
<div class="flex items-center">
<ui-toggle-switch v-model="showExperimentalFeatures" />
<ui-tooltip :text="tooltips.experimentalFeatures">
<p class="pl-4 text-lg">
Experimental Features
<a href="https://github.com/advplyr/audiobookshelf/discussions/75" target="_blank">
<span class="material-icons icon-text">info_outlined</span>
</a>
</p>
</ui-tooltip>
</div>
</div> </div>
<div class="flex items-center py-2"> <div class="flex items-center py-2">
@ -165,6 +185,8 @@
</p> </p>
</ui-tooltip> </ui-tooltip>
</div> </div>
</div>
</div> </div>
<div class="h-0.5 bg-primary bg-opacity-30 w-full" /> <div class="h-0.5 bg-primary bg-opacity-30 w-full" />
@ -207,23 +229,6 @@
<div class="h-0.5 bg-primary bg-opacity-30 w-full" /> <div class="h-0.5 bg-primary bg-opacity-30 w-full" />
<div class="py-12 mb-4 opacity-60 hover:opacity-100">
<div class="flex items-center">
<div>
<div class="flex items-center">
<ui-toggle-switch v-model="showExperimentalFeatures" />
<ui-tooltip :text="tooltips.experimentalFeatures">
<p class="pl-4 text-lg">
Experimental Features
<a href="https://github.com/advplyr/audiobookshelf/discussions/75" target="_blank">
<span class="material-icons icon-text">info_outlined</span>
</a>
</p>
</ui-tooltip>
</div>
</div>
</div>
</div>
<prompt-dialog v-model="showConfirmPurgeCache" :width="675"> <prompt-dialog v-model="showConfirmPurgeCache" :width="675">
<div class="px-4 w-full text-sm py-6 rounded-lg bg-bg shadow-lg border border-black-300"> <div class="px-4 w-full text-sm py-6 rounded-lg bg-bg shadow-lg border border-black-300">