Built motion from commit c738b9ac.|2.6.25
[motion2.git] / snippet / 3.8.1 / index.html
diff --git a/snippet/3.8.1/index.html b/snippet/3.8.1/index.html
new file mode 100644 (file)
index 0000000..a376556
--- /dev/null
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html ng-app="motion-chat" style="background-color: transparent" ng-strict-di>
+  <head>
+    <meta charset="utf-8" />
+    <title>xCally Motion Chat</title>
+    <script type="text/javascript">
+      const base = document.createElement("base");
+      base.setAttribute('href', window.location.pathname)
+      const title = document.getElementsByTagName('title')[0];
+      title.parentNode.insertBefore(base, title);
+      // document.write("<base href='" + window.location.pathname + "' />")
+    </script>
+    <!-- CSS -->
+    <!-- bundle -->
+    <link href="styles/app.css" rel="stylesheet">
+    <!-- bundle -->
+  </head>
+  <body
+    ng-controller="IndexController as vm"
+    style="background-color: transparent; overflow: hidden"
+    ng-cloak
+  >
+    <!-- CHAT APP -->
+    <div id="id-row" layout="row" layout-align="center end">
+      <div
+        id="chat-app"
+        layout="column"
+        ng-if="settings.online || !settings.hideWhenOffline"
+      >
+        <!-- CHAT TOOLBAR -->
+        <md-toolbar
+          id="chat-toolbar"
+          class="chat-toolbar"
+          layout="row"
+          layout-align="start center"
+          ng-style="{'background-color': '{{settings.color}}', 'border-top-left-radius': '{{vm.getHeaderShape();}}', 'border-top-right-radius': '{{vm.getHeaderShape();}}', 'width': '100%'}"
+          ng-click="(settings.alignment == 'bottom_right') && vm.toggle(!layout.up)"
+        >
+          <div class="md-toolbar-tools">
+            <div class="avatar-wrapper">
+              <img
+                ng-src="{{ settings.remote }}/api/chat/websites/{{
+                  settings.id
+                }}/logo?token={{ settings.token }}"
+                class="avatar logo"
+                alt="logo"
+              />
+            </div>
+
+            <span
+              class="title"
+              flex
+              style="margin-left: 4px"
+              ng-style="{'font-size': '{{settings.fontSize}}px', 'color': '{{settings.textColor}}'}"
+              md-truncate
+            >
+              {{ actualTitle }}
+            </span>
+
+            <md-progress-circular
+              ng-if="loading"
+              md-diameter="16px"
+            ></md-progress-circular>
+
+            <md-button
+              ng-print
+              class="md-icon-button header-button"
+              aria-label="Print"
+              ng-if="
+                layout.up &&
+                visitor.interaction.id &&
+                status != 'waiting' &&
+                status != 'online' &&
+                status != 'offline' &&
+                status != 'unmanaged'
+              "
+              ng-click="$event.stopPropagation();"
+            >
+              <i class="mdi mdi-printer mdi-light"></i>
+            </md-button>
+            <div
+              ng-if="
+                layout.up &&
+                visitor.interaction.id &&
+                settings.download_transcript &&
+                status != 'waiting' &&
+                status != 'online' &&
+                status != 'offline' &&
+                status != 'unmanaged'
+              "
+              ng-click="$event.stopPropagation();"
+              ng-csv="vm.download();"
+              quote-strings="true"
+              csv-header="['Sender', 'Message', 'Sent At']"
+              filename="transcript.csv"
+            >
+              <i class="mdi mdi-download mdi-light"></i>
+            </div>
+            <md-button
+              class="md-icon-button header-button"
+              aria-label="Close"
+              ng-if="
+                layout.up &&
+                visitor.interaction.id &&
+                status != 'waiting' &&
+                status != 'online' &&
+                status != 'offline' &&
+                status != 'unmanaged'
+              "
+              ng-click="vm.close(); $event.stopPropagation();"
+            >
+              <i
+                class="mdi mdi-close mdi-light"
+                ng-click="vm.close(); $event.stopPropagation();"
+              ></i>
+            </md-button>
+            <div
+              ng-if="settings.alignment == 'bottom_right'"
+              aria-label="Reduce"
+            >
+              <i
+                class="mdi mdi-light mdi-light"
+                ng-class="layout.up === true ? 'mdi-chevron-down' : 'mdi-chevron-up'"
+              ></i>
+            </div>
+            <!-- </md-button> -->
+          </div>
+        </md-toolbar>
+        <!-- / CHAT TOOLBAR -->
+
+        <!-- CHAT CONTENT -->
+        <md-content class="chat-content">
+          <ui-view></ui-view>
+        </md-content>
+        <!-- CHAT CONTENT -->
+      </div>
+    </div>
+    <!-- JavaScript -->
+
+    <!-- injected into window -->
+    
+    <script type="text/javascript">
+      
+        window['buildInfo'] = {"name":"motion-chat","version":"3.8.1","shortHash":"ff359ca","branch":"master","tag":"v3.8.1","committedOn":"2022-12-05T16:58:19.000Z","buildDate":"2022-12-07T15:23:28.290Z"};
+      
+    </script>
+    
+    <!-- injected into window -->
+
+    <!-- bundle -->
+    <script src="scripts/app.js"></script><script src="scripts/runtime.js"></script><script src="scripts/chat.js"></script>
+    <!-- bundle -->
+
+    <!-- / CHAT APP -->
+  </body>
+</html>