jwetzell/showbridge-webui
1
0
Fork 0
mirror of https://github.com/jwetzell/showbridge-webui.git synced 2026-08-31 19:08:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

class cleanup

Browse Source
This commit is contained in:
Joel Wetzell
2026-03-21 12:43:09 -05:00
parent f2c88fe750
commit 638eb5dced
7 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/config-preview/config-preview.component.html
+2 -2
View File
@@ -1,10 +1,10 @@
<div class="h-full flex flex-col"> <div class="h-full flex flex-col">
<div class="flex items-center"> <div class="flex items-center">
<div class="text-white">Config Preview</div> <div class="text-white">Config Preview</div>
<div class="flex-grow"></div> <div class="grow"></div>
<div> <div>
<button mat-icon-button matTooltip="Download Config" (click)="downloadConfig()"> <button mat-icon-button matTooltip="Download Config" (click)="downloadConfig()">
<mat-icon class="!text-white">download</mat-icon> <mat-icon class="text-white!">download</mat-icon>
</button> </button>
</div> </div>
</div> </div>
src/app/components/module-list/module-list.component.html
+1 -1
View File
@@ -18,7 +18,7 @@
} }
<div class="text-white">Modules</div> <div class="text-white">Modules</div>
</div> </div>
<div class="flex-grow overflow-x-hidden overflow-y-auto gap-1.5"> <div class="grow overflow-x-hidden overflow-y-auto gap-1.5">
@for (module of modules(); track module.id; let i = $index) { @for (module of modules(); track module.id; let i = $index) {
<div class="m-2"> <div class="m-2">
<app-module <app-module
src/app/components/module/module.component.html
+3 -3
View File
@@ -12,9 +12,9 @@
<div class="text-white"> <div class="text-white">
{{ schema().title || module()?.type }} {{ schema().title || module()?.type }}
</div> </div>
<div class="flex-grow"></div> <div class="grow"></div>
<div class="flex items-center justify-center hover:bg-gray-700 hover:cursor-pointer" (click)="delete.emit()"> <div class="flex items-center justify-center hover:bg-gray-700 hover:cursor-pointer" (click)="delete.emit()">
<mat-icon class="!text-red-500">close</mat-icon> <mat-icon class="text-red-500!">close</mat-icon>
</div> </div>
</div> </div>
<hr class="bg-gray-600 h-0.5 border-0"> <hr class="bg-gray-600 h-0.5 border-0">
@@ -29,7 +29,7 @@
[placeholder]="'module-1'" [placeholder]="'module-1'"
[formControlName]="'id'" [formControlName]="'id'"
/> />
<mat-icon class="!text-white" matTooltip="String">abc</mat-icon> <mat-icon class="text-white!" matTooltip="String">abc</mat-icon>
@if (!formGroup.controls['id'].valid) { @if (!formGroup.controls['id'].valid) {
<!-- TODO(jwetzell): better error displaying --> <!-- TODO(jwetzell): better error displaying -->
<div class="ml-2 text-red-500">{{ formGroup.controls['id'].errors | json }}</div> <div class="ml-2 text-red-500">{{ formGroup.controls['id'].errors | json }}</div>
src/app/components/params-form/params-form.component.html
+6 -6
View File
@@ -40,7 +40,7 @@
} }
</select> </select>
} }
<mat-icon class="!text-white">123</mat-icon> <mat-icon class="text-white!">123</mat-icon>
} }
@case ('integer') { @case ('integer') {
@if (!paramInfo.options) { @if (!paramInfo.options) {
@@ -62,7 +62,7 @@
} }
</select> </select>
} }
<mat-icon class="!text-white" matTooltip="Number">123</mat-icon> <mat-icon class="text-white!" matTooltip="Number">123</mat-icon>
} }
@case ('string') { @case ('string') {
@if (!paramInfo.options) { @if (!paramInfo.options) {
@@ -84,14 +84,14 @@
} }
</select> </select>
} }
<mat-icon class="!text-white" matTooltip="String">abc</mat-icon> <mat-icon class="text-white!" matTooltip="String">abc</mat-icon>
} }
@case ('array') { @case ('array') {
<app-array-form <app-array-form
[paramFormControl]="paramsFormInfo.formGroup.get(paramInfo.key)" [paramFormControl]="paramsFormInfo.formGroup.get(paramInfo.key)"
[paramInfo]="paramInfo" [paramInfo]="paramInfo"
></app-array-form> ></app-array-form>
<mat-icon class="!text-white" matTooltip="Item list">data_array</mat-icon> <mat-icon class="text-white!" matTooltip="Item list">data_array</mat-icon>
} }
@case ('object') { @case ('object') {
<!-- TODO(jwetzell): figure out how to display objects--> <!-- TODO(jwetzell): figure out how to display objects-->
@@ -100,7 +100,7 @@
[formControlName]="paramInfo.key" [formControlName]="paramInfo.key"
[placeholder]="paramInfo.placeholder" [placeholder]="paramInfo.placeholder"
/> />
<mat-icon class="!text-white" matTooltip="JSON">data_object</mat-icon> <mat-icon class="text-white!" matTooltip="JSON">data_object</mat-icon>
} }
@default { @default {
<input <input
@@ -111,7 +111,7 @@
} }
@if (paramInfo.hint) { @if (paramInfo.hint) {
<div class="flex items-center justify-center"> <div class="flex items-center justify-center">
<mat-icon [matTooltip]="paramInfo.hint" class="ml-2 !text-white"> <mat-icon [matTooltip]="paramInfo.hint" class="ml-2 text-white!">
help_outline help_outline
</mat-icon> </mat-icon>
</div> </div>
src/app/components/processor/processor.component.html
+2 -2
View File
@@ -6,11 +6,11 @@
}} border-solid w-fit h-full" }} border-solid w-fit h-full"
> >
<div class="flex items-center justify-center"> <div class="flex items-center justify-center">
<div class="flex-grow ml-1 mr-3 text-white"> <div class="grow ml-1 mr-3 text-white">
{{ schema()?.title || processor()?.type }} {{ schema()?.title || processor()?.type }}
</div> </div>
<div class="flex items-center justify-center hover:bg-gray-700 hover:cursor-pointer" (click)="delete.emit()"> <div class="flex items-center justify-center hover:bg-gray-700 hover:cursor-pointer" (click)="delete.emit()">
<mat-icon class="!text-red-500">close</mat-icon> <mat-icon class="text-red-500!">close</mat-icon>
</div> </div>
</div> </div>
@if (hasParams()) { @if (hasParams()) {
src/app/components/route-list/route-list.component.html
+1 -1
View File
@@ -9,7 +9,7 @@
</div> </div>
<div class="text-white">Routes</div> <div class="text-white">Routes</div>
</div> </div>
<div class="flex-grow overflow-x-hidden overflow-y-auto gap-1.5"> <div class="grow overflow-x-hidden overflow-y-auto gap-1.5">
@for (route of routes(); track $index; let i = $index) { @for (route of routes(); track $index; let i = $index) {
<div class="m-2"> <div class="m-2">
<app-route <app-route
src/app/components/route/route.component.html
+2 -2
View File
@@ -9,9 +9,9 @@
<div class="flex items-center"> <div class="flex items-center">
<mat-icon [style.color]="indicatorColor()" matTooltip="Route Indicator">chevron_right</mat-icon> <mat-icon [style.color]="indicatorColor()" matTooltip="Route Indicator">chevron_right</mat-icon>
</div> </div>
<div class="flex-grow text-left ml-2 text-white">Route {{ index() }}</div> <div class="grow text-left ml-2 text-white">Route {{ index() }}</div>
<div class="flex items-center justify-center hover:bg-gray-700 hover:cursor-pointer" (click)="delete.emit()"> <div class="flex items-center justify-center hover:bg-gray-700 hover:cursor-pointer" (click)="delete.emit()">
<mat-icon class="!text-red-500">close</mat-icon> <mat-icon class="text-red-500!">close</mat-icon>
</div> </div>
</div> </div>
<hr class="bg-gray-600 h-0.5 border-0"> <hr class="bg-gray-600 h-0.5 border-0">