snippet/3.0.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/vendors-styles.css" rel="stylesheet"><link href="./styles/app.css" rel="stylesheet"><link href="./styles/mobile.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': '{{(settings.alignment == 'bottom_right') ? '365px' : '295px'}}'}"
  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               {{
  58                 settings.defaultTitle
  59                   ? settings.defaultTitle
  60                   : status === 'online'
  61                   ? settings.header_online
  62                   : settings.header_offline
  63               }}
  64             </span>
  65
  66             <md-progress-circular
  67               ng-if="loading"
  68               md-diameter="16px"
  69             ></md-progress-circular>
  70
  71             <md-button
  72               ng-print
  73               class="md-icon-button header-button"
  74               aria-label="Print"
  75               ng-if="
  76                 layout.up &&
  77                 visitor.interaction.id &&
  78                 status != 'waiting' &&
  79                 status != 'online' &&
  80                 status != 'offline' &&
  81                 status != 'unmanaged'
  82               "
  83               ng-click="$event.stopPropagation();"
  84             >
  85               <i class="mdi mdi-printer mdi-light"></i>
  86             </md-button>
  87             <div
  88               ng-if="
  89                 layout.up &&
  90                 visitor.interaction.id &&
  91                 settings.download_transcript &&
  92                 status != 'waiting' &&
  93                 status != 'online' &&
  94                 status != 'offline' &&
  95                 status != 'unmanaged'
  96               "
  97               ng-click="$event.stopPropagation();"
  98               ng-csv="vm.download();"
  99               csv-header="['Sender', 'Message', 'Sent At']"
 100               filename="transcript.csv"
 101             >
 102               <i class="mdi mdi-download mdi-light"></i>
 103             </div>
 104             <md-button
 105               class="md-icon-button header-button"
 106               aria-label="Close"
 107               ng-if="
 108                 layout.up &&
 109                 visitor.interaction.id &&
 110                 status != 'waiting' &&
 111                 status != 'online' &&
 112                 status != 'offline' &&
 113                 status != 'unmanaged'
 114               "
 115               ng-click="vm.close(); $event.stopPropagation();"
 116             >
 117               <i
 118                 class="mdi mdi-close mdi-light"
 119                 ng-click="vm.close(); $event.stopPropagation();"
 120               ></i>
 121             </md-button>
 122             <div
 123               ng-if="settings.alignment == 'bottom_right'"
 124               aria-label="Reduce"
 125             >
 126               <i
 127                 class="mdi mdi-light mdi-light"
 128                 ng-class="layout.up ? 'mdi-chevron-down' : 'mdi-chevron-up'"
 129               ></i>
 130             </div>
 131             <!-- </md-button> -->
 132           </div>
 133         </md-toolbar>
 134         <!-- / CHAT TOOLBAR -->
 135
 136         <!-- CHAT CONTENT -->
 137         <md-content class="chat-content">
 138           <ui-view></ui-view>
 139         </md-content>
 140         <!-- CHAT CONTENT -->
 141       </div>
 142     </div>
 143     <!-- JavaScript -->
 144
 145     <!-- injected into window -->
 146
 147     <script type="text/javascript">
 148
 149         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"};
 150
 151     </script>
 152
 153     <!-- injected into window -->
 154
 155     <!-- bundle -->
 156     <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>
 157     <!-- bundle -->
 158
 159     <!-- / CHAT APP -->
 160   </body>
 161 </html>