snippet/1.0.16/index.html

   1 <!DOCTYPE html>
   2 <html ng-app="motion" style="background-color: transparent;">
   3 <head>
   4   <meta charset="utf-8">
   5   <title>xCally Motion Chat</title>
   6
   7   <script type="text/javascript">
   8     document.write("<base href='" + window.location.pathname + "' />");
   9   </script>
  10
  11   <link rel="stylesheet" href="styles/vendor.css?version=1.0.16">
  12
  13   <link rel="stylesheet" href="styles/app.css?version=1.0.16">
  14
  15 </head>
  16 <body ng-controller="IndexController as vm" style="background-color: transparent; overflow:hidden;" ng-cloak>
  17
  18   <!-- CHAT APP -->
  19   <div id = "id-row" layout="row" layout-align="center end">
  20     <div id="chat-app" layout="column" ng-if="settings.online || !settings.hideWhenOffline">
  21         <!-- CHAT CONTENT -->
  22         <md-content class="chat-content">
  23           <ui-view></ui-view>
  24         </md-content>
  25         <!-- CHAT CONTENT -->
  26
  27         <!-- CHAT TOOLBAR -->
  28         <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)">
  29           <div class="md-toolbar-tools">
  30               <div class="avatar-wrapper">
  31                   <img ng-src="{{settings.remote}}/api/chat/websites/{{settings.id}}/logo?token={{settings.token}}" class="avatar logo" alt="logo"/>
  32               </div>
  33
  34               <span class="title" flex style="margin-left: 4px;" ng-style="{'font-size': '{{settings.fontSize}}px', 'color': '{{settings.textColor}}'}" md-truncate>
  35                {{settings.defaultTitle ? settings.defaultTitle : (status === 'online' ? settings.header_online : settings.header_offline)}}
  36               </span>
  37
  38               <md-progress-circular ng-if="loading" md-diameter="16px"></md-progress-circular>
  39
  40               <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' && status != 'closing')" ng-click="$event.stopPropagation();">
  41                 <i class="mdi mdi-printer mdi-light"></i>
  42               </md-button>
  43               <div ng-if="layout.up && visitor.interaction.id && settings.download_transcript && (status != 'waiting' && status != 'online' && status != 'offline' && status != 'unmanaged' && status != 'closing')" ng-click="$event.stopPropagation();" ng-csv="vm.download();" csv-header="['Sender', 'Message', 'Sent At']" filename="transcript.csv">
  44                 <i class="mdi mdi-download mdi-light" ></i>
  45               </div>
  46               <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' && status != 'closing')" ng-click="vm.close(); $event.stopPropagation();">
  47                   <i class="mdi mdi-close mdi-light" ng-click="vm.close(); $event.stopPropagation();"></i>
  48               </md-button>
  49               <div ng-if="settings.alignment == 'bottom_right'" aria-label="Reduce">
  50                 <i class="mdi mdi-light mdi-light" ng-class="layout.up ? 'mdi-chevron-down' : 'mdi-chevron-up'"></i>
  51               </div>
  52               <!-- </md-button> -->
  53           </div>
  54         </md-toolbar>
  55         <!-- / CHAT TOOLBAR -->
  56       </div>
  57   </div>
  58
  59   <!-- / CHAT APP -->
  60
  61   <script src="scripts/vendor.js?version=1.0.16"></script>
  62
  63   <script src="scripts/app.js?version=1.0.16"></script>
  64
  65 </body>
  66 </html>