public/app/main/apps/dashboards/views/general/agent/interaction/agent.general.interaction.html

   1 <!-- CONTENT CARD -->
   2 <md-content class="content-card" layout="row" layout-fill>
   3   <div
   4     ng-if="!vm.showInteraction"
   5     class="start-point"
   6     flex
   7     layout="column"
   8     layout-align="center center"
   9     ng-include="'app/main/apps/dashboards/views/general/agent/interaction/views/agent.general.loading.html'"
  10   ></div>
  11
  12   <div ng-if="vm.showInteraction" flex layout="row">
  13     <md-card flex="75" class="interaction">
  14       <md-content
  15         class="interaction-agents"
  16         layout="row"
  17         layout-align="start center"
  18         ng-if="!vm.interaction.closed && vm.interaction.Users.length"
  19       >
  20         <strong layout-margin translate="DASHBOARDS.CURRENTLY_IN_USE_BY"
  21           >Currently in use by
  22         </strong>
  23
  24         <div ng-repeat="u in vm.interaction.Users">
  25           <img class="avatar-small" ng-src="api/users/{{u.id}}/avatar" />
  26           <md-tooltip>
  27             {{ (u.id == vm.user.id) ? 'DASHBOARDS.ME' : vm.usersMap[u.id] |
  28             translate }}
  29           </md-tooltip>
  30         </div>
  31       </md-content>
  32
  33       <!-- TOOLBAR -->
  34       <md-toolbar
  35         class="interaction-toolbar"
  36         ng-include="'app/main/apps/dashboards/views/general/agent/interaction/views/agent.general.toolbar.html'"
  37       ></md-toolbar>
  38       <!-- / TOOLBAR -->
  39
  40       <!-- CONTENT -->
  41       <md-content
  42         id="interaction-content"
  43         name="{{'interaction-content-' + vm.tab.id}}"
  44         flex
  45         ms-scroll
  46         layout-wrap
  47       >
  48         <div class="interaction-messages" ng-switch="vm.tab.channel">
  49           <div ng-switch-when="mail">
  50             <div
  51               ng-include="'app/main/apps/dashboards/views/general/agent/interaction/views/agent.general.interaction.mail.html'"
  52             ></div>
  53           </div>
  54           <div ng-switch-default>
  55             <div
  56               ng-include="'app/main/apps/dashboards/views/general/agent/interaction/views/agent.general.interaction.html'"
  57             ></div>
  58           </div>
  59         </div>
  60       </md-content>
  61       <!-- / CONTENT -->
  62
  63       <!-- FOOTER -->
  64       <div
  65         ng-if="!vm.interaction.closed && ( vm.tab.channel == 'chat' || (vm.tab.channel == 'openchannel' && vm.account.replyUri) || (vm.tab.channel == 'sms' && !vm.tab.spy) || (vm.tab.channel == 'whatsapp' && !vm.tab.spy) )"
  66         class="interaction-footer flex-noshrink"
  67         layout="row"
  68         ng-include="'app/main/apps/dashboards/views/general/agent/interaction/views/agent.general.footer.html'"
  69       ></div>
  70       <!-- / FOOTER-->
  71     </md-card>
  72
  73     <md-card
  74       layout="column"
  75       flex
  76       class="info"
  77       ng-include="'app/main/apps/dashboards/views/general/agent/interaction/views/agent.general.info.html'"
  78     ></md-card>
  79   </div>
  80 </md-content>
  81 <!-- / CONTENT CARD -->