otf-frontend/client/src/app/layout/feedback/feedback.component.pug

   1 //-  Copyright (c) 2019 AT&T Intellectual Property.                             #\r
   2 //-                                                                             #\r
   3 //-  Licensed under the Apache License, Version 2.0 (the "License");            #\r
   4 //-  you may not use this file except in compliance with the License.           #\r
   5 //-  You may obtain a copy of the License at                                    #\r
   6 //-                                                                             #\r
   7 //-      http://www.apache.org/licenses/LICENSE-2.0                             #\r
   8 //-                                                                             #\r
   9 //-  Unless required by applicable law or agreed to in writing, software        #\r
  10 //-  distributed under the License is distributed on an "AS IS" BASIS,          #\r
  11 //-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
  12 //-  See the License for the specific language governing permissions and        #\r
  13 //-  limitations under the License.                                             #\r
  14 //- #############################################################################\r
  15 \r
  16 \r
  17 div([@routerTransition])\r
  18     h2 Submit Feedback\r
  19     hr\r
  20 \r
  21 // name label & form input\r
  22 form([formGroup]='FeedbackFormGroup')\r
  23     .row\r
  24         .col-sm-2\r
  25             mat-form-field(style='width:100%')\r
  26                 input(matInput, placeholder='First Name', formControlName='firstName', required)\r
  27                 mat-error Required\r
  28         .col-sm-2\r
  29             mat-form-field(style='width:100%')\r
  30                 input(matInput, placeholder='Last Name', formControlName='lastName', required)\r
  31                 mat-error Required\r
  32     .row\r
  33         .col-sm-4\r
  34             // email label & form input\r
  35             mat-form-field(style='width:100%')\r
  36                 input(matInput, placeholder='example@.com', type='email', formControlName='email', required)\r
  37     .row\r
  38         .col-sm-4\r
  39             // message label & form input\r
  40             mat-form-field(style='width:100%')\r
  41                 textarea(matInput, placeholder='Message', formControlName='message', required, rows=15)\r
  42     .row\r
  43         .col-sm-4\r
  44             // button for submitting the information in the form\r
  45             button(mat-raised-button='', color='primary', class='pull-right', (click)='onSubmitFeedback()') Send Feedback\r