summaryrefslogtreecommitdiffstats
path: root/ecomp-sdk/epsdk-app-overlay/src/main/webapp/app/fusion/scripts/DS2-view-models/ds2-reports/report-run.html
blob: 7b2c23e19f8ee4ce965653ea0f25200612b38d8a (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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<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>
	<div ng-show="showLoader" class="span loader-container">
		<i class="icon-primary-spinner" role="img"
			aria-label="Please wait while we load your content"></i>
	</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>