Add Draft Usfm Format component

Author: RaymondLuong3

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-usfm-format/draft-usfm-format.component.html

@@ -0,0 +1,13 @@
+<ng-container>
+  <h2>Select USFM settings for your draft</h2>
+  <mat-card class="flex-row">
+    <mat-checkbox [(ngModel)]="preserveParagraph">Preserve Paragraphs</mat-checkbox>
+    <mat-checkbox [(ngModel)]="preserveStyles">Preserve Styles</mat-checkbox>
+    <mat-checkbox [(ngModel)]="preserveEmbeds">Preserve Embeds</mat-checkbox>
+  </mat-card>
+
+  <app-book-chapter-chooser></app-book-chapter-chooser>
+
+  <app-editor-draft [projectId]="projectId" [bookNum]="bookNum" [chapter]="chapter" [isRightToLeft]="isRightToLeft">
+  </app-editor-draft>
+</ng-container>

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-usfm-format/draft-usfm-format.component.scss

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DraftUsfmFormatComponent } from './draft-usfm-format.component';
+
+describe('DraftUsfmFormatComponent', () => {
+  let component: DraftUsfmFormatComponent;
+  let fixture: ComponentFixture<DraftUsfmFormatComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [DraftUsfmFormatComponent]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(DraftUsfmFormatComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-usfm-format/draft-usfm-format.component.spec.ts

@@ -0,0 +1,29 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { ActivatedProjectService } from 'xforge-common/activated-project.service';
+import { UICommonModule } from 'xforge-common/ui-common.module';
+import { SharedModule } from '../../../shared/shared.module';
+import { TranslateModule } from '../../translate.module';
+
+@Component({
+  selector: 'app-draft-usfm-format',
+  standalone: true,
+  imports: [UICommonModule, CommonModule, TranslateModule, SharedModule],
+  templateUrl: './draft-usfm-format.component.html',
+  styleUrl: './draft-usfm-format.component.scss'
+})
+export class DraftUsfmFormatComponent {
+  preserveParagraph: boolean = true;
+  preserveStyles: boolean = false;
+  preserveEmbeds: boolean = true;
+
+  constructor(private readonly activatedProjectService: ActivatedProjectService) {}
+
+  get projectId(): string | undefined {
+    return this.activatedProjectService.projectId;
+  }
+
+  get isRightToLeft(): boolean {
+    return !!this.activatedProjectService.projectDoc?.data?.isRightToLeft;
+  }
+}

src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-usfm-format/draft-usfm-format.component.ts

@@ -62,6 +62,7 @@ import { TranslateRoutingModule } from './translate-routing.module';
     DraftPreviewBooksComponent,
     DraftApplyProgressDialogComponent,
     FontUnsupportedMessageComponent
-  ]
+  ],
+  exports: [EditorDraftComponent]
 })
 export class TranslateModule {}