Implementing feedback quiz / knowledge quiz #107

- add quiz type in quiz list - add translation for quiz type column
fnitu · Apr 16, 2022 · 1639457 · 1639457
1 parent 12ec3c1
commit 1639457
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 0 deletions.
diff --git a/src/app/admin/components/quiz-list/quiz-list.component.scss b/src/app/admin/components/quiz-list/quiz-list.component.scss
@@ -2,4 +2,26 @@
   height: 100%;
   display: flex;
   flex-direction: column;
+
+  .knowledge-quiz, .feedback-quiz {
+    justify-content: center;
+    .icon {
+      font-size: 20px;
+      &:before {
+        font-family: 'Material Icons';
+      }
+    }
+  }
+
+  .knowledge-quiz {
+    .icon:before {
+      content: '\e885';
+    }
+  }
+
+  .feedback-quiz {
+    .icon:before {
+      content: '\e8dd';
+    }
+  }
 }
diff --git a/src/app/admin/components/quiz-list/quiz-list.component.ts b/src/app/admin/components/quiz-list/quiz-list.component.ts
@@ -11,6 +11,7 @@ import { PlaceholderFormatService } from 'src/app/shared/services/format/placeho
 import { QuizListService } from './quiz-list.service';
 import { PreviewQuizDialogComponent } from "../preview-quiz-dialog/preview-quiz-dialog.component";
 import { MatDialog } from "@angular/material/dialog";
+import { QUIZ_TYPE } from "../new-quiz/quiz-settings/quiz-settings.component";
 
 @Component({
   selector: 'app-quiz-list',
@@ -84,6 +85,20 @@ export class QuizListComponent implements OnInit {
         ),
         field: 'status',
       },
+      {
+        headerName: this.customTranslateService.getTranslation(
+            'admin.quiz.list.quizType'
+        ),
+        field: 'type',
+        maxWidth: 70,
+        minWidth: 70,
+        cellClass: (data) => data.type === QUIZ_TYPE.FEEDBACK_QUIZ ? 'feedback-quiz' : 'knowledge-quiz',
+        cellRenderer: (data) => `<span class='icon' title="${data.type === QUIZ_TYPE.FEEDBACK_QUIZ ? this.customTranslateService.getTranslation(
+            'admin.quiz.settings.quizTypeFeedback'
+        ) : this.customTranslateService.getTranslation(
+            'admin.quiz.settings.quizTypeKnowledge'
+        )}"></span>`
+      },
       {
         headerName: this.customTranslateService.getTranslation(
           'admin.quiz.list.numberOfQuestions'

diff --git a/src/assets/translations.json b/src/assets/translations.json
@@ -349,6 +349,7 @@
       "list": {
         "quizName": "Nume chestionar",
         "quizStatus": "Status",
+        "quizType": "Tip",
         "numberOfQuestions": "Număr de întrebări",
         "creationDate": "Data creării",
         "lastUpdate": "Ultima actualizare",