Initial OpenECOMP policy/engine commit
[policy/engine.git] / ecomp-sdk-app / src / main / webapp / static / fusion / raptor / ebz / report_run.html
1 <style>
2 .grid {
3   width: 100%;
4   height: 400;
5 }
6 .no-rows {
7   position: absolute;
8   top: 0;
9   bottom: 0;
10   width: 100%;
11   background: rgba(0, 0, 0, 0.4);
12 }
13
14 .no-rows .msg {
15   opacity: 1;
16   position: absolute;
17   top: 20%;
18   left: 20%;
19   width: 60%;
20   height: 50%;
21   line-height: 200%;
22   background-color: #eee;
23   border-radius: 4px;
24   border: 1px solid #555;
25   text-align: center;
26   font-size: 24px;
27   display: table;
28 }
29
30 .no-rows .msg span {
31   display: table-cell;
32   vertical-align: middle;
33 }
34 .grid .ui-grid-header-cell {
35   text-align:center;
36 }
37 </style>
38 <!-- Icons -->
39 <link rel="stylesheet" type="text/css" href="app/fusion/external/ionicons-2.0.1/css/ionicons.css" />
40 <div>
41         <h1 class="heading2">{{reportData.reportName}}  <a ng-href="{{reportEditURL}}" ng-show="reportData.allowEdit" class="ion-edit" style="font-size:20px;"></a>
42         
43         &nbsp;&nbsp;&nbsp;<a ng-href="{{reportChartURL}}" ng-show="reportData.allowEdit && reportData.chartWizardAvailable" class="ion-stats-bars" style="font-size:20px;"></a>
44         &nbsp;&nbsp;&nbsp;<span  ng-show="reportData.allowEdit && showFormFields" ><input type="checkbox" ng-model="showFormFieldIds" ng-true-value="Hide_IDs" ng-false-value="Show_IDs" att-toggle-main></span>
45         
46         <!-- &nbsp;&nbsp;&nbsp;<a ng-href="{{reportChartURLNew}}" ng-show="reportData.allowEdit" class="icon-bar-chart-horizontal" style="font-size:20px;"></a> -->
47         </h1>
48           <div ng-show="isInProgress" style="font-size:50px;color:#2ca02c">Loading...</div>
49           
50           <form ng-show="showFormFields" class="row section-row" style="margin: 10px">
51             <form-builder ng-form-fields="reportData.formFieldList" ng-show-field-id="showFormFieldIds" ng-num-form-cols="reportData.numFormCols" ng-model="formFieldSelectedValues" ng-trigger-method="triggerOtherFormFields"></form-builder>
52             <br><br>
53             <button type="submit" ng-click="runReport()" att-button btn-type="primary" size="small" title='run'>Run</button>
54           </form>
55           <a type="submit" ng-show="showBackButton"  style="margin: 10px" ng-href="report.htm#/report_run/{{parentReportUrlParams}}" att-button btn-type="primary" size="small" title='Back'>Back</a>
56           <iframe id="chartiframe" ng-show="showChart" width="100%" height="450px" style="border: none" scrolling="no"></iframe>
57           <div id="errorDiv"></div>
58           <div  ng-if="showGrid">
59                 <div id="grid1" ui-grid="gridOptions" ui-grid-pagination ui-grid-pinning ui-grid-resize-columns class="grid" style="height: {{gridHeight}}">
60                 <div class="no-rows" ng-show="!gridOptions.data.length">
61                 <div class="msg">
62                         <span>{{reportData.message}}</span>
63                 </div>
64             </div>
65          </div>
66           </div>
67 </div>