summaryrefslogtreecommitdiffstats
path: root/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/report-run.html
blob: aaa1cac0e0b25166c4fc562121c5a01b2a5f552b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<style>
table tbody td {
    border: none;
}

table tbody tr {
    border: none;
}

table tbody{
    border: none;
}

table {
    border: none;
}

.grid {
  width: 100%;
  height: 400;
}
.no-rows {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.no-rows .msg {
  opacity: 1;
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  height: 50%;
  line-height: 200%;
  background-color: #eee;
  border-radius: 4px;
  border: 1px solid #555;
  text-align: center;
  font-size: 24px;
  display: table;
}

.no-rows .msg span {
  display: table-cell;
  vertical-align: middle;
}
.grid .ui-grid-header-cell {
  text-align:center;
}
body {
	font-size:13px;
}
</style>

<div id="page-content">	
	<div style="width:100%; overflow:hidden;">
		<div style="float:left;"><h1 class="heading-page">{{reportData.reportHeading}}</h1></div>
		<div style="float:left; margin-left: 10px; margin-right: 10px;">
			<a style="font-size:180%;" ng-href="report#/report_wizard/{{reportData.reportID}}" class="icon-misc-pen" ng-show="reportData.allowEdit"></a>
		</div>
		<div style="float:left; margin-left: 5px; margin-right: 10px;">
			<a style="font-size:180%;" ng-href="report#/report_chart/{{reportData.reportID}}" class="icon-misc-piechart" ng-show="reportData.allowEdit"></a>
		</div>

	    <div ng-show ="reportData.allowEdit && showFormFields" style="margin-top:5px;">
	        <label for="checkbox1" class="checkbox">
	            <input id="checkbox1" type="checkbox" ng-model="showFormFieldId.value" /><i class="skin"></i><span>show IDs</span>
	        </label>
	    </div>
	</div>
	<h3 class="heading3">{{reportData.reportSubTitle}} </h3>
	  
	  <div ng-show="isInProgress" style="font-size:50px;color:#2ca02c">Loading...</div>
	  
	  <form ng-show="showFormFields" class="row section-row" style="margin: 10px">
	    <form-builder ng-form-fields="reportData.formFieldList" ng-show-field-id="showFormFieldId.value" ng-num-form-cols="reportData.numFormCols" ng-model="formFieldSelectedValues" ng-trigger-method="triggerOtherFormFields"></form-builder>
	    <br><br>
	    <button type="submit" style="width: 90px; height:35px;margin-top:20px; margin-left:5px;" class="btn btn-alt btn-small" ng-click="runReport()">Run</button>
	  </form>
	   <button type="submit" ng-show="showBackButton" style="width: 90px; height:35px;margin-top:20px; margin-left:5px;" class="btn btn-alt btn-small" ng-click="backToParentReport()">Back</button>
	  <iframe id="chartiframe" ng-show="showChart" width="100%" height="550px" style="border: none" scrolling="no"></iframe>
	  <div id="errorDiv"></div>
 	  <div  ng-if="showGrid">
	  	<div id="grid1" ui-grid="gridOptions" ui-grid-pagination ui-grid-pinning ui-grid-resize-columns class="grid" style="height: {{gridHeight}}">
	  	<div class="no-rows" ng-show="!gridOptions.data.length">
      		<div class="msg">
        		<span>{{reportData.message}}</span>
      		</div>
	    </div>
	 </div>  
	  </div> 
	  <!-- <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> -->
</div>