tom/hermes-web-angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto-formatted every file to keep everything consistent.

Browse Source
This commit is contained in:
Tom
2025-03-18 14:03:07 +00:00
parent 74b282ccfd
commit 9201f9b6c5
91 changed files with 14891 additions and 14767 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/actions/action-dropdown/action-dropdown.component.html
View File

@ -1,15 +1,16 @@
<mat-form-field>
<mat-label>Redeemable Action</mat-label>
<input
matInput
type="text"
placeholder="Pick a Redeemable Action"
aria-label="redeemable action"
[formControl]="formControl"
[matAutocomplete]="auto"
(blur)="blur()"
(input)="input()">
<mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn" (optionSelected)="select($event.option.value)">
<input matInput
type="text"
placeholder="Pick a Redeemable Action"
aria-label="redeemable action"
[formControl]="formControl"
[matAutocomplete]="auto"
(blur)="blur()"
(input)="input()">
<mat-autocomplete #auto="matAutocomplete"
[displayWith]="displayFn"
(optionSelected)="select($event.option.value)">
@for (action of filteredActions; track action.name) {
<mat-option [value]="action">{{action.name}}</mat-option>
}

2
src/app/actions/action-dropdown/action-dropdown.component.spec.ts
View File

@ -10,7 +10,7 @@ describe('ActionDropdownComponent', () => {
await TestBed.configureTestingModule({
imports: [ActionDropdownComponent]
})
.compileComponents();
.compileComponents();
fixture = TestBed.createComponent(ActionDropdownComponent);
component = fixture.componentInstance;

2
src/app/actions/action-dropdown/action-dropdown.component.ts
View File

@ -75,7 +75,7 @@ export class ActionDropdownComponent implements OnInit {
} else if (insenstiveActions.length == 1) {
newValue = insenstiveActions[0];
}
if (newValue && newValue.name != this.formControl.value) {
this.formControl.setValue(newValue);
this.actionChange.emit(newValue.name);

65
src/app/actions/action-item-edit/action-item-edit.component.html
View File

@ -8,11 +8,14 @@
</mat-card-header>
<mat-card-content>
<form class="grid" [formGroup]="formGroup">
<form class="grid"
[formGroup]="formGroup">
<div class="item">
<mat-form-field>
<mat-label>Redeemable Action Name</mat-label>
<input matInput type="text" formControlName="name">
<input matInput
type="text"
formControlName="name">
@if (isNew && formGroup.get('name')?.invalid && (formGroup.get('name')?.dirty ||
formGroup.get('name')?.touched)) {
@if (formGroup.get('name')?.hasError('required')) {
@ -27,7 +30,9 @@
<div class="item">
<mat-form-field>
<mat-label>Type</mat-label>
<mat-select matInput formControlName="type" (selectionChange)="action.type = $event.value">
<mat-select matInput
formControlName="type"
(selectionChange)="action.type = $event.value">
@for (type of actionTypes; track $index) {
<mat-option value="{{type}}">{{type}}</mat-option>
}
@ -50,8 +55,11 @@
@if (field.type == 'text') {
<mat-form-field>
<mat-label>{{field.label}}</mat-label>
<input matInput type="text" placeholder="{{field.placeholder}}" [formControl]="field.control"
[(ngModel)]="action.data[field.key]">
<input matInput
type="text"
placeholder="{{field.placeholder}}"
[formControl]="field.control"
[(ngModel)]="action.data[field.key]">
@if (field.control.invalid && (field.control.dirty || field.control.touched)) {
@if (field.control.hasError('required')) {
<small class="error">This field is required.</small>
@ -65,7 +73,9 @@
@else if (field.type == 'number') {
<mat-form-field>
<mat-label>{{field.label}}</mat-label>
<input matInput type="number" [formControl]="field.control">
<input matInput
type="number"
[formControl]="field.control">
@if (field.control.invalid && (field.control.dirty || field.control.touched)) {
@if (field.control.hasError('required')) {
<small class="error">This field is required.</small>
@ -77,19 +87,19 @@
</mat-form-field>
}
@else if (field.type == 'text-values') {
<mat-form-field>
<mat-label>{{field.label}}</mat-label>
<mat-select [formControl]="field.control">
@for (value of field.values; track $index) {
<mat-option [value]="value">{{value}}</mat-option>
}
</mat-select>
@if (field.control.invalid && (field.control.dirty || field.control.touched)) {
@if (field.control.hasError('required')) {
<small class="error">This field is required.</small>
<mat-form-field>
<mat-label>{{field.label}}</mat-label>
<mat-select [formControl]="field.control">
@for (value of field.values; track $index) {
<mat-option [value]="value">{{value}}</mat-option>
}
}
</mat-form-field>
</mat-select>
@if (field.control.invalid && (field.control.dirty || field.control.touched)) {
@if (field.control.hasError('required')) {
<small class="error">This field is required.</small>
}
}
</mat-form-field>
}
</div>
@ -98,17 +108,18 @@
}
</mat-card-content>
<mat-card-actions class="actions" align="end">
<mat-card-actions class="actions"
align="end">
@if (!isNew) {
<button mat-raised-button class="delete" (click)="deleteAction(action)">Delete</button>
<button mat-raised-button
class="delete"
(click)="deleteAction(action)">Delete</button>
}
<button
mat-raised-button
(click)="dialogRef.close()">Cancel</button>
<button
mat-raised-button
disabled="{{!formsDirty || !formsValidity || waitForResponse}}"
(click)="save()">Save</button>
<button mat-raised-button
(click)="dialogRef.close()">Cancel</button>
<button mat-raised-button
disabled="{{!formsDirty || !formsValidity || waitForResponse}}"
(click)="save()">Save</button>
</mat-card-actions>
</mat-card>
</body>

2
src/app/actions/action-item-edit/action-item-edit.component.scss
View File

@ -25,6 +25,6 @@
color: #ba1a1a;
}
.mdc-button ~ .mdc-button {
.mdc-button~.mdc-button {
margin-left: 1em;
}

2
src/app/actions/action-item-edit/action-item-edit.component.spec.ts
View File

@ -10,7 +10,7 @@ describe('ActionItemEditComponent', () => {
await TestBed.configureTestingModule({
imports: [ActionItemEditComponent]
})
.compileComponents();
.compileComponents();
fixture = TestBed.createComponent(ActionItemEditComponent);
component = fixture.componentInstance;

8
src/app/actions/action-list/action-list.component.html
View File

@ -1,11 +1,15 @@
<main>
@for (action of actions; track $index) {
<button type="button" class="container" (click)="modify(action)">
<button type="button"
class="container"
(click)="modify(action)">
<span class="title">{{action.name}}</span>
<span class="subtitle">{{action.type}}</span>
</button>
}
<button type="button" class="container" (click)="create()">
<button type="button"
class="container"
(click)="create()">
<mat-icon>add</mat-icon>
</button>
</main>

2
src/app/actions/action-list/action-list.component.spec.ts
View File

@ -10,7 +10,7 @@ describe('ActionListComponent', () => {
await TestBed.configureTestingModule({
imports: [ActionListComponent]
})
.compileComponents();
.compileComponents();
fixture = TestBed.createComponent(ActionListComponent);
component = fixture.componentInstance;

15
src/app/actions/actions/actions.component.html
View File

@ -5,7 +5,8 @@
<article>
<mat-form-field>
<mat-label>Filter by type</mat-label>
<mat-select (selectionChange)="onFilterChange($event.value)" value="0">
<mat-select (selectionChange)="onFilterChange($event.value)"
value="0">
<mat-select-trigger>
<mat-icon matPrefix>filter_list</mat-icon>&nbsp;{{filter.name}}
</mat-select-trigger>
@ -19,13 +20,15 @@
<mat-form-field>
<mat-label>Search</mat-label>
<input matInput
type="text"
placeholder="Name of action"
[formControl]="searchControl"
[(ngModel)]="search">
type="text"
placeholder="Name of action"
[formControl]="searchControl"
[(ngModel)]="search">
<mat-icon matPrefix>search</mat-icon>
</mat-form-field>
</article>
</section>
<action-list class="center" [actions]="actions" (actionsChange)="items.push($event)" />
<action-list class="center"
[actions]="actions"
(actionsChange)="items.push($event)" />
</body>

7
src/app/actions/actions/actions.component.scss
View File

@ -1,4 +1,5 @@
body, h3 {
body,
h3 {
padding: 0;
margin: 0;
}
@ -21,14 +22,14 @@ section {
margin-left: auto;
margin-right: auto;
@media (max-width:1250px) {
@media (max-width:1250px) {
display: block;
justify-content: center;
}
article {
display: flex;
justify-content:space-around;
justify-content: space-around;
}
}

2
src/app/actions/actions/actions.component.spec.ts
View File

@ -10,7 +10,7 @@ describe('ActionsComponent', () => {
await TestBed.configureTestingModule({
imports: [ActionsComponent]
})
.compileComponents();
.compileComponents();
fixture = TestBed.createComponent(ActionsComponent);
component = fixture.componentInstance;