public/src/js/modules/main/apps/analytics/views/reports/run/web/dialog.html/dialog.html

   1 <md-dialog class="web-dialog" aria-label="Show Report">
   2   <form name="reportForm" class="md-inline-form" novalidate>
   3     <md-toolbar class="md-accent md-hue-2">
   4       <div
   5         class="md-toolbar-tools"
   6         layout="row"
   7         layout-align="space-between center"
   8       >
   9         <span class="title" translate="ANALYTICS.PREVIEW_REPORT"
  10           >Web Report</span
  11         >
  12         <md-button class="md-icon-button" ng-click="vm.closeDialog()">
  13           <md-icon
  14             md-font-icon="icon-close"
  15             aria-label="Close dialog"
  16           ></md-icon>
  17         </md-button>
  18       </div>
  19     </md-toolbar>
  20
  21     <md-dialog-content>
  22       <div class="error-list">
  23         <div
  24           ng-repeat="error in vm.errors"
  25           class="error"
  26           layout="row"
  27           layout-align="space-between center"
  28         >
  29           <div>
  30             <span class="message">{{error.message}}</span>
  31             <span class="type">({{error.type}})</span>
  32           </div>
  33           <md-button class="md-icon-button">
  34             <md-icon
  35               md-font-icon="icon-alert-box"
  36               aria-label="alert error"
  37               class="s16"
  38             ></md-icon>
  39           </md-button>
  40         </div>
  41       </div>
  42       <div class="md-block">
  43         <div class="pb-16" layout="row" layout-align="start center">
  44           <div ng-if="vm.error" class="h2 secondary-text" translate="APP.ERROR">
  45             ERROR
  46           </div>
  47         </div>
  48         <dl ng-if="vm.error">
  49           <dt class="text-bold" translate="ANALYTICS.QUERY_ERROR">
  50             Query Error
  51           </dt>
  52           <dd>{{vm.error.sql}}</dd>
  53           <dt translate="APP.MESSAGE">Message</dt>
  54           <dd>{{vm.error.msg}}</dd>
  55         </dl>
  56         <md-table-container ng-if="!vm.error">
  57           <table md-table md-progress="vm.promise">
  58             <thead md-head>
  59               <tr md-row>
  60                 <th md-column ng-repeat="column in vm.columns">
  61                   {{column.alias || column.field}}
  62                 </th>
  63               </tr>
  64             </thead>
  65             <tbody md-body>
  66               <tr md-row ng-repeat="row in vm.results.rows">
  67                 <td md-cell ng-repeat="(key, value) in row">
  68                   {{ vm.valueReplacer(key, value) }}
  69                 </td>
  70               </tr>
  71               <tr md-row ng-if="!vm.results.rows.length">
  72                 <td md-cell colspan="{{vm.columns.length}}">
  73                   <div layout="row" layout-align="center center">
  74                     <span translate="ANALYTICS.NO_DATA">NO DATA</span>
  75                   </div>
  76                 </td>
  77               </tr>
  78             </tbody>
  79           </table>
  80         </md-table-container>
  81
  82         <md-table-pagination
  83           md-label="{page: '{{'APP.PAGE' | translate}}:', rowsPerPage: '{{'APP.ROWSPERPAGE' | translate}}:', of: '{{'APP.OF' | translate}}'}"
  84           md-limit="vm.query.limit"
  85           md-limit-options="[10, 15, 20, 50, 100, 250]"
  86           md-page="vm.query.page"
  87           md-total="{{vm.results.count}}"
  88           md-on-paginate="vm.getResults"
  89           md-page-select
  90         ></md-table-pagination>
  91       </div>
  92       <div class="error-list">
  93         <div
  94           ng-repeat="error in vm.errors"
  95           class="error"
  96           layout="row"
  97           layout-align="space-between center"
  98         >
  99           <div>
 100             <span class="message">{{error.message}}</span>
 101             <span class="type">({{error.type}})</span>
 102           </div>
 103           <md-button class="md-icon-button">
 104             <md-icon
 105               md-font-icon="icon-alert-box"
 106               aria-label="alert error"
 107               class="s16"
 108             ></md-icon>
 109           </md-button>
 110         </div>
 111       </div>
 112     </md-dialog-content>
 113
 114     <md-dialog-actions layout="row" layout-align="space-between center">
 115       <div flex></div>
 116       <md-button
 117         type="submit"
 118         ng-click="vm.closeDialog()"
 119         class="md-raised"
 120         aria-label="CLOSE"
 121         translate="APP.CLOSE"
 122         translate-attr-aria-label="APP.CLOSE"
 123       >
 124         CLOSE
 125       </md-button>
 126     </md-dialog-actions>
 127   </form>
 128 </md-dialog>