snippet/1.0.1/index.html

   1 <!DOCTYPE html>
   2 <html ng-app="motion" style="background: 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.1">
  13
  14     <link rel="stylesheet" href="styles/app.css?version=1.0.1">
  15
  16 </head>
  17
  18 <body ng-controller="IndexController as vm" style="background: transparent;" md-no-ink ng-cloak>
  19
  20     <!-- CHAT APP -->
  21     <div id="chat-app" class="page-layout carded fullwidth">
  22
  23         <!-- TOP BACKGROUND -->
  24         <div class="top-bg md-accent-bg"></div>
  25         <!-- / TOP BACKGROUND -->
  26
  27         <!-- CENTER -->
  28         <div class="center">
  29
  30             <!-- CONTENT CARD -->
  31             <div class="content-card" layout="row" flex>
  32                 <!-- CHAT -->
  33                 <div class="chat" layout="column" flex>
  34                     <!-- CHAT TOOLBAR -->
  35                     <md-toolbar class="chat-toolbar" ng-style="{'background-color': '{{settings.color}}', 'border-top-left-radius': '{{vm.getHeaderShape();}}', 'border-top-right-radius': '{{vm.getHeaderShape();}}' }" ng-click="vm.toggle(!layout.up)">
  36                         <div class="md-toolbar-tools">
  37                             <div class="avatar-wrapper">
  38                                 <img ng-src="{{settings.remote}}/api/chat/websites/{{settings.id}}/logo?token={{settings.token}}" class="avatar" alt="logo" />
  39                             </div>
  40
  41                             <span class="title" flex md-truncate>{{settings.online ? settings.header_online : settings.header_offline}}</span>
  42
  43                             <md-progress-circular ng-if="loading" class="md-hue-2" md-diameter="20px"></md-progress-circular>
  44
  45                             <i class="mdi mdi-16px mdi-download header-button" 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"></i>
  46                             <i class="mdi mdi-16px mdi-close header-button" ng-if="layout.up && visitor.interaction" ng-click="vm.close(); $event.stopPropagation();"></i>
  47                             <i class="mdi mdi-16px header-button" ng-class="layout.up ? 'mdi-chevron-down' : 'mdi-chevron-up'" style="color: white; cursor: pointer; outline: none;"></i>
  48
  49                         </div>
  50                     </md-toolbar>
  51                     <!-- / CHAT TOOLBAR -->
  52
  53                     <ui-view></ui-view>
  54
  55                 </div>
  56                 <!-- / CHAT -->
  57
  58             </div>
  59             <!-- / CONTENT CARD -->
  60
  61         </div>
  62         <!-- / CENTER -->
  63
  64     </div>
  65     <!-- / CHAT APP -->
  66
  67     <script src="scripts/vendor.js?version=1.0.1"></script>
  68
  69     <script src="scripts/app.js?version=1.0.1"></script>
  70
  71 </body>
  72
  73 </html>