snippets/chat_v3.0.0-alpha/index.html

   1 <!doctype html><html ng-app="motion" style="background-color: transparent"><head><meta charset="utf-8"/><title>xCally Motion Chat</title><script>document.write("<base href='" + window.location.pathname + "' />")</script><link href="/styles/465.css" rel="stylesheet"><link href="/styles/vendors-styles.css" rel="stylesheet"><link href="/styles/app.css" rel="stylesheet"><link href="/styles/mobile.css" rel="stylesheet"></head><body ng-controller="IndexController as vm" style="background-color: transparent; overflow: hidden" ng-cloak><div id="id-row" layout="row" layout-align="center end"><div id="chat-app" layout="column" ng-if="settings.online || !settings.hideWhenOffline"><md-content class="chat-content"><ui-view></ui-view></md-content><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)"><div class="md-toolbar-tools"><div class="avatar-wrapper"><img ng-src="{{ settings.remote }}/api/chat/websites/{{
   2                   settings.id
   3                 }}/logo?token={{ settings.token }}" class="avatar logo" alt="logo"/></div><span class="title" flex style="margin-left: 4px" ng-style="{'font-size': '{{settings.fontSize}}px', 'color': '{{settings.textColor}}'}" md-truncate>{{ settings.defaultTitle ? settings.defaultTitle : status === 'online' ? settings.header_online : settings.header_offline }}</span><md-progress-circular ng-if="loading" md-diameter="16px"></md-progress-circular><md-button ng-print class="md-icon-button header-button" aria-label="Print" ng-if="
   4                 layout.up &&
   5                 visitor.interaction.id &&
   6                 status != 'waiting' &&
   7                 status != 'online' &&
   8                 status != 'offline' &&
   9                 status != 'unmanaged'
  10               " ng-click="$event.stopPropagation();"><i class="mdi mdi-printer mdi-light"></i></md-button><div ng-if="
  11                 layout.up &&
  12                 visitor.interaction.id &&
  13                 settings.download_transcript &&
  14                 status != 'waiting' &&
  15                 status != 'online' &&
  16                 status != 'offline' &&
  17                 status != 'unmanaged'
  18               " ng-click="$event.stopPropagation();" ng-csv="vm.download();" csv-header="['Sender', 'Message', 'Sent At']" filename="transcript.csv"><i class="mdi mdi-download mdi-light"></i></div><md-button class="md-icon-button header-button" aria-label="Close" ng-if="
  19                 layout.up &&
  20                 visitor.interaction.id &&
  21                 status != 'waiting' &&
  22                 status != 'online' &&
  23                 status != 'offline' &&
  24                 status != 'unmanaged'
  25               " ng-click="vm.close(); $event.stopPropagation();"><i class="mdi mdi-close mdi-light" ng-click="vm.close(); $event.stopPropagation();"></i></md-button><div ng-if="settings.alignment == 'bottom_right'" aria-label="Reduce"><i class="mdi mdi-light mdi-light" ng-class="layout.up ? 'mdi-chevron-down' : 'mdi-chevron-up'"></i></div></div></md-toolbar></div></div><script src="scripts/jquery.min.js"></script><script src="scripts/angular.min.js"></script><script>window['buildInfo'] = {"name":"motion-chat","version":"3.0.0-alpha","shortHash":"4421936","branch":"develop","tag":"","committedOn":"2020-11-11T11:11:34.000Z","buildDate":"2020-11-11T11:14:41.355Z"};</script><script src="/scripts/runtime.js"></script><script src="/scripts/vendors-styles.js"></script><script src="/scripts/app.js"></script><script src="/scripts/mobile.js"></script><script src="/scripts/464.js"></script><script src="/scripts/chat.js"></script></body></html>