Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

RED-3165: Due date approaching/passed indicator

Browse Source
This commit is contained in:
Adina Țeudan 2022-01-12 14:43:12 +02:00
parent 8a1122ef89
commit 21e900d34e
3 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
apps/red-ui/src/app/modules/dossier/screens/dossiers-listing/components/dossiers-listing-dossier-name/dossiers-listing-dossier-name.component.html
View File

@ -9,28 +9,28 @@
</div>
</div>
<div class="small-label stats-subtitle">
<div>
<div class="stats-subtitle">
<div class="small-label">
<mat-icon svgIcon="iqser:document"></mat-icon>
{{ dossierStats.numberOfFiles }}
</div>
<div>
<div class="small-label">
<mat-icon svgIcon="iqser:pages"></mat-icon>
{{ dossierStats.numberOfPages }}
</div>
<div>
<div class="small-label">
<mat-icon svgIcon="red:user"></mat-icon>
{{ dossier.memberIds.length }}
</div>
<div>
<div class="small-label">
<mat-icon svgIcon="red:calendar"></mat-icon>
{{ dossier.date | date: 'mediumDate' }}
</div>
<div *ngIf="dossier.dueDate">
<div *ngIf="dossier.dueDate" [class.error]="passedDueDate" [class.warn]="approachingDueDate" class="small-label">
<mat-icon svgIcon="red:lightning"></mat-icon>
{{ dossier.dueDate | date: 'mediumDate' }}
</div>

15
apps/red-ui/src/app/modules/dossier/screens/dossiers-listing/components/dossiers-listing-dossier-name/dossiers-listing-dossier-name.component.ts
View File

@ -3,6 +3,9 @@ import { Dossier, DossierStats } from '@red/domain';
import { DossierTemplatesService } from '@services/entity-services/dossier-templates.service';
import { DossierStatsService } from '@services/entity-services/dossier-stats.service';
import { DossiersService } from '@services/entity-services/dossiers.service';
import * as moment from 'moment';
const DUE_DATE_WARN_DAYS = 14;
@Component({
selector: 'redaction-dossiers-listing-dossier-name',
@ -20,6 +23,18 @@ export class DossiersListingDossierNameComponent {
private readonly _dossiersService: DossiersService,
) {}
get approachingDueDate(): boolean {
return this._dueDateDaysDiff >= 0 && this._dueDateDaysDiff <= DUE_DATE_WARN_DAYS;
}
get passedDueDate(): boolean {
return this._dueDateDaysDiff < 0;
}
private get _dueDateDaysDiff(): number {
return moment(this.dossier.dueDate).diff(moment(), 'days') + 1;
}
getDossierTemplateNameFor(dossierTemplateId: string): string {
return this._dossierTemplatesService.find(dossierTemplateId).name;
}

2
libs/common-ui

@ -1 +1 @@
Subproject commit 10ed48587427e7e6e4015dd905253ac87514d3db
Subproject commit 5341338d36d55b63fb0ff08b0d5779b80ed5902f