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.
121 lines
4.0 KiB
HTML
121 lines
4.0 KiB
HTML
<!-- TODO: Add user specific settings for choice of language and date format. -->
|
|
|
|
<!-- Global Web App Configuration Settings -->
|
|
<div class="container">
|
|
<mat-accordion>
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
{{ 'labels.inputs.Main Configuration' | translate }}
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
|
|
<div class="layout-column">
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Default Language' | translate }}</mat-label>
|
|
<mat-select [formControl]="language" [compareWith]="compareOptions">
|
|
@for (language of languages; track language) {
|
|
<mat-option [value]="language">
|
|
{{ language.name }}
|
|
</mat-option>
|
|
}
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Default Date Format' | translate }}</mat-label>
|
|
<mat-select [formControl]="dateFormat">
|
|
@for (dateFormat of dateFormats; track dateFormat) {
|
|
<mat-option [value]="dateFormat">
|
|
{{ dateFormat }}
|
|
</mat-option>
|
|
}
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Decimals to Display' | translate }}</mat-label>
|
|
<mat-select [formControl]="decimalsToDisplay">
|
|
@for (decimalOpt of decimals; track decimalOpt) {
|
|
<mat-option [value]="decimalOpt">
|
|
{{ decimalOpt }}
|
|
</mat-option>
|
|
}
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</div>
|
|
</mat-expansion-panel>
|
|
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
{{ 'labels.inputs.Images' | translate }}
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
|
|
<div class="layout-column">
|
|
<span class="header">{{ 'labels.inputs.Favicon' | translate }}</span>
|
|
<mifosx-file-upload></mifosx-file-upload>
|
|
|
|
<span class="header">{{ 'labels.inputs.Cover Image' | translate }}</span>
|
|
<mifosx-file-upload></mifosx-file-upload>
|
|
|
|
<span class="header">{{ 'labels.inputs.Logo' | translate }}</span>
|
|
<mifosx-file-upload></mifosx-file-upload>
|
|
|
|
<span class="header">{{ 'labels.inputs.Logo with Organization Name' | translate }}</span>
|
|
<mifosx-file-upload></mifosx-file-upload>
|
|
</div>
|
|
</mat-expansion-panel>
|
|
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
{{ 'labels.inputs.Theme and Font' | translate }}
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
|
|
<div class="layout-column">
|
|
<span class="header">{{ 'labels.inputs.Theme' | translate }}</span>
|
|
<mifosx-theme-picker></mifosx-theme-picker>
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Default Font' | translate }}</mat-label>
|
|
<mat-select>
|
|
@for (font of fonts; track font) {
|
|
<mat-option [value]="font">
|
|
{{ font }}
|
|
</mat-option>
|
|
}
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</div>
|
|
</mat-expansion-panel>
|
|
|
|
<mat-expansion-panel>
|
|
<mat-expansion-panel-header>
|
|
<mat-panel-title>
|
|
{{ 'labels.inputs.Contact Information' | translate }}
|
|
</mat-panel-title>
|
|
</mat-expansion-panel-header>
|
|
|
|
<div class="layout-column">
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Website' | translate }}</mat-label>
|
|
<input type="url" matInput />
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Email' | translate }}</mat-label>
|
|
<input type="email" matInput />
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>{{ 'labels.inputs.Contact No' | translate }}</mat-label>
|
|
<input type="tel" matInput />
|
|
</mat-form-field>
|
|
</div>
|
|
</mat-expansion-panel>
|
|
</mat-accordion>
|
|
</div>
|