snippet/3.2.0/index.html

   1 <!DOCTYPE html>
   2 <html ng-app="motion-chat" style="background-color: transparent" ng-strict-di>
   3   <head>
   4     <meta charset="utf-8" />
   5     <title>xCally Motion Chat</title>
   6     <script type="text/javascript">
   7       const base = document.createElement("base");
   8       base.setAttribute('href', window.location.pathname)
   9       const title = document.getElementsByTagName('title')[0];
  10       title.parentNode.insertBefore(base, title);
  11       // document.write("<base href='" + window.location.pathname + "' />")
  12     </script>
  13     <!-- CSS -->
  14     <!-- bundle -->
  15     <link href="styles/app.css" rel="stylesheet">
  16     <!-- bundle -->
  17   </head>
  18   <body
  19     ng-controller="IndexController as vm"
  20     style="background-color: transparent; overflow: hidden"
  21     ng-cloak
  22   >
  23     <!-- CHAT APP -->
  24     <div id="id-row" layout="row" layout-align="center end">
  25       <div
  26         id="chat-app"
  27         layout="column"
  28         ng-if="settings.online || !settings.hideWhenOffline"
  29       >
  30         <!-- CHAT TOOLBAR -->
  31         <md-toolbar
  32           id="chat-toolbar"
  33           class="chat-toolbar"
  34           layout="row"
  35           layout-align="start center"
  36           ng-style="{'background-color': '{{settings.color}}', 'border-top-left-radius': '{{vm.getHeaderShape();}}', 'border-top-right-radius': '{{vm.getHeaderShape();}}', 'width': '100%'}"
  37           ng-click="(settings.alignment == 'bottom_right') && vm.toggle(!layout.up)"
  38         >
  39           <div class="md-toolbar-tools">
  40             <div class="avatar-wrapper">
  41               <img
  42                 ng-src="{{ settings.remote }}/api/chat/websites/{{
  43                   settings.id
  44                 }}/logo?token={{ settings.token }}"
  45                 class="avatar logo"
  46                 alt="logo"
  47               />
  48             </div>
  49
  50             <span
  51               class="title"
  52               flex
  53               style="margin-left: 4px"
  54               ng-style="{'font-size': '{{settings.fontSize}}px', 'color': '{{settings.textColor}}'}"
  55               md-truncate
  56             >
  57               {{ actualTitle }}
  58             </span>
  59
  60             <md-progress-circular
  61               ng-if="loading"
  62               md-diameter="16px"
  63             ></md-progress-circular>
  64
  65             <md-button
  66               ng-print
  67               class="md-icon-button header-button"
  68               aria-label="Print"
  69               ng-if="
  70                 layout.up &&
  71                 visitor.interaction.id &&
  72                 status != 'waiting' &&
  73                 status != 'online' &&
  74                 status != 'offline' &&
  75                 status != 'unmanaged'
  76               "
  77               ng-click="$event.stopPropagation();"
  78             >
  79               <i class="mdi mdi-printer mdi-light"></i>
  80             </md-button>
  81             <div
  82               ng-if="
  83                 layout.up &&
  84                 visitor.interaction.id &&
  85                 settings.download_transcript &&
  86                 status != 'waiting' &&
  87                 status != 'online' &&
  88                 status != 'offline' &&
  89                 status != 'unmanaged'
  90               "
  91               ng-click="$event.stopPropagation();"
  92               ng-csv="vm.download();"
  93               quote-strings="true"
  94               csv-header="['Sender', 'Message', 'Sent At']"
  95               filename="transcript.csv"
  96             >
  97               <i class="mdi mdi-download mdi-light"></i>
  98             </div>
  99             <md-button
 100               class="md-icon-button header-button"
 101               aria-label="Close"
 102               ng-if="
 103                 layout.up &&
 104                 visitor.interaction.id &&
 105                 status != 'waiting' &&
 106                 status != 'online' &&
 107                 status != 'offline' &&
 108                 status != 'unmanaged'
 109               "
 110               ng-click="vm.close(); $event.stopPropagation();"
 111             >
 112               <i
 113                 class="mdi mdi-close mdi-light"
 114                 ng-click="vm.close(); $event.stopPropagation();"
 115               ></i>
 116             </md-button>
 117             <div
 118               ng-if="settings.alignment == 'bottom_right'"
 119               aria-label="Reduce"
 120             >
 121               <i
 122                 class="mdi mdi-light mdi-light"
 123                 ng-class="layout.up === true ? 'mdi-chevron-down' : 'mdi-chevron-up'"
 124               ></i>
 125             </div>
 126             <!-- </md-button> -->
 127           </div>
 128         </md-toolbar>
 129         <!-- / CHAT TOOLBAR -->
 130
 131         <!-- CHAT CONTENT -->
 132         <md-content class="chat-content">
 133           <ui-view></ui-view>
 134         </md-content>
 135         <!-- CHAT CONTENT -->
 136       </div>
 137     </div>
 138     <!-- JavaScript -->
 139
 140     <!-- injected into window -->
 141
 142     <script type="text/javascript">
 143
 144         window['buildInfo'] = {"name":"motion-chat","version":"3.2.0","shortHash":"0f0fc0d2","branch":"MT-18","tag":"","committedOn":"2022-08-09T15:29:43.000Z","buildDate":"2022-08-09T15:37:43.009Z"};
 145
 146     </script>
 147
 148     <!-- injected into window -->
 149
 150     <!-- bundle -->
 151     <script src="scripts/app.js"></script><script src="scripts/runtime.js"></script><script src="scripts/chat.js"></script>
 152     <!-- bundle -->
 153
 154     <!-- / CHAT APP -->
 155   </body>
 156 </html>