Built motion from commit (unavailable).|2.5.23

[motion2.git] / snippet / 3.0.0 / templates / closing / index.tpl.html / index.tpl.html

diff --git a/snippet/3.0.0/templates/closing/index.tpl.html/index.tpl.html b/snippet/3.0.0/templates/closing/index.tpl.html/index.tpl.html
new file mode 100644 (file)
index 0000000..1788709
--- /dev/null
+++ b/snippet/3.0.0/templates/closing/index.tpl.html/index.tpl.html
@@ -0,0 +1,159 @@
+<!-- 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 -->