public/src/js/modules/main/apps/motiondialer/views/realtime/ivr_campaigns/view.html/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"
   5       >Ivr Campaigns</span
   6     >
   7     <div flex></div>
   8     <ms-search-bar
   9       on-search="vm.query.filter = query;"
  10       on-collapse="vm.query.filter = undefined;"
  11       debounce="300"
  12     >
  13     </ms-search-bar>
  14   </div>
  15 </md-toolbar>
  16
  17 <!-- QUEUE TABLE -->
  18 <md-table-container>
  19   <table md-table multiple md-progress="vm.promise">
  20     <thead md-head md-order="vm.query.sort" md-on-reorder="vm.getCampaigns">
  21       <tr md-row>
  22         <th md-column>{{'MOTIONDIALER.NAME' | translate}}</th>
  23         <th md-column>{{'MOTIONDIALER.TOTAL' | translate}}</th>
  24         <th md-column>{{'MOTIONDIALER.TOTAL_MANAGED' | translate}}</th>
  25         <th md-column>{{'MOTIONDIALER.LIMITED' | translate}}</th>
  26         <th md-column>{{'MOTIONDIALER.ORIGINATED' | translate}}</th>
  27         <th md-column>{{'MOTIONDIALER.MESSAGE' | translate}}</th>
  28         <th md-column>{{'MOTIONDIALER.CALLYSQUAREPROJECT' | translate}}</th>
  29         <th md-column>{{ 'APP.TRUNK' | translate }}</th>
  30         <th md-column>{{ 'APP.ACTIVE' | translate }}</th>
  31       </tr>
  32     </thead>
  33     <tbody md-body>
  34       <tr md-row ng-hide="vm.campaigns">
  35         <td md-cell colspan="8">
  36           <div layout="row" layout-align="center center">
  37             <span translate="APP.NO_AVAILABLE_INFO">No Available Info</span>
  38           </div>
  39         </td>
  40       </tr>
  41       <tr md-row ng-repeat="(id, campaign) in vm.campaigns">
  42         <td md-cell>
  43           <span>{{campaign.name}}</span>
  44         </td>
  45         <td md-cell>
  46           <span class="font-size-20 grey-fg"
  47             >{{campaign.ivrTotalCallsDays || 0}}</span
  48           >
  49         </td>
  50         <td md-cell>
  51           <span class="font-size-20 grey-fg"
  52             >{{campaign.ivrAnswerCallsDay || 0}} ({{(campaign.ivrTotalCallsDays)
  53             ? (campaign.ivrAnswerCallsDay || 0) *
  54             100/(campaign.ivrTotalCallsDays ) : 0 | number:1}}%)</span
  55           >
  56         </td>
  57         <td md-cell>
  58           <span class="font-size-20 grey-fg">{{campaign.limitCalls || 0}}</span>
  59         </td>
  60         <td md-cell>
  61           <span class="font-size-20 grey-fg">{{campaign.originated || 0}}</span>
  62         </td>
  63         <td md-cell>
  64           <span class="font-size-20 grey-fg"
  65             >{{campaign.message ? ('MOTIONDIALER.'+campaign.message | translate)
  66             : '--'}}</span
  67           >
  68         </td>
  69         <td md-cell>
  70           <span class="font-size-20 grey-fg"
  71             >{{campaign.dialQueueProject || '--'}}</span
  72           >
  73         </td>
  74         <td md-cell>
  75           <span class="font-size-16 grey-fg"
  76             >{{campaign.Trunk ? campaign.Trunk.name : '--'}}</span
  77           >
  78         </td>
  79         <td md-cell>
  80           <md-icon
  81             md-colors="{color: {{campaign.active ? '\'green\'' : '\'red\''}}}"
  82             md-font-icon="{{campaign.active ? 'icon-check' : 'icon-close'}}"
  83           ></md-icon>
  84         </td>
  85         <td md-cell class="actions" ng-if="vm.crudPermissions.canEdit">
  86           <md-menu>
  87             <md-button
  88               class="md-icon-button"
  89               aria-label="More"
  90               translate
  91               translate-attr-aria-label="APP.MORE"
  92               ng-click="$mdMenu.open($event)"
  93             >
  94               <md-icon md-font-icon="icon-dots-vertical"></md-icon>
  95             </md-button>
  96             <md-menu-content width="3">
  97               <md-menu-item>
  98                 <md-button
  99                   ng-click="vm.createOrEditIvrCampaign($event, campaign)"
 100                   translate="MOTIONDIALER.EDIT_CAMPAIGN"
 101                 >
 102                   Edit Campaign
 103                 </md-button>
 104               </md-menu-item>
 105             </md-menu-content>
 106           </md-menu>
 107         </td>
 108       </tr>
 109     </tbody>
 110   </table>
 111 </md-table-container>
 112
 113 <md-table-pagination
 114   md-label="{page: '{{'MOTIONDIALER.PAGE' | translate}}:', rowsPerPage: '{{'MOTIONDIALER.ROWSPERPAGE' | translate}}:', of: '{{'MOTIONDIALER.OF' | translate}}'}"
 115   md-limit="vm.query.limit"
 116   md-limit-options="[10, 15, 20, 50, 100, 250]"
 117   md-page="vm.query.page"
 118   md-total="{{vm.count}}"
 119   md-on-paginate="vm.getCampaigns"
 120   md-page-select
 121 ></md-table-pagination>
 122 <!-- / QUEUE TABLE -->
 123 <!-- / MAIN -->