From 2cc50a2ce5fb7f76ffee9b1abe47d03e0700a4a6 Mon Sep 17 00:00:00 2001
From: Denis Lebo <lebo.denis@outlook.com>
Date: Mon, 19 Feb 2024 04:45:12 +0100
Subject: [PATCH] Use title for diff selector buttons

---
 projects/planner/src/app/diff/tabs/diff-tabs.component.html     | 2 +-
 .../diff/tabs/profile-button/diff-tabs-button.component.html    | 2 +-
 .../app/diff/tabs/profile-button/diff-tabs-button.component.ts  | 1 +
 3 files changed, 3 insertions(+), 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
index d93f367f..4c9891d6 100644
--- 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
index 7a2cd7ef..240d8015 100644
--- 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
index b4f2d451..f231b813 100644
--- 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) {