taubem
/
ChangeCalendar
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css styling

main
Said Gedik 2024-07-01 09:31:44 +02:00
parent 08520b8ed9
commit 3c9d1ae3ab
3 changed files with 51 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/language.service.ts
View File

@ -33,7 +33,7 @@ export class LanguageService {
this.deMap.set('routeScheduled', "Geplant"); this.enMap.set('routeScheduled', 'Scheduled');
this.deMap.set('routeCancelled', "Storniert"); this.enMap.set('routeCancelled', 'Cancelled');
this.deMap.set('routeCFRR', "Fertiggestellt (Endüberprüfung Erforderlich)"); this.enMap.set('routeCFRR', 'Completed (final review required)');
this.deMap.set('routeFRF', "Fertiggestellt (Endüberprüfung Abgeschlossen)"); this.enMap.set('routeFRF', 'Cimpleted (final review finished)');
this.deMap.set('routeFRF', "Fertiggestellt (Endüberprüfung Abgeschlossen)"); this.enMap.set('routeFRF', 'Completed (final review finished)');
this.deMap.set('routeClosed', "Abgeschlossen"); this.enMap.set('routeClosed', 'Closed');
this.deMap.set('routeRB', "Abgelehnt (Beginn)"); this.enMap.set('routeRB', 'Rejected (begin)');
this.deMap.set('routeRE', "Abgelehnt (Ende)"); this.enMap.set('routeRE', 'Rejected (end)');

8
frontend/src/app/ntt-gantt/ntt-gantt.component.css
View File

@ -458,11 +458,12 @@
width: 100%;
font-family: Arial, sans-serif;
font-size: 13px;
display: flex;
flex-direction: column;
gap: 4px;
background-color: rgb(210, 217, 224);
padding: 10px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.inner-legend {
@ -473,10 +474,13 @@
border-radius: 50px;
background-color: aliceblue;
width: fit-content;
white-space: nowrap;
}
.route {
height: 12px;
width: 12px;
min-width: 12px;
min-height: 12px;
transform: rotate(45deg);
}

86
frontend/src/app/ntt-gantt/ntt-gantt.component.html
View File

@ -57,48 +57,7 @@
</div>
</div>
<div class="legend">
<div class="inner-legend">
<div class="route" style="background-color: #f83200;"></div>
{{languageService.lMap.get('routeDraft')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #f98700;"></div>
{{languageService.lMap.get('routeRFA')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #f98700;"></div>
{{languageService.lMap.get('routePIP')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #f4fa00;"></div>
{{languageService.lMap.get('routeScheduled')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #f4fa00;"></div>
{{languageService.lMap.get('routeCancelled')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #008642;"></div>
{{languageService.lMap.get('routeCFRR')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #32cd32;"></div>
{{languageService.lMap.get('routeFRF')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #ffffff;"></div>
{{languageService.lMap.get('routeClosed')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #d3d3d3;"></div>
{{languageService.lMap.get('routeRB')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #808080;"></div>
{{languageService.lMap.get('routeRE')}}
</div>
</div>
@ -274,6 +233,49 @@
[pageIndex]="0" aria-label="Seite auswählen">
</mat-paginator>
<div class="legend">
<div class="inner-legend">
<div class="route" style="background-color: #f83200;"></div>
{{languageService.lMap.get('routeDraft')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #f98700;"></div>
{{languageService.lMap.get('routeRFA')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #f98700;"></div>
{{languageService.lMap.get('routePIP')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #f4fa00;"></div>
{{languageService.lMap.get('routeScheduled')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #f4fa00;"></div>
{{languageService.lMap.get('routeCancelled')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #008642;"></div>
{{languageService.lMap.get('routeCFRR')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #32cd32;"></div>
{{languageService.lMap.get('routeFRF')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #ffffff;"></div>
{{languageService.lMap.get('routeClosed')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #d3d3d3;"></div>
{{languageService.lMap.get('routeRB')}}
</div>
<div class="inner-legend">
<div class="route" style="background-color: #808080;"></div>
{{languageService.lMap.get('routeRE')}}
</div>
</div>
<mat-card style="width: 50%; margin: auto;" *ngIf="errorService.rsso">
<mat-card-header>
<mat-card-title><mat-icon style="color: red;">error</mat-icon>