+++ /dev/null
-<!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>