public/app/main/apps/motiondialer/views/realtime/ivr_campaigns/view.html

   1 <!-- MAIN -->
   2 <md-toolbar class="md-table-toolbar md-default">
   3     <div class="md-toolbar-tools">
   4         <span class="md-subhead" translate="MOTIONDIALER.IVR_CAMPAIGNS">Ivr Campaigns</span>
   5         <div flex></div>
   6         <ms-search-bar on-search="vm.query.filter = query;" on-collapse="vm.query.filter = undefined;" debounce="300"></ms-search-bar>
   7     </div>
   8 </md-toolbar>
   9
  10 <!-- QUEUE TABLE -->
  11 <md-table-container>
  12     <table md-table multiple md-progress="vm.promise">
  13         <thead md-head md-order="vm.query.sort" md-on-reorder="vm.getCampaigns">
  14             <tr md-row>
  15                 <th md-column>{{'MOTIONDIALER.NAME' | translate}}</th>
  16                 <th md-column>{{'MOTIONDIALER.TOTAL' | translate}}</th>
  17                 <th md-column>{{'MOTIONDIALER.TOTAL_MANAGED' | translate}}</th>
  18                 <th md-column>{{'MOTIONDIALER.LIMITED' | translate}}</th>
  19                 <th md-column>{{'MOTIONDIALER.ORIGINATED' | translate}}</th>
  20                 <th md-column>{{'MOTIONDIALER.MESSAGE' | translate}}</th>
  21                 <th md-column>{{'MOTIONDIALER.CALLYSQUAREPROJECT' | translate}}</th>
  22                 <th md-column>{{ 'MOTIONDIALER.TRUNK' | translate }}</th>
  23                 <th md-column>{{ 'MOTIONDIALER.ACTIVE' | translate }}</th>
  24             </tr>
  25         </thead>
  26         <tbody md-body>
  27             <tr md-row ng-hide="vm.campaigns">
  28                 <td md-cell colspan="8">
  29                     <div layout="row" layout-align="center center">
  30                         <span tranlsate="MOTIONDIALER.NO_AVAILABLE_INFO">No Available Info</span>
  31                     </div>
  32                 </td>
  33             </tr>
  34             <tr md-row ng-repeat="(id, campaign) in vm.campaigns">
  35                 <td md-cell>
  36                     <span>{{campaign.name}}</span>
  37                 </td>
  38                 <td md-cell>
  39                     <span class="font-size-20 grey-fg">{{campaign.ivrTotalCallsDays || 0}}</span>
  40                 </td>
  41                 <td md-cell>
  42                     <span class="font-size-20 grey-fg">{{campaign.ivrAnswerCallsDay || 0}} ({{(campaign.ivrTotalCallsDays) ? (campaign.ivrAnswerCallsDay || 0) * 100/(campaign.ivrTotalCallsDays ) : 0 | number:1}}%)</span>
  43                 </td>
  44                 <td md-cell>
  45                     <span class="font-size-20 grey-fg">{{campaign.limitCalls || 0}}</span>
  46                 </td>
  47                 <td md-cell>
  48                     <span class="font-size-20 grey-fg">{{campaign.originated || 0}}</span>
  49                 </td>
  50                 <td md-cell>
  51                     <span class="font-size-20 grey-fg">{{campaign.message ? ('MOTIONDIALER.'+campaign.message | translate) : '--'}}</span>
  52                 </td>
  53                 <td md-cell>
  54                     <span class="font-size-20 grey-fg">{{campaign.dialQueueProject || '--'}}</span>
  55                 </td>
  56                 <td md-cell>
  57                     <span class="font-size-16 grey-fg">{{campaign.Trunk ? campaign.Trunk.name : '--'}}</span>
  58                 </td>
  59                 <td md-cell>
  60                     <md-icon md-colors="{color: {{campaign.active ? '\'green\'' : '\'red\''}}}" md-font-icon="{{campaign.active ? 'icon-check' : 'icon-close'}}"></md-icon>
  61                 </td>
  62                 <td md-cell class="actions">
  63                     <md-menu>
  64                         <md-button class="md-icon-button" aria-label="More" translate translate-attr-aria-label="MOTIONDIALER.MORE">
  65                             <md-icon md-font-icon="icon-dots-vertical" ng-click="$mdOpenMenu($event)"></md-icon>
  66                         </md-button>
  67
  68                         <md-menu-content width="3">
  69                             <md-menu-item>
  70                                 <md-button ng-click="vm.createOrEditIvrCampaign($event, campaign)" translate="MOTIONDIALER.EDIT_CAMPAIGN">
  71                                     Edit Campaign
  72                                 </md-button>
  73                             </md-menu-item>
  74                         </md-menu-content>
  75                     </md-menu>
  76                 </td>
  77             </tr>
  78         </tbody>
  79     </table>
  80 </md-table-container>
  81
  82 <md-table-pagination md-limit="vm.query.limit" md-limit-options="[10, 15, 20]" md-page="vm.query.page" md-total="{{vm.count}}" md-on-paginate="vm.getCampaigns" md-page-select></md-table-pagination>
  83 <!-- / QUEUE TABLE -->
  84 <!-- / MAIN -->