Add sections to settings-ui

This commit is contained in:
felix 2025-10-19 12:04:10 +02:00
parent 5881025931
commit 4fbafecc3b

View file

@ -8,32 +8,7 @@
<p class="card-header-title">Settings</p> <p class="card-header-title">Settings</p>
</span> </span>
</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>
<!-- Page View --> <!-- Page View -->
<div class="field is-horizontal"> <div class="field is-horizontal">
@ -56,6 +31,15 @@
</div> </div>
</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 --> <!-- Color Scheme -->
<div class="field is-horizontal"> <div class="field is-horizontal">
<div class="field-label"> <div class="field-label">
@ -140,6 +124,15 @@
</div> </div>
</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 --> <!-- URL Separator -->
<div class="field is-horizontal" v-if="!simpleMode"> <div class="field is-horizontal" v-if="!simpleMode">
<div class="field-label is-normal"> <div class="field-label is-normal">
@ -185,6 +178,15 @@
</div> </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 --> <!-- Show notifications -->
<div class="field is-horizontal"> <div class="field is-horizontal">
<div class="field-label is-normal"> <div class="field-label is-normal">
@ -248,6 +250,41 @@
</div> </div>
<!--end--> <!--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> </div>
</main> </main>
</template> </template>