+++ /dev/null
-<!-- CHAT CONTENT -->
-<md-content class="chat-closing" layout="column">
- <!-- CHAT ERROR -->
- <div
- class="chat-error"
- ng-repeat="error in vm.errors"
- layout="row"
- layout-margin
- >
- <i class="mdi mdi-alert mdi-24px mdi-light"></i>
- <md-tooltip md-direction="top"
- >{{error.message || 'Service temporarily unavailable.'}}</md-tooltip
- >
- <span class="chat-error-message"
- >{{error.message || 'Service temporarily unavailable.'}}</span
- >
- </div>
- <!-- CHAT ERROR -->
-
- <md-content layout="column" layout-align="center end">
- <span
- ng-bind-html="settings.closingMessage | toTrusted"
- ng-style="{'font-size': '{{settings.fontSize}}px'}"
- ></span>
- </md-content>
-
- <form
- name="vm.userForm"
- layout="column"
- ng-style="{'font-size': '{{settings.fontSize}}px'}"
- novalidate
- >
- <md-input-container
- ng-if="settings.enableRating"
- ng-switch="settings.ratingType"
- class="md-block"
- style="margin: 0px; padding: 10px 0px 5px 0px"
- md-no-float
- >
- <!-- START thumb rating -->
- <md-radio-group
- name="ratingValue"
- ng-switch-when="thumb"
- ng-model="vm.form.ratingValue"
- ng-change="vm.upColor = vm.form.ratingValue ? 'green' : null; vm.downColor = !vm.form.ratingValue ? 'red' : null;"
- layout="row"
- layout-align="center center"
- >
- <md-radio-button ng-value="1" class="thumb">
- <div class="{{vm.upColor}}">
- <i class="mdi mdi-48px mdi-thumb-up-outline"></i>
- </div>
- </md-radio-button>
- <md-radio-button ng-value="0" class="thumb">
- <div class="{{vm.downColor}}">
- <i class="mdi mdi-48px mdi-thumb-down-outline"></i>
- </div>
- </md-radio-button>
- </md-radio-group>
- <!-- END thumb rating -->
-
- <!-- START star rating -->
- <div ng-switch-when="star" layout="row" layout-align="center center">
- <ng-rate-it
- name="ratingValue"
- ng-model="vm.form.ratingValue"
- min="0"
- max="settings.ratingStarsNumber"
- step="1"
- resetable="false"
- ></ng-rate-it>
- </div>
- <!-- END star rating -->
- </md-input-container>
-
- <md-input-container
- ng-if="settings.enableFeedback"
- class="md-block"
- style="margin: 0px; padding: 0px 0px 10px 0px"
- md-no-float
- >
- <!-- START textarea -->
- <span style="padding: 5px 0px 5px 0px"
- ><br /><br /><br />{{settings.feedbackTitle}}</span
- >
- <textarea
- name="message"
- ng-model="vm.form.ratingMessage"
- md-maxlength="150"
- rows="3"
- ></textarea>
- <!-- END textarea -->
- </md-input-container>
-
- <md-input-container
- ng-if="settings.forwardTranscript"
- class="md-block"
- style="margin: 0px; padding: 0px 0px 10px 0px"
- md-no-float
- >
- <span
- ng-if="settings.forwardTranscriptMessage"
- style="padding: 5px 0px 5px 0px"
- >{{settings.forwardTranscriptMessage}}</span
- >
- <span
- ng-if="!settings.forwardTranscriptMessage"
- style="padding: 5px 0px 5px 0px"
- >Email</span
- >
- <!-- START email -->
- <input
- type="email"
- name="mailTranscript"
- ng-model="vm.form.mailTranscript"
- placeholder="email"
- />
- <div
- ng-messages="vm.userForm['mailTranscript'].$error"
- ng-show="vm.userForm['mailTranscript'].$touched"
- role="alert"
- >
- <div ng-message="email">
- <span>Email must be a valid e-mail address</span>
- </div>
- </div>
- <!-- END email -->
- </md-input-container>
-
- <div layout="row" layout-align="center center">
- <md-button
- title="{{settings.closingMessageButton}}"
- class="md-raised"
- ng-if="settings.enableRating || settings.enableFeedback || settings.forwardTranscript"
- ng-click="vm.submit()"
- ng-disabled="vm.userForm.$invalid || loading"
- ng-style="{'background-color': '{{settings.color_button}}', 'color': '{{settings.textColor}}'}"
- >
- {{settings.closingMessageButton}}
- </md-button>
- <md-button
- title="{{settings.skipMessageButton}}"
- class="md-raised"
- ng-style="{'background-color': '{{settings.color_button}}', 'color': '{{settings.textColor}}'}"
- ng-click="vm.skip()"
- >
- {{settings.skipMessageButton}}
- </md-button>
- </div>
- </form>
-
- <md-content layout="column" layout-align="center end" class="white-label">
- <span
- ng-bind-html="(settings.custom && !settings.defaultWhiteLabel) ? settings.whiteLabel : 'Powered By XCALLY' | toTrusted"
- ng-style="{'font-size': '{{settings.fontSize}}px'}"
- ></span>
- </md-content>
-</md-content>
-<!-- / CHAT CONTENT -->