marndt
/
avicenna
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update angular core & cli to v19

This commit is contained in:
Marcel Arndt 2025-04-11 12:04:04 +02:00
parent dde00abe54
commit d8a2930247
53 changed files with 4137 additions and 3574 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6876
service/app-hub/dashboard/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

26
service/app-hub/dashboard/package.json
View File

@ -10,17 +10,17 @@
},
"private": true,
"dependencies": {
"@angular/animations": "^18.1.0",
"@angular/animations": "^19.2.6",
"@angular/cdk": "^18.1.1",
"@angular/common": "^18.1.0",
"@angular/compiler": "^18.1.0",
"@angular/core": "^18.1.0",
"@angular/forms": "^18.1.0",
"@angular/common": "^19.2.6",
"@angular/compiler": "^19.2.6",
"@angular/core": "^19.2.6",
"@angular/forms": "^19.2.6",
"@angular/material": "^18.1.1",
"@angular/material-date-fns-adapter": "^18.1.1",
"@angular/platform-browser": "^18.1.0",
"@angular/platform-browser-dynamic": "^18.1.0",
"@angular/router": "^18.1.0",
"@angular/platform-browser": "^19.2.6",
"@angular/platform-browser-dynamic": "^19.2.6",
"@angular/router": "^19.2.6",
"@apollo/client": "^3.0.0",
"@azure/msal-angular": "^3.0.22",
"@azure/msal-browser": "^3.19.1",
@ -46,13 +46,13 @@
"graphql-ws": "^5.16.0",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.14.3"
"zone.js": "~0.15.0"
},
"devDependencies": {
"@angular-devkit/build-angular": "^18.1.1",
"@angular/cli": "^18.1.1",
"@angular/compiler-cli": "^18.1.0",
"@angular/localize": "^18.1.1",
"@angular-devkit/build-angular": "^19.2.7",
"@angular/cli": "^19.2.7",
"@angular/compiler-cli": "^19.2.6",
"@angular/localize": "^19.2.6",
"@types/jasmine": "~5.1.0",
"autoprefixer": "^10.4.19",
"jasmine-core": "~5.1.0",

9
service/app-hub/dashboard/src/app/app.component.ts
View File

@ -4,11 +4,10 @@ import { AppShellComponent } from './core/components/app-shell/app-shell.compone
import { MsalService } from '@azure/msal-angular';
@Component({
selector: 'app-root',
standalone: true,
imports: [AppShellComponent, RouterOutlet],
templateUrl: './app.component.html',
styleUrl: './app.component.scss',
selector: 'app-root',
imports: [AppShellComponent, RouterOutlet],
templateUrl: './app.component.html',
styleUrl: './app.component.scss'
})
export class AppComponent {
title = 'dashboard';

14
service/app-hub/dashboard/src/app/app.config.ts
View File

@ -1,9 +1,9 @@
import {
APP_INITIALIZER,
ApplicationConfig,
ErrorHandler,
importProvidersFrom,
provideZoneChangeDetection,
provideAppInitializer,
} from '@angular/core';
import { provideRouter } from '@angular/router';
@ -19,15 +19,13 @@ import { GlobalErrorHandler } from './core/telemetry/global-error-handler';
export const appConfig: ApplicationConfig = {
providers: [
{
provide: APP_INITIALIZER,
useFactory: faroInitializer,
deps: [],
multi: true,
},
provideAppInitializer(() => {
const initializerFn = faroInitializer();
return initializerFn();
}),
{
provide: ErrorHandler,
useClass: GlobalErrorHandler
useClass: GlobalErrorHandler,
},
provideZoneChangeDetection({ eventCoalescing: true }),
provideRouter(routes),

33
service/app-hub/dashboard/src/app/core/components/app-shell/app-shell.component.ts
View File

@ -19,23 +19,22 @@ import { AvatarComponent } from '../avatar/avatar.component';
import { RoleDirective } from '../ms-authentication/role.directive';
@Component({
selector: 'app-app-shell',
standalone: true,
imports: [
MatButtonModule,
MatIconModule,
MatToolbarModule,
MatSidenavModule,
MatListModule,
AvatarComponent,
RouterOutlet,
RouterLink,
RouterLinkActive,
AsyncPipe,
RoleDirective,
],
templateUrl: './app-shell.component.html',
styleUrl: './app-shell.component.scss',
selector: 'app-app-shell',
imports: [
MatButtonModule,
MatIconModule,
MatToolbarModule,
MatSidenavModule,
MatListModule,
AvatarComponent,
RouterOutlet,
RouterLink,
RouterLinkActive,
AsyncPipe,
RoleDirective,
],
templateUrl: './app-shell.component.html',
styleUrl: './app-shell.component.scss'
})
export class AppShellComponent {
isHandset$: Observable<boolean>;

9
service/app-hub/dashboard/src/app/core/components/avatar/avatar.component.ts
View File

@ -5,10 +5,9 @@ import { map } from 'rxjs';
import { AuthService } from '../ms-authentication/auth.service';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-avatar',
template: `<div
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-avatar',
template: `<div
class="flex items-center justify-center rounded-full h-10 w-10 bg-gray-100 text-blue-500 cursor-pointer transition ease-in-out hover:bg-white hover:shadow-md hover:scale-105 duration-200 "
[matMenuTriggerFor]="menu"
>
@ -17,7 +16,7 @@ import { AuthService } from '../ms-authentication/auth.service';
<mat-menu #menu="matMenu">
<button mat-menu-item (click)="logout()">Logout</button>
</mat-menu>`,
imports: [AsyncPipe, MatMenuModule],
imports: [AsyncPipe, MatMenuModule]
})
export class AvatarComponent {
private authService = inject(AuthService);

7
service/app-hub/dashboard/src/app/core/components/confirm-dialog/confirm-dialog.component.ts
View File

@ -8,7 +8,7 @@ export interface ConfirmDialogData {
}
@Component({
template: `<div class="flex flex-col items-center justify-start p-4">
template: `<div class="flex flex-col items-center justify-start p-4">
<div class="text-lg font-bold pb-2">{{ ref.data.title }}</div>
<div class="pb-4 border-b border-gray-400">{{ ref.data.body }}</div>
<div class="pt-4">
@ -16,9 +16,8 @@ export interface ConfirmDialogData {
<button mat-stroked-button color="warn" [dialogClose]="true">Bestätigen</button>
</div>
</div>`,
standalone: true,
imports: [MatButtonModule, DialogCloseDirective],
changeDetection: ChangeDetectionStrategy.OnPush,
imports: [MatButtonModule, DialogCloseDirective],
changeDetection: ChangeDetectionStrategy.OnPush
})
export class ConfirmDialogComponent {
ref: DialogRef<ConfirmDialogData> = inject(DialogRef);

3
service/app-hub/dashboard/src/app/core/components/ngx-echarts/echarts.directive.ts
View File

@ -15,7 +15,8 @@ import * as echarts from 'echarts/core';
import { CanvasRenderer } from 'echarts/renderers';
@Directive({
selector: '[dksEcharts]'
selector: '[dksEcharts]',
standalone: false
})
export class EchartsDirective implements OnInit, OnDestroy, OnChanges {
@Input() options?: EChartsOption;

31
service/app-hub/dashboard/src/app/pages/accounting/accounting-lane/accounting-item.component.ts
View File

@ -15,10 +15,9 @@ import { HotToastService } from '@ngxpert/hot-toast';
import { Tour, Ticket, AccountingState, TicketValidationState } from '../../../core/data-access/graphql/generated/generated';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-accounting-item',
template: ` <div class="flex justify-between">
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-accounting-item',
template: ` <div class="flex justify-between">
<div class="flex items-center">
<button
mat-icon-button
@ -45,22 +44,22 @@ import { Tour, Ticket, AccountingState, TicketValidationState } from '../../../c
tour.revenueDeviation | currency : 'EUR' : 'symbol' : '1.2-2' : 'de-DE'
}}
</ng-template>`,
styles: [
`
styles: [
`
:host {
@apply flex flex-col rounded border p-2 m-1 bg-white cursor-pointer;
}
`,
],
imports: [
MatButtonModule,
MatIconModule,
MatBadgeModule,
ClipboardModule,
NgIf,
NgClass,
CurrencyPipe,
],
],
imports: [
MatButtonModule,
MatIconModule,
MatBadgeModule,
ClipboardModule,
NgIf,
NgClass,
CurrencyPipe,
]
})
export class AccountingItemComponent implements AfterViewInit {
toast = inject(HotToastService);

15
service/app-hub/dashboard/src/app/pages/accounting/accounting-lane/accounting-lane-footer.component.ts
View File

@ -3,10 +3,9 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { TourStateMeta } from '../../../core/data-access/graphql/generated/generated';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-accounting-lane-footer',
template: `<span *ngIf="withTourCount" class="text-left text-xs">
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-accounting-lane-footer',
template: `<span *ngIf="withTourCount" class="text-left text-xs">
{{ tourStateMeta.count }} Touren
</span>
<span *ngIf="withRevenueSum" class="text-left text-xs">
@ -15,14 +14,14 @@ import { TourStateMeta } from '../../../core/data-access/graphql/generated/gener
| currency : 'EUR' : 'symbol' : '1.2-2' : 'de-DE'
}}
</span>`,
styles: [
`
styles: [
`
:host {
@apply flex flex-col items-center justify-center p-2;
}
`,
],
imports: [NgIf, AsyncPipe, CurrencyPipe],
],
imports: [NgIf, AsyncPipe, CurrencyPipe]
})
export class AccountingLaneFooterComponent {
@Input() tourStateMeta!: TourStateMeta;

29
service/app-hub/dashboard/src/app/pages/accounting/accounting-lane/accounting-lane-header-filter.component.ts
View File

@ -20,10 +20,9 @@ import {
} from '../../../core/data-access/graphql/generated/generated';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-accounting-lane-header-filter',
template: `
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-accounting-lane-header-filter',
template: `
<ng-container [ngSwitch]="state">
<button
mat-icon-button
@ -75,17 +74,17 @@ import {
</mat-menu>
</form>
`,
styles: [],
imports: [
NgSwitch,
NgSwitchCase,
NgFor,
FormsModule,
MatButtonModule,
MatIconModule,
MatMenuModule,
MatCheckboxModule,
],
styles: [],
imports: [
NgSwitch,
NgSwitchCase,
NgFor,
FormsModule,
MatButtonModule,
MatIconModule,
MatMenuModule,
MatCheckboxModule,
]
})
export class AccountingLaneHeaderFilterComponent implements AfterViewInit {
@Input() state!: AccountingState;

15
service/app-hub/dashboard/src/app/pages/accounting/accounting-lane/accounting-lane-header.component.ts
View File

@ -10,10 +10,9 @@ import { AccountingLaneHeaderFilterComponent } from './accounting-lane-header-fi
import { AccountingFilterArgs, AccountingState } from '../../../core/data-access/graphql/generated/generated';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-accounting-lane-header',
template: `<div></div>
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-accounting-lane-header',
template: `<div></div>
<ng-container [ngSwitch]="state">
<div *ngSwitchCase="AccountingState.Billable">Abrechenbar</div>
<div *ngSwitchCase="AccountingState.PreparedForBilling">
@ -27,14 +26,14 @@ import { AccountingFilterArgs, AccountingState } from '../../../core/data-access
[state]="state"
(filterChange)="filterChanged($event)"
></dks-accounting-lane-header-filter>`,
styles: [
`
styles: [
`
:host {
@apply flex items-center justify-between p-2 bg-gray-50;
}
`,
],
imports: [NgSwitch, NgSwitchCase, AccountingLaneHeaderFilterComponent],
],
imports: [NgSwitch, NgSwitchCase, AccountingLaneHeaderFilterComponent]
})
export class AccountingLaneHeaderComponent {
@Input() state!: AccountingState;

35
service/app-hub/dashboard/src/app/pages/accounting/accounting-lane/accounting-lane.component.ts
View File

@ -36,29 +36,28 @@ import { AccountingLaneFooterComponent } from './accounting-lane-footer.componen
import { AccountingLaneHeaderComponent } from './accounting-lane-header.component';
@Component({
selector: 'dks-accounting-lane',
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
templateUrl: './accounting-lane.component.html',
styles: [
`
selector: 'dks-accounting-lane',
changeDetection: ChangeDetectionStrategy.OnPush,
templateUrl: './accounting-lane.component.html',
styles: [
`
:host {
@apply rounded bg-gray-200 h-full w-full grid;
grid-template-rows: auto 1fr auto;
}
`,
],
imports: [
AccountingLaneHeaderComponent,
AccountingLaneFooterComponent,
AccountingItemComponent,
NgFor,
NgIf,
NgClass,
AsyncPipe,
CurrencyPipe,
ScrollingModule,
],
],
imports: [
AccountingLaneHeaderComponent,
AccountingLaneFooterComponent,
AccountingItemComponent,
NgFor,
NgIf,
NgClass,
AsyncPipe,
CurrencyPipe,
ScrollingModule,
]
})
export class AccountingLaneComponent {
private dialog = inject(DialogService);

11
service/app-hub/dashboard/src/app/pages/accounting/accounting-tour-view/accounting-tour-overview.component.ts
View File

@ -6,10 +6,9 @@ import { MatTabsModule } from '@angular/material/tabs';
import { Tour } from '../../../core/data-access/graphql/generated/generated';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-accounting-tour-overview',
template: `
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-accounting-tour-overview',
template: `
<div class="px-4 py-2 flex justify-between">
<div class="flex flex-col text-gray-600 text-sm">
<span class="font-medium">Startzeit</span>
@ -71,8 +70,8 @@ import { Tour } from '../../../core/data-access/graphql/generated/generated';
</div>
</div>
`,
styles: [],
imports: [MatTabsModule, MatIconModule, MatDividerModule, NgIf, DatePipe],
styles: [],
imports: [MatTabsModule, MatIconModule, MatDividerModule, NgIf, DatePipe]
})
export class AccountingTourOverviewComponent {
@Input() tour!: Tour;

29
service/app-hub/dashboard/src/app/pages/accounting/accounting-tour-view/accounting-tour-ticket.component.ts
View File

@ -6,10 +6,9 @@ import { MatListModule } from '@angular/material/list';
import { Ticket, TicketValidationState, Tour } from '../../../core/data-access/graphql/generated/generated';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-accounting-tour-ticket',
template: `
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-accounting-tour-ticket',
template: `
<div class="grid grid-cols-4">
<mat-list class="col-span-2" role="list">
<div mat-subheader class="text-sm">Ticket Informationen</div>
@ -87,17 +86,17 @@ import { Ticket, TicketValidationState, Tour } from '../../../core/data-access/g
</mat-list>
</div>
`,
styles: [],
imports: [
MatIconModule,
MatListModule,
MatDividerModule,
NgIf,
NgFor,
NgSwitch,
NgSwitchCase,
DatePipe,
],
styles: [],
imports: [
MatIconModule,
MatListModule,
MatDividerModule,
NgIf,
NgFor,
NgSwitch,
NgSwitchCase,
DatePipe,
]
})
export class AccountingTourTicketComponent {
@Input() tour!: Tour & { ticket: Ticket };

21
service/app-hub/dashboard/src/app/pages/accounting/accounting-tour-view/accounting-tour-view.component.ts
View File

@ -10,10 +10,9 @@ import { AccountingTourOverviewComponent } from './accounting-tour-overview.comp
import { AccountingTourTicketComponent } from './accounting-tour-ticket.component';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-accounting-tour-view',
template: `<h3 class="py-2 px-3 !mb-0">
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-accounting-tour-view',
template: `<h3 class="py-2 px-3 !mb-0">
{{ ref.data.ordinanceType }} -
{{ ref.data.patientName }}
{{ ref.data.patientSurname }}
@ -31,13 +30,13 @@ import { AccountingTourTicketComponent } from './accounting-tour-ticket.componen
></dks-accounting-tour-ticket>
</mat-tab>
</mat-tab-group> `,
styles: [],
imports: [
MatTabsModule,
MatIconModule,
AccountingTourOverviewComponent,
AccountingTourTicketComponent,
],
styles: [],
imports: [
MatTabsModule,
MatIconModule,
AccountingTourOverviewComponent,
AccountingTourTicketComponent,
]
})
export class AccountingTourViewComponent {
ref: DialogRef<Tour & { ticket: Ticket }, undefined | any> =

15
service/app-hub/dashboard/src/app/pages/accounting/dashboard-accounting.component.ts
View File

@ -3,10 +3,9 @@ import { AccountingLaneComponent } from './accounting-lane/accounting-lane.compo
import { AccountingState } from '../../core/data-access/graphql/generated/generated';
@Component({
selector: 'dks-dashboard-accounting',
standalone: true,
imports: [AccountingLaneComponent],
template: `<section class="h-full p-6 grid grid-cols-1 md:grid-cols-3 gap-6">
selector: 'dks-dashboard-accounting',
imports: [AccountingLaneComponent],
template: `<section class="h-full p-6 grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="col-span-1 md:col-span-5 flex justify-end items-center">
<!-- Action Buttons -->
</div>
@ -18,8 +17,8 @@ import { AccountingState } from '../../core/data-access/graphql/generated/genera
></dks-accounting-lane>
<dks-accounting-lane [accountingState]="AccountingState.Billed"></dks-accounting-lane>
</section>`,
styles: [
`
styles: [
`
:host {
display: block;
height: calc(100% - 64px);
@ -28,8 +27,8 @@ import { AccountingState } from '../../core/data-access/graphql/generated/genera
grid-template-rows: 2rem 1fr;
}
`,
],
changeDetection: ChangeDetectionStrategy.OnPush,
],
changeDetection: ChangeDetectionStrategy.OnPush
})
export class DashboardAccountingComponent {
AccountingState = AccountingState;

9
service/app-hub/dashboard/src/app/pages/control-center/anomaly-list/anomaly-list-item/anomaly-list-item.component.ts
View File

@ -32,10 +32,11 @@ interface Anomaly {
}
@Component({
selector: 'dks-anomaly-list-item',
templateUrl: './anomaly-list-item.component.html',
styleUrls: ['./anomaly-list-item.component.css'],
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-anomaly-list-item',
templateUrl: './anomaly-list-item.component.html',
styleUrls: ['./anomaly-list-item.component.css'],
changeDetection: ChangeDetectionStrategy.OnPush,
standalone: false
})
export class AnomalyListItemComponent {
isHovering = false;

9
service/app-hub/dashboard/src/app/pages/control-center/anomaly-list/anomaly-list.component.ts
View File

@ -18,10 +18,11 @@ import {
import { AnomaliesService } from '../anomalies.service';
@Component({
selector: 'dks-anomaly-list',
templateUrl: './anomaly-list.component.html',
styleUrls: ['./anomaly-list.component.css'],
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-anomaly-list',
templateUrl: './anomaly-list.component.html',
styleUrls: ['./anomaly-list.component.css'],
changeDetection: ChangeDetectionStrategy.OnPush,
standalone: false
})
export class AnomalyListComponent implements OnInit, OnDestroy {
@ViewChild(MatPaginator, { static: true }) private paginator!: MatPaginator;

7
service/app-hub/dashboard/src/app/pages/control-center/anomaly-list/anomaly-solution-dialog/anomaly-solution-dialog.component.ts
View File

@ -9,9 +9,10 @@ interface SolutionTarget {
}
@Component({
selector: 'dks-anomaly-solution-dialog',
templateUrl: './anomaly-solution-dialog.component.html',
styleUrls: ['./anomaly-solution-dialog.component.css'],
selector: 'dks-anomaly-solution-dialog',
templateUrl: './anomaly-solution-dialog.component.html',
styleUrls: ['./anomaly-solution-dialog.component.css'],
standalone: false
})
export class AnomalySolutionDialogComponent {
constructor(

9
service/app-hub/dashboard/src/app/pages/control-center/anomaly-tree/anomaly-tree.component.ts
View File

@ -41,10 +41,11 @@ interface AnomalyFlatNode {
}
@Component({
selector: 'dks-anomaly-tree',
templateUrl: './anomaly-tree.component.html',
styleUrls: ['./anomaly-tree.component.css'],
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-anomaly-tree',
templateUrl: './anomaly-tree.component.html',
styleUrls: ['./anomaly-tree.component.css'],
changeDetection: ChangeDetectionStrategy.OnPush,
standalone: false
})
export class AnomalyTreeComponent implements OnInit, OnDestroy {
@ViewChild(MatPaginator, { static: true }) private paginator!: MatPaginator;

9
service/app-hub/dashboard/src/app/pages/control-center/control-center-dashboard/control-center-dashboard.component.ts
View File

@ -1,9 +1,10 @@
import { ChangeDetectionStrategy, Component } from '@angular/core';
@Component({
selector: 'dks-control-center-dashboard',
templateUrl: './control-center-dashboard.component.html',
styleUrls: ['./control-center-dashboard.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-control-center-dashboard',
templateUrl: './control-center-dashboard.component.html',
styleUrls: ['./control-center-dashboard.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush,
standalone: false
})
export class ControlCenterDashboardComponent {}

9
service/app-hub/dashboard/src/app/pages/control-center/kpis/tours-per-time-kpi/tours-per-time-kpi.component.ts
View File

@ -12,10 +12,11 @@ import {
} from '../../../../core/data-access/graphql/generated/generated';
@Component({
selector: 'dks-tours-per-time-kpi',
templateUrl: './tours-per-time-kpi.component.html',
styleUrls: ['./tours-per-time-kpi.component.css'],
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-tours-per-time-kpi',
templateUrl: './tours-per-time-kpi.component.html',
styleUrls: ['./tours-per-time-kpi.component.css'],
changeDetection: ChangeDetectionStrategy.OnPush,
standalone: false
})
export class ToursPerTimeKPIComponent implements OnInit {
@Input() ordinanceType!: string;

7
service/app-hub/dashboard/src/app/pages/control-center/upcoming-tours/tour-view-dialog/tour-view-dialog.component.ts
View File

@ -3,9 +3,10 @@ import { DialogRef } from '@ngneat/dialog';
import { Tour } from '../../../../core/data-access/graphql/generated/generated';
@Component({
selector: 'dks-tour-view-dialog',
templateUrl: './tour-view-dialog.component.html',
styleUrls: ['./tour-view-dialog.component.css'],
selector: 'dks-tour-view-dialog',
templateUrl: './tour-view-dialog.component.html',
styleUrls: ['./tour-view-dialog.component.css'],
standalone: false
})
export class TourViewDialogComponent {
ref = inject<DialogRef<Partial<Tour>>>(DialogRef);

9
service/app-hub/dashboard/src/app/pages/control-center/upcoming-tours/upcoming-tours.component.ts
View File

@ -7,10 +7,11 @@ import { TourViewDialogComponent } from './tour-view-dialog/tour-view-dialog.com
import { Tour } from '../../../core/data-access/graphql/generated/generated';
@Component({
selector: 'dks-upcoming-tours',
templateUrl: './upcoming-tours.component.html',
styleUrls: ['./upcoming-tours.component.css'],
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-upcoming-tours',
templateUrl: './upcoming-tours.component.html',
styleUrls: ['./upcoming-tours.component.css'],
changeDetection: ChangeDetectionStrategy.OnPush,
standalone: false
})
export class UpcomingToursComponent {
upcomingTours$;

9
service/app-hub/dashboard/src/app/pages/manager/components/average-revenue-metric/average-revenue-metric.component.ts
View File

@ -13,11 +13,10 @@ import { UtilNgxEchartsModule } from '../../../../core/components/ngx-echarts/ut
import { TimePerTourMetric } from '../../../../core/data-access/graphql/generated/generated';
@Component({
selector: 'dks-average-revenue-metric',
standalone: true,
imports: [CommonModule, UtilNgxEchartsModule],
templateUrl: './average-revenue-metric.component.html',
styleUrls: ['./average-revenue-metric.component.css'],
selector: 'dks-average-revenue-metric',
imports: [CommonModule, UtilNgxEchartsModule],
templateUrl: './average-revenue-metric.component.html',
styleUrls: ['./average-revenue-metric.component.css']
})
export class AverageRevenueMetricComponent implements OnChanges {
@Input() metrics: TimePerTourMetric[] = [];

9
service/app-hub/dashboard/src/app/pages/manager/components/average-revenue-summary/average-revenue-summary.component.ts
View File

@ -6,11 +6,10 @@ import { TimePerTourMetric } from '../../../../core/data-access/graphql/generate
import { summarizeMetrics } from '../../util/summarize-metrics';
@Component({
selector: 'dks-average-revenue-summary',
standalone: true,
imports: [CommonModule, MatIconModule],
templateUrl: './average-revenue-summary.component.html',
styleUrls: ['./average-revenue-summary.component.css'],
selector: 'dks-average-revenue-summary',
imports: [CommonModule, MatIconModule],
templateUrl: './average-revenue-summary.component.html',
styleUrls: ['./average-revenue-summary.component.css']
})
export class AverageRevenueSummaryComponent {
@Input() set metrics(value: TimePerTourMetric[]) {

9
service/app-hub/dashboard/src/app/pages/manager/components/breakeven-metric/breakeven-metric.component.ts
View File

@ -18,11 +18,10 @@ import { TimePerTourMetric } from '../../../../core/data-access/graphql/generate
import { MetricTimeScale } from '../../types';
@Component({
selector: 'dks-breakeven-metric',
standalone: true,
imports: [CommonModule, UtilNgxEchartsModule],
templateUrl: './breakeven-metric.component.html',
styleUrls: ['./breakeven-metric.component.css'],
selector: 'dks-breakeven-metric',
imports: [CommonModule, UtilNgxEchartsModule],
templateUrl: './breakeven-metric.component.html',
styleUrls: ['./breakeven-metric.component.css']
})
export class BreakevenMetricComponent implements OnChanges {
@Input() metrics: TimePerTourMetric[] = [];

9
service/app-hub/dashboard/src/app/pages/manager/components/breakeven-summary/breakeven-summary.component.ts
View File

@ -6,11 +6,10 @@ import { TimePerTourMetric } from '../../../../core/data-access/graphql/generate
import { summarizeMetrics } from '../../util/summarize-metrics';
@Component({
selector: 'dks-breakeven-summary',
standalone: true,
imports: [CommonModule, MatIconModule],
templateUrl: './breakeven-summary.component.html',
styleUrls: ['./breakeven-summary.component.css'],
selector: 'dks-breakeven-summary',
imports: [CommonModule, MatIconModule],
templateUrl: './breakeven-summary.component.html',
styleUrls: ['./breakeven-summary.component.css']
})
export class BreakevenSummaryComponent {
@Input() set metrics(value: TimePerTourMetric[]) {

27
service/app-hub/dashboard/src/app/pages/manager/components/metric-summary/metric-summary.component.ts
View File

@ -12,20 +12,19 @@ import { TimePerTourMetricComponent } from '../time-per-tour-metric/time-per-tou
import { TimePerTourSummaryComponent } from '../time-per-tour-summary/time-per-tour-summary.component';
@Component({
selector: 'dks-metric-summary',
standalone: true,
imports: [
CommonModule,
AverageRevenueMetricComponent,
AverageRevenueSummaryComponent,
BreakevenMetricComponent,
BreakevenSummaryComponent,
TimePerTourMetricComponent,
TimePerTourSummaryComponent,
MatSlideToggleModule,
],
templateUrl: './metric-summary.component.html',
styleUrls: ['./metric-summary.component.css'],
selector: 'dks-metric-summary',
imports: [
CommonModule,
AverageRevenueMetricComponent,
AverageRevenueSummaryComponent,
BreakevenMetricComponent,
BreakevenSummaryComponent,
TimePerTourMetricComponent,
TimePerTourSummaryComponent,
MatSlideToggleModule,
],
templateUrl: './metric-summary.component.html',
styleUrls: ['./metric-summary.component.css']
})
export class MetricSummaryComponent {
@Input() set metrics(metrics: TimePerTourMetric[]) {

9
service/app-hub/dashboard/src/app/pages/manager/components/time-per-tour-metric/time-per-tour-metric.component.ts
View File

@ -14,11 +14,10 @@ import { TimePerTourMetric } from '../../../../core/data-access/graphql/generate
import { MetricTimeScale } from '../../types';
@Component({
selector: 'dks-time-per-tour-metric',
standalone: true,
imports: [CommonModule, UtilNgxEchartsModule],
templateUrl: './time-per-tour-metric.component.html',
styleUrls: ['./time-per-tour-metric.component.css'],
selector: 'dks-time-per-tour-metric',
imports: [CommonModule, UtilNgxEchartsModule],
templateUrl: './time-per-tour-metric.component.html',
styleUrls: ['./time-per-tour-metric.component.css']
})
export class TimePerTourMetricComponent implements OnChanges {
@Input() metrics: TimePerTourMetric[] = [];

9
service/app-hub/dashboard/src/app/pages/manager/components/time-per-tour-summary/time-per-tour-summary.component.ts
View File

@ -6,11 +6,10 @@ import { summarizeMetrics } from '../../util/summarize-metrics';
import { TimePerTourMetric } from '../../../../core/data-access/graphql/generated/generated';
@Component({
selector: 'dks-time-per-tour-summary',
standalone: true,
imports: [CommonModule, MatIconModule],
templateUrl: './time-per-tour-summary.component.html',
styleUrls: ['./time-per-tour-summary.component.css'],
selector: 'dks-time-per-tour-summary',
imports: [CommonModule, MatIconModule],
templateUrl: './time-per-tour-summary.component.html',
styleUrls: ['./time-per-tour-summary.component.css']
})
export class TimePerTourSummaryComponent {
@Input() set metrics(value: TimePerTourMetric[]) {

9
service/app-hub/dashboard/src/app/pages/manager/components/view-type-selector/view-type-selector.component.ts
View File

@ -14,11 +14,10 @@ import { summarizeMetrics } from '../../util/summarize-metrics';
import { TimePerTourMetric } from '../../../../core/data-access/graphql/generated/generated';
@Component({
selector: 'dks-view-type-selector',
standalone: true,
imports: [NgIf, NgSwitch, NgSwitchCase, NgClass, AsyncPipe, CurrencyPipe, MatIconModule],
templateUrl: './view-type-selector.component.html',
styleUrls: ['./view-type-selector.component.css'],
selector: 'dks-view-type-selector',
imports: [NgIf, NgSwitch, NgSwitchCase, NgClass, AsyncPipe, CurrencyPipe, MatIconModule],
templateUrl: './view-type-selector.component.html',
styleUrls: ['./view-type-selector.component.css']
})
export class ViewTypeSelectorComponent {
@Input() viewType!: DashboardViewType;

7
service/app-hub/dashboard/src/app/pages/manager/dayview/dayview.component.ts
View File

@ -20,9 +20,10 @@ import {
import { mergeMetrics } from '../util/merge-metric';
@Component({
selector: 'dks-dayview',
templateUrl: './dayview.component.html',
styleUrls: ['./dayview.component.css'],
selector: 'dks-dayview',
templateUrl: './dayview.component.html',
styleUrls: ['./dayview.component.css'],
standalone: false
})
export class DayviewComponent {
OrdinanceTypes = OrdinanceTypes;

7
service/app-hub/dashboard/src/app/pages/manager/manager-dashboard/manager-dashboard.component.ts
View File

@ -1,9 +1,10 @@
import { Component } from '@angular/core';
@Component({
selector: 'dks-manager-dashboard',
templateUrl: './manager-dashboard.component.html',
styleUrls: ['./manager-dashboard.component.css'],
selector: 'dks-manager-dashboard',
templateUrl: './manager-dashboard.component.html',
styleUrls: ['./manager-dashboard.component.css'],
standalone: false
})
export class ManagerDashboardComponent {
tabs: { title: string; route: string }[] = [

7
service/app-hub/dashboard/src/app/pages/manager/monthview/monthview.component.ts
View File

@ -21,9 +21,10 @@ import {
import { mergeMetrics } from '../util/merge-metric';
@Component({
selector: 'dks-monthview',
templateUrl: './monthview.component.html',
styleUrls: ['./monthview.component.css'],
selector: 'dks-monthview',
templateUrl: './monthview.component.html',
styleUrls: ['./monthview.component.css'],
standalone: false
})
export class MonthviewComponent {
OrdinanceTypes = OrdinanceTypes;

7
service/app-hub/dashboard/src/app/pages/manager/overview/overview.component.ts
View File

@ -5,9 +5,10 @@ import { ManagerDashboardService } from '../manager-dashboard.service';
import { OrdinanceTypes } from '../types';
@Component({
selector: 'dks-overview',
templateUrl: './overview.component.html',
styleUrls: ['./overview.component.css'],
selector: 'dks-overview',
templateUrl: './overview.component.html',
styleUrls: ['./overview.component.css'],
standalone: false
})
export class OverviewComponent {
OrdinanceTypes = OrdinanceTypes;

24
service/app-hub/dashboard/src/app/pages/manager/time-per-tour-by-car/time-per-tour-by-car.component.ts
View File

@ -8,19 +8,17 @@ import {
import { Component, Input, OnChanges, OnInit } from '@angular/core';
@Component({
selector: 'dks-time-per-tour-by-car',
templateUrl: './time-per-tour-by-car.component.html',
styleUrls: ['./time-per-tour-by-car.component.css'],
animations: [
trigger('detailExpand', [
state('collapsed', style({ height: '0px', minHeight: '0' })),
state('expanded', style({ height: '*' })),
transition(
'expanded <=> collapsed',
animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')
),
]),
],
selector: 'dks-time-per-tour-by-car',
templateUrl: './time-per-tour-by-car.component.html',
styleUrls: ['./time-per-tour-by-car.component.css'],
animations: [
trigger('detailExpand', [
state('collapsed', style({ height: '0px', minHeight: '0' })),
state('expanded', style({ height: '*' })),
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
]),
],
standalone: false
})
export class TimePerTourByCarComponent implements OnInit, OnChanges {
@Input() columns: { id: string; title: string }[] = [];

7
service/app-hub/dashboard/src/app/pages/manager/time-per-tour-kpi/time-per-tour-kpi.component.ts
View File

@ -3,9 +3,10 @@ import { Interval, isWithinInterval } from 'date-fns';
import { interval, map, startWith } from 'rxjs';
@Component({
selector: 'dks-time-per-tour-kpi',
templateUrl: './time-per-tour-kpi.component.html',
styleUrls: ['./time-per-tour-kpi.component.css'],
selector: 'dks-time-per-tour-kpi',
templateUrl: './time-per-tour-kpi.component.html',
styleUrls: ['./time-per-tour-kpi.component.css'],
standalone: false
})
export class TimePerTourKPIComponent {
@Input() text = '';

15
service/app-hub/dashboard/src/app/pages/ticket-system/ticket-item/ticket-item.component.ts
View File

@ -18,18 +18,17 @@ import {
import CategoryColors from './category-colors';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-item',
templateUrl: './ticket-item.component.html',
styles: [
`
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-item',
templateUrl: './ticket-item.component.html',
styles: [
`
:host {
@apply flex flex-col rounded border-l-2 border-r-8 p-2 m-2 bg-white cursor-pointer;
}
`,
],
imports: [MatIconModule, MatBadgeModule, NgIf],
],
imports: [MatIconModule, MatBadgeModule, NgIf]
})
export class TicketItemComponent implements OnInit {
@Input() ticket!: Ticket & { tours: Tour[] };

15
service/app-hub/dashboard/src/app/pages/ticket-system/ticket-lane/ticket-lane-footer.component.ts
View File

@ -3,10 +3,9 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { TicketStateMeta } from '../../../core/data-access/graphql/generated/generated';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-lane-footer',
template: `<span *ngIf="withTicketCount" class="text-left text-xs">
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-lane-footer',
template: `<span *ngIf="withTicketCount" class="text-left text-xs">
{{ ticketStateMeta.count }} Tickets
</span>
<span *ngIf="withApprovalRequiredCount" class="text-left text-xs">
@ -22,14 +21,14 @@ import { TicketStateMeta } from '../../../core/data-access/graphql/generated/gen
<span *ngIf="withTdNotCompanyCount" class="text-left text-xs">
{{ ticketStateMeta.tdNotCompanyCount }} davon fehlender Transportschein
</span> `,
styles: [
`
styles: [
`
:host {
@apply flex flex-col items-center justify-center p-2;
}
`,
],
imports: [NgIf, AsyncPipe, CurrencyPipe],
],
imports: [NgIf, AsyncPipe, CurrencyPipe]
})
export class TicketLaneFooterComponent {
@Input() ticketStateMeta!: TicketStateMeta;

29
service/app-hub/dashboard/src/app/pages/ticket-system/ticket-lane/ticket-lane-header-filter.component.ts
View File

@ -21,10 +21,9 @@ import {
} from '../../../core/data-access/graphql/generated/generated';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-lane-header-filter',
template: `
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-lane-header-filter',
template: `
<ng-container [ngSwitch]="state">
<button
mat-icon-button
@ -100,17 +99,17 @@ import {
</mat-menu>
</form>
`,
styles: [],
imports: [
NgSwitch,
NgSwitchCase,
NgFor,
FormsModule,
MatButtonModule,
MatIconModule,
MatMenuModule,
MatCheckboxModule,
],
styles: [],
imports: [
NgSwitch,
NgSwitchCase,
NgFor,
FormsModule,
MatButtonModule,
MatIconModule,
MatMenuModule,
MatCheckboxModule,
]
})
export class TicketLaneHeaderFilterComponent implements AfterViewInit {
@Input() state!: TicketValidationState;

15
service/app-hub/dashboard/src/app/pages/ticket-system/ticket-lane/ticket-lane-header.component.ts
View File

@ -13,10 +13,9 @@ import {
import { TicketLaneHeaderFilterComponent } from './ticket-lane-header-filter.component';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-lane-header',
template: `<div></div>
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-lane-header',
template: `<div></div>
<ng-container [ngSwitch]="state">
<div *ngSwitchCase="TicketValidationState.Created">Touren angenommen</div>
<div *ngSwitchCase="TicketValidationState.UserInteractionRequired">
@ -34,14 +33,14 @@ import { TicketLaneHeaderFilterComponent } from './ticket-lane-header-filter.com
[state]="state"
(filterChange)="filterChanged($event)"
></dks-ticket-lane-header-filter>`,
styles: [
`
styles: [
`
:host {
@apply flex items-center justify-between p-2 bg-gray-50;
}
`,
],
imports: [NgSwitch, NgSwitchCase, TicketLaneHeaderFilterComponent],
],
imports: [NgSwitch, NgSwitchCase, TicketLaneHeaderFilterComponent]
})
export class TicketLaneHeaderComponent {
@Input() state!: TicketValidationState;

35
service/app-hub/dashboard/src/app/pages/ticket-system/ticket-lane/ticket-lane.component.ts
View File

@ -37,29 +37,28 @@ import { TicketLaneFooterComponent } from './ticket-lane-footer.component';
import { TicketLaneHeaderComponent } from './ticket-lane-header.component';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-lane',
templateUrl: './ticket-lane.component.html',
styles: [
`
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-lane',
templateUrl: './ticket-lane.component.html',
styles: [
`
:host {
@apply rounded bg-gray-200 h-full w-full grid;
grid-template-rows: auto 1fr auto;
}
`,
],
imports: [
TicketLaneHeaderComponent,
TicketLaneFooterComponent,
TicketItemComponent,
TicketViewComponent,
NgIf,
NgFor,
AsyncPipe,
RoleDirective,
ScrollingModule,
],
],
imports: [
TicketLaneHeaderComponent,
TicketLaneFooterComponent,
TicketItemComponent,
TicketViewComponent,
NgIf,
NgFor,
AsyncPipe,
RoleDirective,
ScrollingModule,
]
})
export class TicketLaneComponent {
private dialog = inject(DialogService);

25
service/app-hub/dashboard/src/app/pages/ticket-system/ticket-view/ticket-documents-missing.component.ts
View File

@ -20,10 +20,9 @@ import {
} from '../../../core/data-access/graphql/generated/generated';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-documents-missing',
template: `<div class="flex items-center p-3">
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-documents-missing',
template: `<div class="flex items-center p-3">
<form #form="ngForm" class="flex flex-col w-full">
<div class="flex justify-end pt-4">
<button mat-stroked-button class="mr-2" (click)="form.resetForm()">
@ -54,15 +53,15 @@ import {
</div>
</form>
</div>`,
imports: [
NgIf,
MatButtonModule,
MatIconModule,
MatFormFieldModule,
MatRadioModule,
MatCheckboxModule,
FormsModule,
],
imports: [
NgIf,
MatButtonModule,
MatIconModule,
MatFormFieldModule,
MatRadioModule,
MatCheckboxModule,
FormsModule,
]
})
export class TicketDocumentsMissingComponent {
@Input() ticket!: Ticket & { tours: Tour[] };

25
service/app-hub/dashboard/src/app/pages/ticket-system/ticket-view/ticket-overview.component.ts
View File

@ -15,10 +15,9 @@ import {
} from '../../../core/data-access/graphql/generated/generated';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-overview',
template: `<div class="grid grid-cols-4">
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-overview',
template: `<div class="grid grid-cols-4">
<mat-list class="col-span-2" role="list">
<div mat-subheader class="text-sm">Ticket Informationen</div>
<mat-list-item role="listitem">
@ -84,15 +83,15 @@ import {
</mat-list-item>
</mat-list>
</div>`,
imports: [
MatListModule,
MatIconModule,
NgClass,
NgIf,
NgForOf,
NgSwitch,
NgSwitchCase,
],
imports: [
MatListModule,
MatIconModule,
NgClass,
NgIf,
NgForOf,
NgSwitch,
NgSwitchCase,
]
})
export class TicketOverviewComponent {
@Input() ticket!: Ticket & { tours: Tour[] };

23
service/app-hub/dashboard/src/app/pages/ticket-system/ticket-view/ticket-td-uncertain.component.ts
View File

@ -19,10 +19,9 @@ import {
} from '../../../core/data-access/graphql/generated/generated';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-td-uncertain',
template: `<div class="flex flex-col p-3">
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-td-uncertain',
template: `<div class="flex flex-col p-3">
<form #form="ngForm" class="flex flex-col w-full">
<div class="flex justify-end pt-4">
<button mat-stroked-button class="mr-2" (click)="form.resetForm()">
@ -52,14 +51,14 @@ import {
</div>
</form>
</div>`,
imports: [
NgIf,
MatButtonModule,
MatIconModule,
MatFormFieldModule,
MatRadioModule,
FormsModule,
],
imports: [
NgIf,
MatButtonModule,
MatIconModule,
MatFormFieldModule,
MatRadioModule,
FormsModule,
]
})
export class TicketTdUncertainComponent {
@Input() ticket!: Ticket & { tours: Tour[] };

25
service/app-hub/dashboard/src/app/pages/ticket-system/ticket-view/ticket-tours.component.ts
View File

@ -16,10 +16,9 @@ import {
} from '../../../core/data-access/graphql/generated/generated';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-tours',
template: ` <div class="max-h-96 overflow-y-auto">
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-tours',
template: ` <div class="max-h-96 overflow-y-auto">
<table mat-table [dataSource]="dataSource" class="w-full">
<ng-container matColumnDef="select">
<th mat-header-cell *matHeaderCellDef>
@ -79,15 +78,15 @@ import {
></tr>
</table>
</div>`,
imports: [
NgIf,
NgClass,
DatePipe,
RoleDirective,
MatButtonModule,
MatCheckboxModule,
MatTableModule,
],
imports: [
NgIf,
NgClass,
DatePipe,
RoleDirective,
MatButtonModule,
MatCheckboxModule,
MatTableModule,
]
})
export class TicketToursComponent implements OnInit {
@Input() ticket!: Ticket & { tours: Tour[] };

25
service/app-hub/dashboard/src/app/pages/ticket-system/ticket-view/ticket-user-action-required.component.ts
View File

@ -22,10 +22,9 @@ import {
} from '../../../core/data-access/graphql/generated/generated';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-user-action-required',
template: `<div class="flex flex-col p-3">
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-user-action-required',
template: `<div class="flex flex-col p-3">
<form #form="ngForm" class="flex flex-col w-full">
<div class="flex justify-end pt-4">
<button mat-stroked-button class="mr-2" (click)="form.resetForm()">
@ -100,15 +99,15 @@ import {
</div>
</form>
</div>`,
imports: [
NgIf,
MatButtonModule,
MatIconModule,
MatFormFieldModule,
MatRadioModule,
MatInputModule,
FormsModule,
],
imports: [
NgIf,
MatButtonModule,
MatIconModule,
MatFormFieldModule,
MatRadioModule,
MatInputModule,
FormsModule,
]
})
export class TicketUserActionRequiredComponent implements OnInit {
@Input() ticket!: Ticket & { tours: Tour[] };

31
service/app-hub/dashboard/src/app/pages/ticket-system/ticket-view/ticket-view.component.ts
View File

@ -19,22 +19,21 @@ import { TicketToursComponent } from './ticket-tours.component';
import { TicketUserActionRequiredComponent } from './ticket-user-action-required.component';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-view',
templateUrl: './ticket-view.component.html',
imports: [
MatTabsModule,
MatIconModule,
TicketOverviewComponent,
TicketToursComponent,
TicketUserActionRequiredComponent,
TicketTdUncertainComponent,
TicketDocumentsMissingComponent,
NgIf,
NgSwitch,
NgSwitchCase,
],
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-ticket-view',
templateUrl: './ticket-view.component.html',
imports: [
MatTabsModule,
MatIconModule,
TicketOverviewComponent,
TicketToursComponent,
TicketUserActionRequiredComponent,
TicketTdUncertainComponent,
TicketDocumentsMissingComponent,
NgIf,
NgSwitch,
NgSwitchCase,
]
})
export class TicketViewComponent {
private ticketsService = inject(TicketsService);

27
service/app-hub/dashboard/src/app/pages/ticket-system/tickets-page.component.ts
View File

@ -8,10 +8,9 @@ import { TicketLaneComponent } from './ticket-lane/ticket-lane.component';
import { TicketsSearchDialogComponent } from './tickets-search-dialog/tickets-search-dialog.component';
@Component({
standalone: true,
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-tickets-page',
template: `<section class="h-full p-6 grid grid-cols-1 md:grid-cols-4 gap-6">
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'dks-tickets-page',
template: `<section class="h-full p-6 grid grid-cols-1 md:grid-cols-4 gap-6">
<div class="col-span-1 md:col-span-4 flex justify-end items-center">
<button mat-icon-button (click)="showSearchDialog()">
<mat-icon>search</mat-icon>
@ -39,8 +38,8 @@ import { TicketsSearchDialogComponent } from './tickets-search-dialog/tickets-se
[ticketState]="TicketState.Archived"
></dks-ticket-lane> -->
</section>`,
styles: [
`
styles: [
`
:host {
display: block;
height: calc(100% - 64px);
@ -49,14 +48,14 @@ import { TicketsSearchDialogComponent } from './tickets-search-dialog/tickets-se
grid-template-rows: 2rem 1fr;
}
`,
],
imports: [
TicketLaneComponent,
TicketsSearchDialogComponent,
MatButtonModule,
MatIconModule,
RoleDirective,
],
],
imports: [
TicketLaneComponent,
TicketsSearchDialogComponent,
MatButtonModule,
MatIconModule,
RoleDirective,
]
})
export class TicketsPageComponent {
private dialog = inject(DialogService);

23
service/app-hub/dashboard/src/app/pages/ticket-system/tickets-search-dialog/tickets-search-dialog.component.ts
View File

@ -19,8 +19,7 @@ import { TicketViewComponent } from '../ticket-view/ticket-view.component';
import { TicketsService } from '../tickets.service';
@Component({
standalone: true,
template: `<div class="flex flex-col items-center justify-start p-4">
template: `<div class="flex flex-col items-center justify-start p-4">
<div class="text-lg font-bold pb-2">Ticket suchen</div>
<hr />
<mat-form-field class="w-full">
@ -57,16 +56,16 @@ import { TicketsService } from '../tickets.service';
</div>
</div>
</div>`,
imports: [
TicketViewComponent,
MatFormFieldModule,
MatInputModule,
ReactiveFormsModule,
AsyncPipe,
NgFor,
NgIf,
],
changeDetection: ChangeDetectionStrategy.OnPush,
imports: [
TicketViewComponent,
MatFormFieldModule,
MatInputModule,
ReactiveFormsModule,
AsyncPipe,
NgFor,
NgIf,
],
changeDetection: ChangeDetectionStrategy.OnPush
})
export class TicketsSearchDialogComponent {
private ticketsService = inject(TicketsService);

3
service/app-hub/dashboard/tsconfig.json
View File

@ -20,8 +20,7 @@
"ES2022",
"dom",
"esnext.asynciterable"
],
"allowSyntheticDefaultImports": true
]
},
"angularCompilerOptions": {
"enableI18nLegacyMessageIdFormat": false,