Use title for diff selector buttons

jirkapok · Feb 19, 2024 · 2cc50a2 · 2cc50a2
1 parent a9b1b61
commit 2cc50a2
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/projects/planner/src/app/diff/tabs/diff-tabs.component.html b/projects/planner/src/app/diff/tabs/diff-tabs.component.html
@@ -1,3 +1,3 @@
 <form>
-    <app-diff-tabs-button *ngFor="let dive of schedules.dives; let i = index" [index]="i"/>
+    <app-diff-tabs-button *ngFor="let dive of schedules.dives; let i = index" [index]="i" [title]="dive.title"/>
 </form>
diff --git a/projects/planner/src/app/diff/tabs/profile-button/diff-tabs-button.component.html b/projects/planner/src/app/diff/tabs/profile-button/diff-tabs-button.component.html
@@ -10,5 +10,5 @@
     </div>
     <input type="checkbox" class="btn-check" id="{{'btn-check-' + this.index}}" name="profile-tab" autocomplete="off">
     <label class="btn" [ngClass]="{'btn-success': isEnabled, 'btn-outline-secondary': !isEnabled}" (click)="clicked()"
-           for="{{'btn-check-' + this.index}}">Profile {{this.index}} </label>
+           for="{{'btn-check-' + this.index}}">{{this.title}} </label>
 </div>
diff --git a/projects/planner/src/app/diff/tabs/profile-button/diff-tabs-button.component.ts b/projects/planner/src/app/diff/tabs/profile-button/diff-tabs-button.component.ts
@@ -29,6 +29,7 @@ import {animate, keyframes, state, style, transition, trigger} from '@angular/an
 })
 export class DiffTabsButtonComponent implements OnInit {
     @Input({required: true}) index = 0;
+    @Input({required: true}) title = '';
     public state = 'disabled';
 
     constructor(private profileComparatorService: ProfileComparatorService) {