SF-3492 Show what source a draft was translated from (#3356)

Author: pmachapman

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-history-list/draft-history-entry/draft-history-entry.component.html

@@ -8,9 +8,10 @@
       <mat-expansion-panel-header [collapsedHeight]="'auto'" [expandedHeight]="'auto'">
         <mat-panel-title>
           <span class="title">{{ scriptureRange }}</span>
-          <span class="subtitle">{{
-            t("finished_at", { finishedAtTime: formatDate(entry.additionalInfo?.dateFinished) })
-          }}</span>
+          <span class="subtitle">
+            {{ translationSource }}
+            {{ t("finished_at", { finishedAtTime: formatDate(entry.additionalInfo?.dateFinished) }) }}
+          </span>
         </mat-panel-title>
         <mat-panel-description>
           <span class="status" [ngClass]="getStatus(entry.state).color">

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-history-list/draft-history-entry/draft-history-entry.component.spec.ts

@@ -67,6 +67,7 @@ describe('DraftHistoryEntryComponent', () => {
     });
 
     it('should handle builds with additional info', fakeAsync(() => {
+      when(mockedI18nService.enumerateList(anything())).thenReturn('src');
       const user = 'user-display-name';
       const date = 'formatted-date';
       const trainingBooks = ['EXO'];
@@ -79,6 +80,7 @@ describe('DraftHistoryEntryComponent', () => {
       fixture.detectChanges();
 
       expect(component.scriptureRange).toEqual('Genesis');
+      expect(component.translationSource).toEqual('src \u2022');
       expect(component.buildRequestedByUserName).toBe(user);
       expect(component.buildRequestedAtDate).toBe(date);
       expect(component.canDownloadBuild).toBe(true);
@@ -134,7 +136,7 @@ describe('DraftHistoryEntryComponent', () => {
         },
         additionalInfo: {
           trainingScriptureRanges: [{ projectId: 'project02', scriptureRange: 'EXO' }],
-          translationScriptureRanges: [{ projectId: 'project01', scriptureRange: 'GEN' }]
+          translationScriptureRanges: [{ projectId: 'project02', scriptureRange: 'GEN' }]
         }
       } as BuildDto;
 
@@ -145,6 +147,7 @@ describe('DraftHistoryEntryComponent', () => {
       fixture.detectChanges();
 
       expect(component.scriptureRange).toEqual('Genesis');
+      expect(component.translationSource).toEqual('');
       expect(component.buildRequestedByUserName).toBeUndefined();
       expect(component.buildRequestedAtDate).toBe('');
       expect(component.canDownloadBuild).toBe(false);
@@ -319,7 +322,7 @@ describe('DraftHistoryEntryComponent', () => {
         dateRequested: new Date().toISOString(),
         requestedByUserId: 'sf-user-id',
         trainingScriptureRanges: [{ projectId: 'project02', scriptureRange: trainingBooks.join(';') }],
-        translationScriptureRanges: [{ projectId: 'project01', scriptureRange: translateBooks.join(';') }]
+        translationScriptureRanges: [{ projectId: 'project02', scriptureRange: translateBooks.join(';') }]
       }
     } as BuildDto;
 

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-history-list/draft-history-entry/draft-history-entry.component.ts

@@ -116,6 +116,23 @@ export class DraftHistoryEntryComponent {
       }
     });
 
+    // Get the translation scripture range and project (usually one, but in the future will be multiple)
+    const translationScriptureRanges = this._entry?.additionalInfo?.translationScriptureRanges ?? [];
+    this._scriptureRange = this.i18n.formatAndLocalizeScriptureRange(
+      translationScriptureRanges.map(item => item.scriptureRange).join(';')
+    );
+    this._translationSources = [];
+    Promise.all(
+      translationScriptureRanges.map(async r => {
+        const source =
+          r.projectId === '' || r.projectId === value?.engine?.id
+            ? undefined
+            : await this.projectService.getProfile(r.projectId);
+        const sourceShortName = source?.data?.shortName;
+        if (sourceShortName != null) this._translationSources.push(sourceShortName);
+      })
+    );
+
     // Populate the exception details, if possible
     if (this._entry?.state === BuildStates.Faulted && this._entry.message != null) {
       this._buildFaulted = true;
@@ -213,6 +230,17 @@ export class DraftHistoryEntryComponent {
     return this._canDownloadBuild ?? false;
   }
 
+  private _scriptureRange?: string = undefined;
+  get scriptureRange(): string {
+    return this._scriptureRange ?? '';
+  }
+
+  private _translationSources: string[] = [];
+  get translationSource(): string {
+    if (this._translationSources.length === 0) return '';
+    return this.i18n.enumerateList(this._translationSources) + ' \u2022'; // • •
+  }
+
   @Input() isLatestBuild = false;
 
   trainingConfigurationOpen = false;
@@ -226,13 +254,6 @@ export class DraftHistoryEntryComponent {
     readonly featureFlags: FeatureFlagService
   ) {}
 
-  get scriptureRange(): string {
-    if (this.entry?.additionalInfo?.translationScriptureRanges == null) return '';
-    return this.i18n.formatAndLocalizeScriptureRange(
-      this.entry.additionalInfo.translationScriptureRanges.map(item => item.scriptureRange).join(';')
-    );
-  }
-
   formatDate(date?: string): string {
     const formattedDate = date == null ? '' : this.i18n.formatDate(new Date(date));
     return formattedDate.indexOf(RIGHT_TO_LEFT_MARK) !== -1 ? RIGHT_TO_LEFT_MARK + formattedDate : formattedDate;