refactor: client view survey page (#1112)

Fixes: #1111
2020-07-15 17:25:17 +05:30
parent 3fbe2815a0
commit 2670137564
12 changed files with 67 additions and 130 deletions
@@ -0,0 +1,60 @@
+<div class="container mat-typography" style="padding-bottom: 20px;">
+
+  <div class="mat-elevation-z2 surveyCont">
+
+    <div class="surveySelect" fxLayout="row">
+
+      <mat-label class="nameLabel">Survey Name</mat-label>
+      <mat-select class="surveyOption" (selectionChange)="onSurveyChange($event)">
+        <mat-option *ngFor="let surveyData of allSurveyData" [value]="surveyData">
+          {{surveyData.name}}
+        </mat-option>
+      </mat-select>
+
+    </div>
+
+    <hr>
+
+    <div>
+
+      <ng-container *ngFor="let component of componentGroups">
+
+        <h2 *ngIf="component[0].componentKey"> component[0].componentKey </h2>
+
+        <div fxLayout="column" class="displayQuestions">
+
+          <ng-container *ngFor="let question of component">
+
+            <div fxLayout="row" class="question">
+
+              <mat-label fxFlex="40" class="questionText">{{question.text}}</mat-label>
+
+              <mat-radio-group fxFlex="60" [(ngModel)]="question.answer">
+
+                <mat-radio-button fxLayout="column" class="radio-button" *ngFor="let options of question.responseDatas"
+                  style="margin-bottom: 5px; align-items: normal; white-space: normal;" [value]="options">
+                  <span class="wrap-mat-radio-label">
+                    {{options.text}}
+                  </span>
+                </mat-radio-button>
+
+              </mat-radio-group>
+
+            </div>
+
+            <div *ngIf="question.answer">Your answer is: {{question.answer.text}}</div>
+
+          </ng-container>
+
+        </div>
+
+      </ng-container>
+
+    </div>
+
+    <button mat-raised-button class="button-cancel" color="danger" [routerLink]="['../']">Cancel</button>
+    <button mat-raised-button class="button-submit" color="primary" (click)=submit()>Submit</button>
+
+  </div>
+
+</div>