public/app/main/apps/analytics/views/reports/preview/dialog.html

   1 <md-dialog aria-label="Run Report">
   2     <form name="reportForm" class="md-inline-form" novalidate>
   3         <md-toolbar class="md-accent md-hue-2">
   4             <div class="md-toolbar-tools" layout="row" layout-align="space-between center">
   5                 <span class="title" translate="ANALYTICS.PREVIEW_REPORT">Preview Report</span>
   6                 <md-button class="md-icon-button" ng-click="vm.closeDialog()">
   7                     <md-icon md-font-icon="icon-close" aria-label="Close dialog"></md-icon>
   8                 </md-button>
   9             </div>
  10         </md-toolbar>
  11
  12         <md-dialog-content ms-scroll>
  13             <div class="error-list">
  14                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  15                     <div>
  16                         <span class="message">{{error.message}}</span>
  17                         <span class="type">({{error.type}})</span>
  18                     </div>
  19                     <md-button class="md-icon-button">
  20                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  21                     </md-button>
  22                 </div>
  23             </div>
  24             <div class="md-block">
  25                 <div class="pb-16" layout="row" layout-align="start center">
  26                     <div ng-if="vm.error" class="h2 secondary-text" translate="ANALYTICS.ERROR">ERROR</div>
  27                     <div ng-if="!vm.error" class="h2 secondary-text" translate="ANALYTICS.LIMITED_RESULT">LIMITED RESULT</div>
  28                 </div>
  29                 <dl ng-if="vm.error">
  30                     <dt class="text-bold" translate="ANALYTICS.QUERY_ERROR">Query Error</dt>
  31                     <dd>{{vm.error.sql}}</dd>
  32                     <dt translate="ANALYTICS.MESSAGE">Message</dt>
  33                     <dd>{{vm.error.msg}}</dd>
  34                 </dl>
  35                 <md-table-container ng-if="!vm.error">
  36                     <table md-table>
  37                         <thead md-head>
  38                             <tr md-row>
  39                                 <th md-column ng-repeat="column in vm.columns">{{column.alias || column.field}}</th>
  40                             </tr>
  41                         </thead>
  42                         <tbody md-body>
  43                             <tr md-row ng-repeat="row in vm.rows">
  44                                 <td md-cell ng-repeat="(key, value) in row">{{value}}</td>
  45                             </tr>
  46                             <tr md-row ng-if="!vm.rows.length">
  47                                 <td md-cell colspan="{{vm.columns.length}}"><span translate="ANALYTICS.NO_DATA">NO DATA</span></td>
  48                             </tr>
  49                         </tbody>
  50                     </table>
  51                 </md-table-container>
  52             </div>
  53             <div class="error-list">
  54                 <div ng-repeat="error in vm.errors" class="error" layout="row" layout-align="space-between center">
  55                     <div>
  56                         <span class="message">{{error.message}}</span>
  57                         <span class="type">({{error.type}})</span>
  58                     </div>
  59                     <md-button class="md-icon-button">
  60                         <md-icon md-font-icon="icon-alert-box" aria-label="alert error" class="s16"></md-icon>
  61                     </md-button>
  62                 </div>
  63             </div>
  64         </md-dialog-content>
  65
  66         <md-dialog-actions layout="row" layout-align="space-between center">
  67             <div flex></div>
  68             <md-button type="submit" ng-click="vm.closeDialog()" class="md-raised" aria-label="CLOSE" translate="ANALYTICS.CLOSE" translate-attr-aria-label="ANALYTICS.CLOSE">
  69                 CLOSE
  70             </md-button>
  71         </md-dialog-actions>
  72     </form>
  73 </md-dialog>