Built motion from commit (unavailable).|2.5.23
[motion2.git] / snippet / 3.0.0 / index.html
diff --git a/snippet/3.0.0/index.html b/snippet/3.0.0/index.html
new file mode 100644 (file)
index 0000000..4239d28
--- /dev/null
@@ -0,0 +1,161 @@
+<!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/vendors-styles.css" rel="stylesheet"><link href="./styles/app.css" rel="stylesheet"><link href="./styles/mobile.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': '{{(settings.alignment == 'bottom_right') ? '365px' : '295px'}}'}"
+          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
+            >
+              {{
+                settings.defaultTitle
+                  ? settings.defaultTitle
+                  : status === 'online'
+                  ? settings.header_online
+                  : settings.header_offline
+              }}
+            </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();"
+              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 ? '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.0.0-alpha.8","shortHash":"a15b633","branch":"file-upload","tag":"","committedOn":"2021-03-22T17:45:44.000Z","buildDate":"2021-03-23T09:49:27.450Z"};
+      
+    </script>
+    
+    <!-- injected into window -->
+
+    <!-- bundle -->
+    <script src="./scripts/vendors-styles.js"></script><script src="./scripts/app.js"></script><script src="./scripts/mobile.js"></script><script src="./scripts/chat.js"></script>
+    <!-- bundle -->
+
+    <!-- / CHAT APP -->
+  </body>
+</html>