File

src/app/manage-learn/shared/components/reports-text/reports-text.component.ts

Implements

OnInit

Metadata

Index

Properties
Methods
Inputs

Constructor

constructor(surveyProvider: SurveyProviderService)
Parameters :
Name Type Optional
surveyProvider SurveyProviderService No

Inputs

data
Type : any
isFeedBackSurvey
Type : any
questionNumber
Type : any
solutionId
Type : any

Methods

getAllResponse
getAllResponse()
Returns : void
ngOnInit
ngOnInit()
Returns : void

Properties

completedDate
Type : any
import { Component, Input, OnInit } from '@angular/core';
import { SurveyProviderService } from '@app/app/manage-learn/core/services/survey-provider.service';

@Component({
  selector: 'reports-text',
  templateUrl: './reports-text.component.html',
  styleUrls: ['./reports-text.component.scss'],
})
export class ReportsTextComponent implements OnInit {
  @Input() data;
  @Input() questionNumber;
  @Input() isFeedBackSurvey;
  @Input() solutionId;
  completedDate: any; // for pagination purpose in survey answers if more then 10 ans
  constructor(private surveyProvider:SurveyProviderService) {}

  ngOnInit() {
    this.completedDate = this.data.completedDate;
  }

  getAllResponse() {
    let questionExternalId = this.data.order;
    let completedDate = this.completedDate;
    let solutionId = this.solutionId;
    let Obj = { questionExternalId, completedDate, solutionId };
    this.surveyProvider
      .viewAllAns(Obj)
      .then((res: any) => {
        this.data.answers = [...this.data.answers, ...res.answers];
        this.completedDate = res.completedDate ? res.completedDate : this.completedDate;
      })
      .catch();
  }
}
<ion-item-group class="text-container" text-wrap>
  <ion-item-divider color="light">
    <h4 *ngIf="questionNumber">{{ questionNumber+' )'}} {{data?.question}}</h4>
    <h4 *ngIf="!questionNumber">Responses</h4>
  </ion-item-divider>
  <ion-item *ngFor="let answer of data?.answers"> {{ (data?.resposeType === 'date' && answer) ? (answer|
    date:'medium':'IST') : answer}}</ion-item>

  <!-- to show all answer in feedback survey report -->
  <div *ngIf="isFeedBackSurvey">
    <ion-col *ngIf="data?.count>10&& data?.answers?.length<data?.count">
      <small padding class="pull-right sb-color-red-400" (click)="getAllResponse(data)">{{'FRMELEMNTS_BTN_VIEW_ALL_RESPONSES' |
        translate}}</small>
    </ion-col>
  </div>
</ion-item-group>

./reports-text.component.scss

Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""