SF-2414 Refactor CC answer tabs into a single view

src/RealtimeServer/scriptureforge/models/answer.ts

@@ -14,6 +14,7 @@ export interface Answer extends Comment {
   selectionStartClipped?: boolean;
   selectionEndClipped?: boolean;
   audioUrl?: string;
+  text?: string;
   likes: Like[];
   comments: Comment[];
   status?: AnswerStatus;

src/SIL.XForge.Scripture/ClientApp/src/_variables.scss

@@ -8,11 +8,12 @@ $greenLight: #b8d432;
 $greenDark: #5f7333;
 $blueMedium: #3b5998;
 $orange: #ff7300;
-$errorColor: #b00020;
+$red: #b00020;
 
 /* App specific */
 $sf_grey: $greyDark;
 $sf_header: $sf_grey;
+$errorColor: $red;
 $likes: #578cff;
 $questions: $purpleLight;
 $answers: $greenLight;

src/SIL.XForge.Scripture/ClientApp/src/app/checking/checking.module.ts

@@ -15,7 +15,6 @@ import { CheckingRoutingModule } from './checking-routing.module';
 import { CheckingAnswersComponent } from './checking/checking-answers/checking-answers.component';
 import { CheckingCommentFormComponent } from './checking/checking-answers/checking-comments/checking-comment-form/checking-comment-form.component';
 import { CheckingCommentsComponent } from './checking/checking-answers/checking-comments/checking-comments.component';
-import { CheckingAudioCombinedComponent } from './checking/checking-audio-combined/checking-audio-combined.component';
 import { CheckingAudioPlayerComponent } from './checking/checking-audio-player/checking-audio-player.component';
 import { CheckingAudioRecorderComponent } from './checking/checking-audio-recorder/checking-audio-recorder.component';
 import { CheckingQuestionsComponent } from './checking/checking-questions/checking-questions.component';
@@ -26,6 +25,7 @@ import { FontSizeComponent } from './checking/font-size/font-size.component';
 import { ImportQuestionsConfirmationDialogComponent } from './import-questions-dialog/import-questions-confirmation-dialog/import-question-confirmation-dialog.component';
 import { ImportQuestionsDialogComponent } from './import-questions-dialog/import-questions-dialog.component';
 import { QuestionDialogComponent } from './question-dialog/question-dialog.component';
+import { TextAndAudioComponent } from './text-and-audio/text-and-audio.component';
 
 @NgModule({
   declarations: [
@@ -34,6 +34,7 @@ import { QuestionDialogComponent } from './question-dialog/question-dialog.compo
     CheckingQuestionsComponent,
     CheckingTextComponent,
     CheckingAnswersComponent,
+    TextAndAudioComponent,
     QuestionDialogComponent,
     ImportQuestionsDialogComponent,
     ImportQuestionsConfirmationDialogComponent,
@@ -46,7 +47,6 @@ import { QuestionDialogComponent } from './question-dialog/question-dialog.compo
     AudioPlayerComponent,
     CheckingScriptureAudioPlayerComponent,
     AudioTimePipe,
-    CheckingAudioCombinedComponent,
     TextChooserDialogComponent,
     ChapterAudioDialogComponent
   ],