Felix van Hove
7fd1486c08
Replaced checked in package-lock.json by regenerated one. Ran ng update @angular/core@20 @angular/cli@20 Ran npm install @angular-builders/jest@^20.0.0 @fortawesome/angular-fontawesome@^3.0.0 @swimlane/ngx-graph@^11 Ran npm install ngx-mat-select-search@^8.0.2. Ran ng update @angular/material@20. Updated all eslint and typescript to the latest versions. Removed @angular-devkit/schematics. Updated fontawesome. Updated rxjs and tslib. Moved required node version from 16 to 20. Updated jest-preset-angular. Set preserveWhitespaces to false. Corrected two type declarations in two typescript files to make ng serve run without errors. Removed unused angular-devkit/schematics from view-user.component.ts . Updated list of supported browsers. Upgraded prettier. Ran prettier . --write the first time. Ran prettier . --write the second time. Ran ng generate @angular/core:inject with defaults, excepted a handful of files. Fixed remaining eslint problems. Added dist directory to ignores in eslint.config.js. Let prettier fix formatting, almost everything is just line breaks. Made htmlhint ignore @if and @for Angular constructs. Updated node version in Github workflow to 22.12.0 (build.yml). Updated .env.ts. Updated Angular datetime format strings from YYYY-MM-DD to yyyy-MM-dd. Merged changes from dev into angular20 branch.
93 lines
3.2 KiB
HTML
93 lines
3.2 KiB
HTML
<div class="tab-container mat-typography">
|
|
<h3>{{ datatableName }}</h3>
|
|
<div class="layout-row align-end m-b-20">
|
|
@if (!dataObject.data[0]) {
|
|
<button mat-raised-button color="primary" (click)="add()">
|
|
<fa-icon icon="plus" class="m-r-10"></fa-icon>{{ 'labels.buttons.Add' | translate }}
|
|
</button>
|
|
}
|
|
@if (dataObject.data[0]) {
|
|
<button mat-raised-button color="primary" (click)="edit()">
|
|
<fa-icon icon="edit" class="m-r-10"></fa-icon>{{ 'labels.buttons.Edit' | translate }}
|
|
</button>
|
|
}
|
|
@if (dataObject.data[0]) {
|
|
<button class="delete-button" mat-raised-button color="warn" (click)="delete()">
|
|
<fa-icon icon="trash" class="m-r-10"></fa-icon>{{ 'labels.buttons.Delete' | translate }}
|
|
</button>
|
|
}
|
|
</div>
|
|
|
|
<mat-divider></mat-divider>
|
|
|
|
@if (dataObject.data.length > 0) {
|
|
<div class="m-t-10">
|
|
@for (columnHeader of dataObject.columnHeaders; track columnHeader; let i = $index) {
|
|
<div class="flex-fill" [ngClass]="setAttributeClass(columnHeader.columnName)">
|
|
<div class="mat-body-strong left flex-40">
|
|
{{ columnHeader.columnDisplayName }}
|
|
{{ getInputName(columnHeader.columnName) }}
|
|
</div>
|
|
<div class="right flex-60">
|
|
@switch (getColumnType(columnHeader.columnDisplayType, columnHeader.columnType)) {
|
|
@case ('DATE') {
|
|
<span>
|
|
{{ dataObject.data[0].row[i] | dateFormat }}
|
|
</span>
|
|
}
|
|
@case ('DATETIME') {
|
|
<span>
|
|
{{ dataObject.data[0].row[i] | datetimeFormat }}
|
|
</span>
|
|
}
|
|
@case ('INTEGER') {
|
|
<span>
|
|
{{ dataObject.data[0].row[i] }}
|
|
</span>
|
|
}
|
|
@case ('DECIMAL') {
|
|
<span>
|
|
{{ dataObject.data[0].row[i] | formatNumber }}
|
|
</span>
|
|
}
|
|
@case ('TEXT') {
|
|
<span class="long-text">
|
|
{{ dataObject.data[0].row[i] }}
|
|
</span>
|
|
}
|
|
@case ('JSON') {
|
|
<textarea
|
|
cdkTextareaAutosize="true"
|
|
cdkAutosizeMaxRows="20"
|
|
cdkAutosizeMinRows="1"
|
|
class="json-textarea"
|
|
[innerHTML]="dataObject.data[0].row[i].value | prettyPrint"
|
|
>
|
|
</textarea>
|
|
}
|
|
@default {
|
|
<span>
|
|
@if (isValidUrl(dataObject.data[0].row[i])) {
|
|
<span class="m-r-5">
|
|
<button
|
|
mat-icon-button
|
|
matTooltip="{{ 'tooltips.View Link' | translate }}"
|
|
(click)="openSite(dataObject.data[0].row[i])"
|
|
matTooltipPosition="right"
|
|
class="small-icon"
|
|
>
|
|
<fa-icon icon="eye" size="lg"></fa-icon>
|
|
</button>
|
|
</span>
|
|
}
|
|
{{ dataObject.data[0].row[i] }}
|
|
</span>
|
|
}
|
|
}
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
}
|
|
</div>
|