francescoalbano/tripweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Settings tweaks items change

Browse Source
This commit is contained in:
itskovacs 2025-08-09 11:54:38 +02:00
parent a64e1d1e06
commit 0ccd8bab9f
1 changed files with 36 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
src/src/app/components/dashboard/dashboard.component.html
View File

@ -218,7 +218,7 @@
Display Category Display Category
image instead of Place image.</span> image instead of Place image.</span>
</div> </div>
<div class="mt-4 flex justify-between"> <div class="mt-2 flex justify-between">
<div>Low Network Mode</div> <div>Low Network Mode</div>
<p-toggleswitch [(ngModel)]="isLowNet" (onChange)="toggleLowNet()" /> <p-toggleswitch [(ngModel)]="isLowNet" (onChange)="toggleLowNet()" />
</div> </div>
@ -226,20 +226,52 @@
<div class="mt-4"> <div class="mt-4">
<h1 class="font-semibold tracking-tight text-xl">Dark Mode</h1> <h1 class="font-semibold tracking-tight text-xl">Dark Mode</h1>
</div> </div>
<div class="mt-4 flex justify-between"> <div class="mt-2 flex justify-between">
<div>Enable Dark mode</div> <div>Enable Dark mode</div>
<p-toggleswitch [(ngModel)]="isDarkMode" (onChange)="toggleDarkMode()" /> <p-toggleswitch [(ngModel)]="isDarkMode" (onChange)="toggleDarkMode()" />
</div> </div>
<div class="mt-4"> <div class="mt-4">
<h1 class="font-semibold tracking-tight text-xl">GPX Indication</h1> <h1 class="font-semibold tracking-tight text-xl">GPX Indication</h1>
<span class="text-xs text-gray-500 dark:text-gray-400">If enabled, display a compass in Place bubble when a <span class="text-xs text-gray-500 dark:text-gray-400">If enabled, display a compass in Place bubble when
a
GPX is present.</span> GPX is present.</span>
</div> </div>
<div class="mt-4 flex justify-between"> <div class="mt-2 flex justify-between">
<div>Enable GPX indication</div> <div>Enable GPX indication</div>
<p-toggleswitch [(ngModel)]="isGpxInPlaceMode" (onChange)="toggleGpxInPlace()" /> <p-toggleswitch [(ngModel)]="isGpxInPlaceMode" (onChange)="toggleGpxInPlace()" />
</div> </div>
<section [formGroup]="settingsForm">
<div class="mt-4">
<h1 class="font-semibold tracking-tight text-xl">Currency</h1>
</div>
<div class="mt-4">
<p-floatlabel variant="in" class="md:col-span-2">
<p-select [options]="currencySigns" optionValue="s" optionLabel="c" inputId="currency" id="currency"
class="capitalize" formControlName="currency" [checkmark]="true" [showClear]="true" fluid />
<label for="currency">Currency</label>
</p-floatlabel>
</div>
<div class="mt-4">
<h1 class="font-semibold tracking-tight text-xl">Filters</h1>
<span class="text-xs text-gray-500 dark:text-gray-400">You can customize the categories to hide by
default</span>
</div>
<div class="mt-4">
<p-floatlabel variant="in" class="md:col-span-2">
<p-multiselect [options]="doNotDisplayOptions" [group]="true" [filter]="false" [showToggleAll]="false"
class="capitalize" formControlName="do_not_display" [showClear]="true" fluid />
<label for="do_not_display">Hide</label>
</p-floatlabel>
</div>
<div class="mt-2 w-full text-right">
<p-button (click)="updateSettings()" label="Update" text
[disabled]="!settingsForm.valid || settingsForm.pristine" />
</div>
</section>
</p-tabpanel> </p-tabpanel>
<p-tabpanel value="2"> <p-tabpanel value="2">
<section [formGroup]="settingsForm"> <section [formGroup]="settingsForm">
@ -271,30 +303,6 @@
</p-floatlabel> </p-floatlabel>
</div> </div>
<div class="mt-4">
<h1 class="font-semibold tracking-tight text-xl">Currency</h1>
</div>
<div class="mt-4">
<p-floatlabel variant="in" class="md:col-span-2">
<p-select [options]="currencySigns" optionValue="s" optionLabel="c" inputId="currency" id="currency"
class="capitalize" formControlName="currency" [checkmark]="true" [showClear]="true" fluid />
<label for="currency">Currency</label>
</p-floatlabel>
</div>
<div class="mt-4">
<h1 class="font-semibold tracking-tight text-xl">Filters</h1>
<span class="text-xs text-gray-500 dark:text-gray-400">You can customize the categories to hide by
default</span>
</div>
<div class="mt-4">
<p-floatlabel variant="in" class="md:col-span-2">
<p-multiselect [options]="doNotDisplayOptions" [group]="true" [filter]="false" [showToggleAll]="false"
class="capitalize" formControlName="do_not_display" [showClear]="true" fluid />
<label for="do_not_display">Hide</label>
</p-floatlabel>
</div>
<div class="mt-2 w-full text-right"> <div class="mt-2 w-full text-right">
<p-button (click)="updateSettings()" label="Update" text <p-button (click)="updateSettings()" label="Update" text
[disabled]="!settingsForm.valid || settingsForm.pristine" /> [disabled]="!settingsForm.valid || settingsForm.pristine" />