Add configurable columns

This commit is contained in:
Geomitron
2024-07-12 13:22:43 -05:00
parent 452111c1ef
commit 91e80aed52
8 changed files with 174 additions and 28 deletions

View File

@@ -142,6 +142,44 @@
</div>
</div>
<div class="form-control">
<div class="label">
<span class="label-text">Table Columns</span>
</div>
<div class="flex gap-2">
<label class="label cursor-pointer" for="artistColumn">
<input id="artistColumn" type="checkbox" checked="checked" class="checkbox mr-1" [formControl]="artistColumn" />
Artist
</label>
<label class="label cursor-pointer" for="albumColumn">
<input id="albumColumn" type="checkbox" checked="checked" class="checkbox mr-1" [formControl]="albumColumn" />
Album
</label>
<label class="label cursor-pointer" for="genreColumn">
<input id="genreColumn" type="checkbox" checked="checked" class="checkbox mr-1" [formControl]="genreColumn" />
Genre
</label>
<label class="label cursor-pointer" for="yearColumn">
<input id="yearColumn" type="checkbox" checked="checked" class="checkbox mr-1" [formControl]="yearColumn" />
Year
</label>
</div>
<div class="flex gap-2">
<label class="label cursor-pointer" for="charterColumn">
<input id="charterColumn" type="checkbox" checked="checked" class="checkbox mr-1" [formControl]="charterColumn" />
Charter
</label>
<label class="label cursor-pointer" for="lengthColumn">
<input id="lengthColumn" type="checkbox" checked="checked" class="checkbox mr-1" [formControl]="lengthColumn" />
Length
</label>
<label class="label cursor-pointer" for="difficultyColumn">
<input id="difficultyColumn" type="checkbox" checked="checked" class="checkbox mr-1" [formControl]="difficultyColumn" />
Difficulty
</label>
</div>
</div>
<div class="absolute bottom-8 left-8 flex">
<a class="btn btn-link" (click)="openUrl('https://github.com/Geomitron/Bridge')"><i class="bi bi-github text-2xl"></i>Github</a>
<a class="btn btn-link" (click)="openUrl('https://discord.gg/cqaUXGm')"><i class="bi bi-discord text-2xl"></i>Discord</a>