snippet/3.0.0/templates/00860aee362cdeeb1080.html

   1 <!-- CHAT CONTENT -->
   2 <md-content class="chat-closing" layout="column">
   3   <!-- CHAT ERROR -->
   4   <div
   5     class="chat-error"
   6     ng-repeat="error in vm.errors"
   7     layout="row"
   8     layout-margin
   9   >
  10     <i class="mdi mdi-alert mdi-24px mdi-light"></i>
  11     <md-tooltip md-direction="top"
  12       >{{error.message || 'Service temporarily unavailable.'}}</md-tooltip
  13     >
  14     <span class="chat-error-message"
  15       >{{error.message || 'Service temporarily unavailable.'}}</span
  16     >
  17   </div>
  18   <!-- CHAT ERROR -->
  19
  20   <md-content layout="column" layout-align="center end">
  21     <span
  22       class="centered-text"
  23       ng-bind-html="settings.closingMessage | toTrusted"
  24       ng-style="{'font-size': '{{settings.fontSize}}px'}"
  25     ></span>
  26   </md-content>
  27
  28   <form
  29     name="vm.userForm"
  30     layout="column"
  31     ng-style="{'font-size': '{{settings.fontSize}}px'}"
  32     novalidate
  33   >
  34     <md-input-container
  35       ng-if="settings.enableRating"
  36       ng-switch="settings.ratingType"
  37       class="md-block"
  38       style="margin: 0px; padding: 10px 0px 5px 0px"
  39       md-no-float
  40     >
  41       <!-- START thumb rating -->
  42       <md-radio-group
  43         name="ratingValue"
  44         ng-switch-when="thumb"
  45         ng-model="vm.form.ratingValue"
  46         ng-change="vm.upColor = vm.form.ratingValue ? 'green' : null; vm.downColor = !vm.form.ratingValue ? 'red' : null;"
  47         layout="row"
  48         layout-align="center center"
  49       >
  50         <md-radio-button ng-value="1" class="thumb">
  51           <div class="{{vm.upColor}}">
  52             <i class="mdi mdi-48px mdi-thumb-up-outline"></i>
  53           </div>
  54         </md-radio-button>
  55         <md-radio-button ng-value="0" class="thumb">
  56           <div class="{{vm.downColor}}">
  57             <i class="mdi mdi-48px mdi-thumb-down-outline"></i>
  58           </div>
  59         </md-radio-button>
  60       </md-radio-group>
  61       <!-- END thumb rating -->
  62
  63       <!-- START star rating -->
  64       <div ng-switch-when="star" layout="row" layout-align="center center">
  65         <ng-rate-it
  66           name="ratingValue"
  67           ng-model="vm.form.ratingValue"
  68           min="0"
  69           max="settings.ratingStarsNumber"
  70           step="1"
  71           resetable="false"
  72         ></ng-rate-it>
  73       </div>
  74       <!-- END star rating -->
  75     </md-input-container>
  76
  77     <md-input-container
  78       ng-if="settings.enableFeedback"
  79       class="md-block"
  80       style="margin: 0px; padding: 0px 0px 10px 0px"
  81       md-no-float
  82     >
  83       <!-- START textarea -->
  84       <span style="padding: 5px 0px 5px 0px"
  85         ><br /><br /><br />{{settings.feedbackTitle}}</span
  86       >
  87       <textarea
  88         name="message"
  89         ng-model="vm.form.ratingMessage"
  90         md-maxlength="150"
  91         rows="3"
  92       ></textarea>
  93       <!-- END textarea -->
  94     </md-input-container>
  95
  96     <md-input-container
  97       ng-if="settings.forwardTranscript"
  98       class="md-block"
  99       style="margin: 0px; padding: 0px 0px 10px 0px"
 100       md-no-float
 101     >
 102       <span
 103         ng-if="settings.forwardTranscriptMessage"
 104         style="padding: 5px 0px 5px 0px"
 105         >{{settings.forwardTranscriptMessage}}</span
 106       >
 107       <span
 108         ng-if="!settings.forwardTranscriptMessage"
 109         style="padding: 5px 0px 5px 0px"
 110         >Email</span
 111       >
 112       <!-- START email -->
 113       <input
 114         type="email"
 115         name="mailTranscript"
 116         ng-model="vm.form.mailTranscript"
 117         placeholder="email"
 118       />
 119       <div
 120         ng-messages="vm.userForm['mailTranscript'].$error"
 121         ng-show="vm.userForm['mailTranscript'].$touched"
 122         role="alert"
 123       >
 124         <div ng-message="email">
 125           <span>Email must be a valid e-mail address</span>
 126         </div>
 127       </div>
 128       <!-- END email -->
 129     </md-input-container>
 130
 131     <div layout="row" layout-align="center center">
 132       <md-button
 133         title="{{settings.closingMessageButton}}"
 134         class="md-raised"
 135         ng-if="settings.enableRating || settings.enableFeedback || settings.forwardTranscript"
 136         ng-click="vm.submit()"
 137         ng-disabled="vm.userForm.$invalid || loading"
 138         ng-style="{'background-color': '{{settings.color_button}}', 'color': '{{settings.textButtonColor || settings.textColor}}'}"
 139       >
 140         {{settings.closingMessageButton}}
 141       </md-button>
 142       <md-button
 143         title="{{settings.skipMessageButton}}"
 144         class="md-raised"
 145         ng-style="{'background-color': '{{settings.color_button}}', 'color': '{{settings.textButtonColor || settings.textColor}}'}"
 146         ng-click="vm.skip()"
 147       >
 148         {{settings.skipMessageButton}}
 149       </md-button>
 150     </div>
 151   </form>
 152
 153   <md-content layout="column" layout-align="center end" class="white-label">
 154     <span
 155       class="centered-text"
 156       ng-bind-html="(settings.custom && !settings.defaultWhiteLabel) ? settings.whiteLabel : 'Powered By XCALLY' | toTrusted"
 157       ng-style="{'font-size': '{{settings.fontSize}}px'}"
 158     ></span>
 159   </md-content>
 160 </md-content>
 161 <!-- / CHAT CONTENT -->