danvics/ytptube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Add sections to settings-ui

Browse source
This commit is contained in:
felix 2025-10-19 12:04:10 +02:00
parent 5881025931
commit 4fbafecc3b
1 changed files with 63 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

89
ui/app/pages/settings.vue
View file

@ -8,32 +8,7 @@
<p class="card-header-title">Settings</p>
</span>
</span>
<!-- Link buttons -->
<div class="field is-horizontal">
<div class="field-label is-normal">
<label class="label"></label>
</div>
<div class="field-body">
<div class="field is-narrow">
<div class="control">
<NuxtLink class="button is-primary" to="/logs" @click.prevent="(e: MouseEvent) => changeRoute(e)"
v-if="config.app.file_logging">
<span class="icon"><i class="fa-solid fa-file-lines" /></span>
<span>Open Logs</span>
</NuxtLink>
<NuxtLink class="button is-primary" to="/console" @click.prevent="(e: MouseEvent) => changeRoute(e)"
v-if="config.app.console_enabled">
<span class="icon"><i class="fa-solid fa-terminal" /></span>
<span>Open Console</span>
</NuxtLink>
</div>
</div>
</div>
</div>
<span class="field is-horizontal"/>
<!-- Page View -->
<div class="field is-horizontal">
@ -56,6 +31,15 @@
</div>
</div>
<span class="field title is-4">
<span class="icon-text">
<span class="icon"><i class="fas fa-palette" /></span>
<p class="card-header-title">Theming</p>
</span>
</span>
<span class="field is-horizontal"/>
<!-- Color Scheme -->
<div class="field is-horizontal">
<div class="field-label">
@ -140,6 +124,15 @@
</div>
</div>
<span class="field title is-4">
<span class="icon-text">
<span class="icon"><i class="fas fa-home" /></span>
<p class="card-header-title">Dashboard</p>
</span>
</span>
<span class="field is-horizontal"/>
<!-- URL Separator -->
<div class="field is-horizontal" v-if="!simpleMode">
<div class="field-label is-normal">
@ -185,6 +178,15 @@
</div>
<span class="field title is-4">
<span class="icon-text">
<span class="icon"><i class="fas fa-bell" /></span>
<p class="card-header-title">On-Screen Notifications</p>
</span>
</span>
<span class="field is-horizontal"/>
<!-- Show notifications -->
<div class="field is-horizontal">
<div class="field-label is-normal">
@ -248,6 +250,41 @@
</div>
<!--end-->
<span class="field is-horizontal"/>
<span class="title is-4">
<span class="icon-text">
<span class="icon"><i class="fas fa-cog"/></span>
<p class="card-header-title">Application Settings</p>
</span>
</span>
<span class="field is-horizontal"/>
<!-- Link buttons -->
<div class="field is-horizontal">
<div class="field-label is-normal">
<label class="label"></label>
</div>
<div class="field-body">
<div class="field is-narrow">
<div class="control">
<NuxtLink class="button is-primary" to="/logs" @click.prevent="(e: MouseEvent) => changeRoute(e)"
v-if="config.app.file_logging">
<span class="icon"><i class="fa-solid fa-file-lines"/></span>
<span>Open Logs</span>
</NuxtLink>
<NuxtLink class="button is-primary" to="/console" @click.prevent="(e: MouseEvent) => changeRoute(e)"
v-if="config.app.console_enabled">
<span class="icon"><i class="fa-solid fa-terminal"/></span>
<span>Open Console</span>
</NuxtLink>
</div>
</div>
</div>
</div>
<!--end-->
</div>
</main>
</template>