2 <md-content class="chat-closing" layout="column">
6 ng-repeat="error in vm.errors"
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
14 <span class="chat-error-message"
15 >{{error.message || 'Service temporarily unavailable.'}}</span
20 <md-content layout="column" layout-align="center end">
23 ng-bind-html="settings.closingMessage | toTrusted"
24 ng-style="{'font-size': '{{settings.fontSize}}px'}"
31 ng-style="{'font-size': '{{settings.fontSize}}px'}"
35 ng-if="settings.enableRating"
36 ng-switch="settings.ratingType"
38 style="margin: 0px; padding: 10px 0px 5px 0px"
41 <!-- START thumb rating -->
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;"
48 layout-align="center center"
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>
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>
61 <!-- END thumb rating -->
63 <!-- START star rating -->
64 <div ng-switch-when="star" layout="row" layout-align="center center">
67 ng-model="vm.form.ratingValue"
69 max="settings.ratingStarsNumber"
74 <!-- END star rating -->
78 ng-if="settings.enableFeedback"
80 style="margin: 0px; padding: 0px 0px 10px 0px"
83 <!-- START textarea -->
84 <span style="padding: 5px 0px 5px 0px"
85 ><br /><br /><br />{{settings.feedbackTitle}}</span
89 ng-model="vm.form.ratingMessage"
97 ng-if="settings.forwardTranscript"
99 style="margin: 0px; padding: 0px 0px 10px 0px"
103 ng-if="settings.forwardTranscriptMessage"
104 style="padding: 5px 0px 5px 0px"
105 >{{settings.forwardTranscriptMessage}}</span
108 ng-if="!settings.forwardTranscriptMessage"
109 style="padding: 5px 0px 5px 0px"
115 name="mailTranscript"
116 ng-model="vm.form.mailTranscript"
120 ng-messages="vm.userForm['mailTranscript'].$error"
121 ng-show="vm.userForm['mailTranscript'].$touched"
124 <div ng-message="email">
125 <span>Email must be a valid e-mail address</span>
129 </md-input-container>
131 <div layout="row" layout-align="center center">
133 title="{{settings.closingMessageButton}}"
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}}'}"
140 {{settings.closingMessageButton}}
143 title="{{settings.skipMessageButton}}"
145 ng-style="{'background-color': '{{settings.color_button}}', 'color': '{{settings.textButtonColor || settings.textColor}}'}"
148 {{settings.skipMessageButton}}
153 <md-content layout="column" layout-align="center end" class="white-label">
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'}"
161 <!-- / CHAT CONTENT -->