mirror of
https://github.com/Myxelium/Bridge-Multi.git
synced 2026-04-11 14:19:38 +00:00
69 lines
2.8 KiB
HTML
69 lines
2.8 KiB
HTML
<div class="p-8 flex flex-col gap-3">
|
|
<label class="form-control w-full">
|
|
<div class="label">
|
|
<span class="label-text">Chart library directory</span>
|
|
</div>
|
|
<div class="join w-full">
|
|
<input
|
|
[value]="settingsService.libraryDirectory || 'No folder selected'"
|
|
class="join-item input input-bordered cursor-default pointer-events-none flex-1"
|
|
readonly
|
|
type="text"
|
|
placeholder="No directory selected!" />
|
|
<button *ngIf="settingsService.libraryDirectory !== undefined" (click)="openLibraryDirectory()" class="join-item btn btn-neutral">
|
|
Open Folder
|
|
</button>
|
|
<button (click)="getLibraryDirectory()" class="join-item btn btn-primary">Choose</button>
|
|
</div>
|
|
</label>
|
|
|
|
<label class="form-control w-full max-w-xs">
|
|
<div class="label">
|
|
<span class="label-text">Theme</span>
|
|
</div>
|
|
<div class="dropdown dropdown-hover">
|
|
<label tabindex="0" class="btn btn-neutral">{{ capitalize(settingsService.theme) }}</label>
|
|
<ul tabindex="0" class="dropdown-content z-[2] menu p-2 shadow bg-neutral text-neutral-content rounded-box w-36">
|
|
<li>
|
|
<h2 class="menu-title text-neutral-content text-opacity-50">Dark</h2>
|
|
<ul>
|
|
<li><a (click)="setTheme('business')">Business</a></li>
|
|
<li><a (click)="setTheme('dark')">Dark</a></li>
|
|
<li><a (click)="setTheme('halloween')">Halloween</a></li>
|
|
<li><a (click)="setTheme('night')">Night</a></li>
|
|
<li><a (click)="setTheme('synthwave')">Synthwave</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<h2 class="menu-title text-neutral-content text-opacity-50">Light</h2>
|
|
<ul>
|
|
<li><a (click)="setTheme('aqua')">Aqua</a></li>
|
|
<li><a (click)="setTheme('emerald')">Emerald</a></li>
|
|
<li><a (click)="setTheme('lemonade')">Lemonade</a></li>
|
|
<li><a (click)="setTheme('valentine')">Valentine</a></li>
|
|
<li><a (click)="setTheme('winter')">Winter</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</label>
|
|
|
|
<div class="absolute bottom-8 right-8 flex gap-6">
|
|
<div class="join">
|
|
<button *ngIf="updateAvailable" class="join-item btn btn-primary" (click)="downloadUpdate()">
|
|
<i class="bi text-xl" [ngClass]="updateDownloaded ? 'bi-arrow-repeat' : 'bi-cloud-arrow-down'"></i>{{ downloadUpdateText }}
|
|
</button>
|
|
<button *ngIf="updateAvailable === null" class="join-item btn btn-warning" [class.disabled]="updateRetrying" (click)="retryUpdate()">
|
|
<i class="bi bi-arrow-repeat text-xl" [class.loading]="updateRetrying"></i>{{ retryUpdateText }}
|
|
</button>
|
|
<button class="join-item btn btn-outline btn-disabled">{{ currentVersion }}</button>
|
|
</div>
|
|
|
|
<div class="tooltip tooltip-left" data-tip="Toggle developer tools">
|
|
<button class="btn btn-primary btn-square btn-neutral" (click)="toggleDevTools()">
|
|
<i class="bi bi-gear text-lg"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|