You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
2.0 KiB
HTML
71 lines
2.0 KiB
HTML
|
5 years ago
|
<ion-content padding class="survey-content">
|
||
|
|
<div class="skip-btn" (click)="skip()">Skip</div>
|
||
|
|
<ion-grid class="ion-no-padding grid-parent">
|
||
|
|
<ion-row>
|
||
|
|
<ion-text class="title-text">
|
||
|
|
This is to get feedback about the user experience
|
||
|
|
|
||
|
|
</ion-text>
|
||
|
|
</ion-row>
|
||
|
|
|
||
|
|
<ion-row>
|
||
|
|
<ion-col [size]="12">
|
||
|
|
<p class="subheading">1. How would you like to rate </p>
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col [size]="12">
|
||
|
|
<rating id="surveyRatingNew" [(ngModel)]="rate" readonly="false" size="default"></rating>
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
</ion-grid>
|
||
|
|
<ion-grid>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col>
|
||
|
|
<p class="subheading">2. How do you satisfied about this application </p>
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row class="faces-row">
|
||
|
|
<ion-col [ngClass]="select2">
|
||
|
|
<img class="face" src="assets/icon/rate/bad.svg" (click)="select(1)">
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [ngClass]="select2">
|
||
|
|
<img class="face" src="assets/icon/rate/poor.svg" (click)="select(2)">
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [ngClass]="select3">
|
||
|
|
<img class="face" src="assets/icon/rate/normal.svg" (click)="select(3)">
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [ngClass]="select4">
|
||
|
|
<img class="face" src="assets/icon/rate/good.svg" (click)="select(4)">
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [ngClass]="select5">
|
||
|
|
<img class="face" src="assets/icon/rate/xcellent.svg" (click)="select(5)">
|
||
|
|
</ion-col>
|
||
|
|
|
||
|
|
|
||
|
|
</ion-row>
|
||
|
|
</ion-grid>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col>
|
||
|
|
<p class="comments">Please give us a comments</p>
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<ion-card class="doctor-card">
|
||
|
|
|
||
|
|
<ion-row class="input-field">
|
||
|
|
<ion-col [size]="12">
|
||
|
|
|
||
|
|
|
||
|
|
<ion-textarea rows="6" cols="20" [(ngModel)]="Note" placeholder="Enter any notes here..."></ion-textarea>
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
</ion-card>
|
||
|
|
|
||
|
|
</ion-content>
|
||
|
|
<ion-footer >
|
||
|
|
<div class="centerDiv">
|
||
|
|
<ion-button class="footer-button" ion-button (click)="submit()">
|
||
|
|
{{'general,submit' | translate}} </ion-button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</ion-footer>
|