@piserve-tech/form-submission 1.3.317 → 1.3.319

package/src/question/card-subform/card-subform.component.html

@@ -1,282 +0,0 @@
-<ng-container *ngFor="let submission of submissions;let i=index ;trackBy: trackBySubmissionId">
-  <div class="card-subform mb-4" [id]="'question-'+submission.submissionId">
-    <div class="delete d-flex justify-content-end me-4 mb-2 mt-2 gap-3"
-    >
-    <ng-container *ngIf="submission?.scores?.[0] as firstScore">
-      <div
-        class="submissionScore"
-        [ngClass]="{
-          'good-score': firstScore.scoreType === 'GOOD_SCORE',
-          'bad-score': firstScore.scoreType === 'BAD_SCORE'
-        }"
-      >
-      <span>{{ Math.abs(firstScore.score) }}</span>
-      </div>
-    </ng-container>
-      <img class="delete-icon" src="assets/icons/delete-icon.svg" alt="delete"
-      *ngIf="submission.configuration?.allowDelete"
-      (click)="deleteSubmission(i)">
-    </div>
-    <div *ngFor="let row of subForm.rows">
-      <div class="d-flex">
-        <div
-          *ngFor="let grid of row.grid"
-          [ngStyle]="{ 'width.%': grid.element.count * (100 / 12) }"
-        >
-          <div *ngIf="grid.entityType === 'QUESTION' && whenClauseService.checkElementVisibility(grid.element.id,submission)">
-            <div [ngSwitch]="grid.element.formElement.elementType">
-              <lib-check-box-fields
-                *ngSwitchCase="'CHECK_BOX'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [rowId]="i"
-                [submissionIndex]="i"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-check-box-fields>
-              <lib-date-time-fields
-                *ngSwitchCase="'DATE_TIME'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-date-time-fields>
-              <lib-drop-down-fields
-                *ngSwitchCase="'DROP_DOWN'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-drop-down-fields>
-              <lib-file-picker-fields
-                *ngSwitchCase="'FILE_PICKER'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-                (inlineDeleteFiles)="
-                    updateDeletedFiles(submission, grid.element, $event)
-                  "
-              ></lib-file-picker-fields>
-              <lib-location-fields
-                *ngSwitchCase="'LOCATION'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-location-fields>
-              <lib-mail-fields
-                *ngSwitchCase="'EMAIL'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-mail-fields>
-              <lib-mobile-fields
-                *ngSwitchCase="'MOBILE'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-mobile-fields>
-              <lib-number-fields
-                *ngSwitchCase="'NUMBER'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [rowId]="'0'"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-number-fields>
-              <lib-password-fields
-                *ngSwitchCase="'PASSWORD'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-password-fields>
-              <lib-radio-button-fields
-                *ngSwitchCase="'RADIO_BUTTON'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [rowId]="i"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-radio-button-fields>
-              <lib-rich-text-editor-fields
-                *ngSwitchCase="'RICH_TEXT_EDITOR'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [inSubForm]="true"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-rich-text-editor-fields>
-              <lib-selection-matrix-fields
-                *ngSwitchCase="'SELECTION_MATRIX'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [acceptedLanguage]="acceptedLanguage"
-                [rowId]="i"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-selection-matrix-fields>
-              <lib-slider-fields
-                *ngSwitchCase="'SLIDER'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-slider-fields>
-              <lib-terms-and-condition-fields
-                *ngSwitchCase="'TERMS_AND_CONDITION'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-terms-and-condition-fields>
-              <lib-text-area-fields
-                *ngSwitchCase="'TEXT_AREA'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-text-area-fields>
-              <lib-text-fields
-                *ngSwitchCase="'TEXT_BOX'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-text-fields>
-              <lib-toggle-switch-fields
-                *ngSwitchCase="'TOGGLE_SWITCH'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [acceptedLanguage]="acceptedLanguage"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-toggle-switch-fields>
-              <lib-url-fields
-                *ngSwitchCase="'URL'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-url-fields>
-              <lib-currency-fields
-                *ngSwitchCase="'CURRENCY'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-currency-fields>
-              <lib-hidden-field
-                *ngSwitchCase="'HIDDEN_FIELD'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-hidden-field>
-              <lib-iframe-fields
-                *ngSwitchCase="'IFRAME_WIDGET'"
-                [question]="getSubmissionQuestion(submission,grid)"
-              ></lib-iframe-fields>
-              <lib-aggregate-function
-                *ngSwitchCase="'AGGREGATE_FUNCTION'"
-                [question]="getSubmissionQuestion(submission,grid)"
-                [inCard]="true"
-                [submissionIndex]="i"
-                [rowId]="'0'"
-                [disableEdit]="isSubmissionEditable(submission,grid.element.id)"
-                (answerChange)="
-                    updateAnswer(submission, grid.element, $event)
-                "
-              ></lib-aggregate-function>
-            </div>
-
-            <!-- <ng-container *ngIf="grid.element.childLogics">
-                      <ng-container
-                        *ngIf="getComponentForChildLogics(grid.element.childLogics, 'child', grid.element.answer) as outlet">
-                        <ng-container *ngComponentOutlet="outlet.component | async; injector: outlet.injector">
-                        </ng-container>
-                      </ng-container>
-                    </ng-container> -->
-            <ng-container *ngIf="grid?.element?.childLogics">
-              <ng-container *ngIf="componentToLoad">
-                <ng-container
-                  *ngComponentOutlet="
-                    componentToLoad;
-                    inputs: {
-                      grid: grid?.element?.childLogics,
-                      answer: grid?.element?.answer,
-                      state: 'child'
-                    }
-                  "
-                ></ng-container>
-              </ng-container>
-            </ng-container>
-          </div>
-
-          <div *ngIf="grid.entityType === 'SECTION'">
-            <lib-section-fields [section]="grid.element"></lib-section-fields>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</ng-container>
-
-<div class="subform-footer">
-  <button class="btn btn-primary" (click)="addNewSubmission()">{{addButtonLabel}}</button>
-</div>

package/src/question/card-subform/card-subform.component.scss

@@ -1,49 +0,0 @@
-.card-subform {
-  background: #f9f6f6;
-  border-radius: 6px;
-  padding: 8px 0px;
-}
-
-.delete-icon {
-  cursor: pointer;
-  margin-right: 10px;
-  width: 36px;
-  height: 36px;
-  fill: none;
-}
-.delete-icon path {
-  stroke: #084fff;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-}
-.delete-icon rect {
-  stroke: #d8d8d8;
-  fill: white;
-  width: 35px;
-  height: 35px;
-}
-
-.submissionScore {
-  width: 45px;
-  height: 37px;
-  border-radius: 6px;
-  border: 1px solid #c8c8c8;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-weight: 500;
-  text-align: center;
-  padding: 0;
-  span{
-    margin-top: 5px;
-  }
-}
-
-.submissionScore.good-score {
-  border-color: rgb(80, 245, 80);
-}
-
-/* Bad score = red border */
-.submissionScore.bad-score {
-  border-color: lightcoral;
-}

package/src/question/card-subform/card-subform.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { CardSubformComponent } from './card-subform.component';
-
-describe('CardSubformComponent', () => {
-  let component: CardSubformComponent;
-  let fixture: ComponentFixture<CardSubformComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [CardSubformComponent]
-    });
-    fixture = TestBed.createComponent(CardSubformComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});