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

changes

main
Said Gedik 2024-05-15 13:25:23 +02:00
parent 56838f8c4b
commit 91dc832be5
2 changed files with 32 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,7 +13,7 @@
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
/* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
height: 50px;
margin-bottom: 10px;
background-color: white;
@ -303,6 +303,7 @@
border: solid 1px rgba(0, 0, 0, 0.124);
border-radius: 0px 8px 8px 0px;
border-left: none;
cursor: pointer;
}
.dateButton mat-icon {

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

@ -1,25 +1,26 @@
<div class="head">
<h2>W&I Kalender</h2>
<div class="head" style="">
<div style="display: flex; align-items: center; gap: 15px;">
<h2 style="padding-top: 3px;">W&I Kalender</h2>
<!-- Preset Picker -->
<mat-form-field appearance="fill" style="width: 300px;">
<mat-select [(value)]="selectedPreset" (selectionChange)="selectPreset($event)">
<mat-optgroup *ngFor="let group of presetGroups" [label]="group.name" [disabled]="group.disabled">
<mat-option *ngFor="let preset of group.presets" [value]="preset">
{{preset.name}}
<!-- <button style="align-self: right;" *ngIf="group.name == 'User'" mat-icon-button><mat-icon>delete_forever</mat-icon></button>
<!-- Preset Picker -->
<div appearance="fill" style="width: 200px;padding-left: 15px; padding-top: 3px;">
<mat-select [(value)]="selectedPreset" (selectionChange)="selectPreset($event)">
<mat-optgroup *ngFor="let group of presetGroups" [label]="group.name" [disabled]="group.disabled">
<mat-option *ngFor="let preset of group.presets" [value]="preset">
{{preset.name}}
<!-- <button style="align-self: right;" *ngIf="group.name == 'User'" mat-icon-button><mat-icon>delete_forever</mat-icon></button>
<button *ngIf="group.name == 'User'" mat-icon-button><mat-icon>edit</mat-icon></button> -->
</mat-option>
</mat-optgroup>
</mat-select>
</mat-form-field>
<button mat-basic-button *ngIf="isUserPreset" class="editButton"
(click)="openRenameDialog()"><mat-icon>edit</mat-icon></button>
<button mat-basic-button *ngIf="isUserPreset" class="deleteButton"
(click)="openDeleteDialog()"><mat-icon>delete_forever</mat-icon></button>
</mat-option>
</mat-optgroup>
</mat-select>
</div>
<button mat-basic-button *ngIf="isUserPreset" class="editButton"
(click)="openRenameDialog()"><mat-icon>edit</mat-icon></button>
<button mat-basic-button *ngIf="isUserPreset" class="deleteButton"
(click)="openDeleteDialog()"><mat-icon>delete_forever</mat-icon></button>
<!-- Language Picker -->
<!-- <mat-form-field style="width: 90px;" appearance="fill">
<!-- Language Picker -->
<!-- <mat-form-field style="width: 90px;" appearance="fill">
<mat-label>{{languageService.lMap.get('language')}}</mat-label>
<mat-select (selectionChange)="languageChange($event)" [(value)]="languageService.language">
<mat-option *ngFor="let lang of languageService.languages" [value]="lang">
@ -28,14 +29,16 @@
</mat-select>
</mat-form-field> -->
<!-- Language Picker -->
<mat-button-toggle-group style="height: 70%; font-size: 13px; border-radius: 8px;" (change)="languageChange($event)"
name="languagePicker" aria-label="Language Picker" [(ngModel)]="languageService.language">
<mat-button-toggle style="display: flex; align-items: center;" *ngFor="let lang of languageService.languages"
[value]="lang">
{{lang}}
</mat-button-toggle>
</mat-button-toggle-group>
<!-- Language Picker -->
<mat-button-toggle-group style="height: 20%; font-size: 13px; border-radius: 8px;" (change)="languageChange($event)"
name="languagePicker" aria-label="Language Picker" [(ngModel)]="languageService.language">
<mat-button-toggle style="display: flex; align-items: center;" *ngFor="let lang of languageService.languages"
[value]="lang">
{{lang}}
</mat-button-toggle>
</mat-button-toggle-group>
</div>
<!-- User -->