snippet/1.0.4/index.html

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