From 855c1cb0cc8202a7c4c8718de47856c792bbc2b5 Mon Sep 17 00:00:00 2001
From: josephmyers <43733878+josephmyers@users.noreply.github.com>
Date: Thu, 23 Jan 2025 23:33:07 +0700
Subject: [PATCH] SF-3170 Show a summary message when no training books are
 selected (#2971)

---
 .../draft-generation-steps.component.html     | 54 ++++++++++---------
 .../src/assets/i18n/non_checking_en.json      |  1 +
 2 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.html b/src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.html
index f4182daa72..3567977a52 100644
--- a/src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.html
+++ b/src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.html
@@ -211,31 +211,35 @@ <h1 class="mat-headline-4">{{ t("summary_title") }}</h1>
 
         <h2>{{ t("summary_training_title") }}</h2>
         <mat-card class="confirm-section mat-elevation-z2">
-          <span class="explanation">{{ t("summary_training") }}</span>
-          <table mat-table class="confirm-training" [dataSource]="selectedTrainingBooksCollapsed()">
-            <ng-container matColumnDef="book">
-              <th mat-header-cell *matHeaderCellDef></th>
-              <td mat-cell *matCellDef="let element">
-                <div class="confirm-books cell-padding-block">
-                  {{ i18n.enumerateList(element.ranges) }}
-                </div>
-              </td>
-            </ng-container>
-            <ng-container matColumnDef="source">
-              <th mat-header-cell *matHeaderCellDef>
-                {{ i18n.getLanguageDisplayName(trainingSources[0].writingSystem.tag) }}
-              </th>
-              <td mat-cell *matCellDef="let element">{{ element.sourceName }}</td>
-            </ng-container>
-            <ng-container matColumnDef="target">
-              <th mat-header-cell *matHeaderCellDef>
-                {{ i18n.getLanguageDisplayName(trainingTargets[0].writingSystem.tag) }}
-              </th>
-              <td mat-cell *matCellDef="let element">{{ trainingTargets[0].shortName }}</td>
-            </ng-container>
-            <tr mat-header-row *matHeaderRowDef="['book', 'source', 'target']"></tr>
-            <tr mat-row *matRowDef="let row; columns: ['book', 'source', 'target']"></tr>
-          </table>
+          @if (selectedTrainingBooksCollapsed().length === 0) {
+            <span>{{ t("no_training_books") }}</span>
+          } @else {
+            <span class="explanation">{{ t("summary_training") }}</span>
+            <table mat-table class="confirm-training" [dataSource]="selectedTrainingBooksCollapsed()">
+              <ng-container matColumnDef="book">
+                <th mat-header-cell *matHeaderCellDef></th>
+                <td mat-cell *matCellDef="let element">
+                  <div class="confirm-books cell-padding-block">
+                    {{ i18n.enumerateList(element.ranges) }}
+                  </div>
+                </td>
+              </ng-container>
+              <ng-container matColumnDef="source">
+                <th mat-header-cell *matHeaderCellDef>
+                  {{ i18n.getLanguageDisplayName(trainingSources[0].writingSystem.tag) }}
+                </th>
+                <td mat-cell *matCellDef="let element">{{ element.sourceName }}</td>
+              </ng-container>
+              <ng-container matColumnDef="target">
+                <th mat-header-cell *matHeaderCellDef>
+                  {{ i18n.getLanguageDisplayName(trainingTargets[0].writingSystem.tag) }}
+                </th>
+                <td mat-cell *matCellDef="let element">{{ trainingTargets[0].shortName }}</td>
+              </ng-container>
+              <tr mat-header-row *matHeaderRowDef="['book', 'source', 'target']"></tr>
+              <tr mat-row *matRowDef="let row; columns: ['book', 'source', 'target']"></tr>
+            </table>
+          }
         </mat-card>
 
         <h2>
diff --git a/src/SIL.XForge.Scripture/ClientApp/src/assets/i18n/non_checking_en.json b/src/SIL.XForge.Scripture/ClientApp/src/assets/i18n/non_checking_en.json
index db9b01a864..00bbb2272c 100644
--- a/src/SIL.XForge.Scripture/ClientApp/src/assets/i18n/non_checking_en.json
+++ b/src/SIL.XForge.Scripture/ClientApp/src/assets/i18n/non_checking_en.json
@@ -260,6 +260,7 @@
     "loading": "Loading...",
     "next": "Next",
     "no_available_books": "You have no books available for drafting.",
+    "no_training_books": "No training books selected",
     "overview": "Overview",
     "reference_books": "Reference books",
     "these_source_books_cannot_be_used_for_training": "The following books cannot be used for training as they are not in the training source text ({{ firstTrainingSource }}).",