feedback.page.html 1.8 KB
<div class="nav_header">
  <button class="nav_btn nav_back floatLeft" (click)="goBack()">
    <img src="../assets/Group17_2.png" />
  </button>
  <div class="nav_title floatLeft">
    <h4>Complaints & Feedback</h4>
  </div>
  <div class="clear"></div>
</div>
<ion-content>
  <form
    novalidate
    #feedbackForm="ngForm"
    class="feedback_wrapper"
    *ngIf="userData && feedbackData"
  >
    <div class="form_div">
      <div class="row">
        <p>From</p>
        <input
          class="form-control"
          type="text"
          [(ngModel)]="userData.emailId"
          name="from"
          #from="ngModel"
          readonly
          [(value)]="userData.emailId"
        />
      </div>
      <div class="row">
        <p>To</p>
        <input
          name="to"
          class="form-control"
          #to="ngModel"
          type="text"
          readonly
          [(ngModel)]="feedbackData.to"
          [(value)]="feedbackData.to"
        />
      </div>
      <div class="row">
        <p>Comments</p>
        <textarea
          required
          name="message"
          [(ngModel)]="feedbackData.message"
          #message="ngModel"
          class="form-control"
          rows="8"
          placeholder="Type here.."
        ></textarea>
        <div
          class="md-errors-spacer"
          [hidden]="message.valid || submitted == false"
          class="ion-padding-start"
        >
          This is required.
        </div>
      </div>
      <div class="row">
        <button
          (click)="onFeedbackSubmit(feedbackForm)"
          class="login_btn"
          [disabled]="submitted"
        >
          SENT
        </button>
      </div>
    </div>
  </form>
</ion-content>

<div class="loader" *ngIf="feedService.loader">
  <div class="lds-ripple">
    <div></div>
    <div></div>
  </div>
</div>