qs_ext_superPivot/sp_template.html at master · c-daniele/qs_ext_superPivot · GitHub

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
<div style="height: 100%; position: relative; overflow: auto;" class="{{ settings.superPivotContainerClass }}">
	<table class="spMainTable">
		<thead>
		<tr>

			<th class="spTopLeftCorner"
				colspan="{{ vHeaderDimensions.length }}"
				rowspan="{{ hHeaderDimensions.length }}"
				width="{{ settings.leftColumnSize }}%">

				<span ng-repeat="rowHeader in vHeaderDimensions track by $index" ng-init="spanIndex = $index" class="spCellContainer">
					<span ng-if="spanIndex > 0"> /</span>
					{{ rowHeader.qFallbackTitle }}
				</span>

			</th>

			<th ng-repeat="dimVal in horizontalHeaders[0] track by $index"
				class="{{ ((dimVal.type == 'measure') ? 'spMeasureColumnHeader' : 'spDimensionColumnHeader') + (($index == horizontalHeaders[0].length-1) ? 'Right' : '' ) }}"
				colspan="{{ dimVal.span }}">
				<span class="spCellContainer">
					<span class="spCellContent">{{ dimVal.qText }}</span>
				</span>
			</th>

		</tr>
		<tr ng-repeat="dimension in horizontalHeaders track by $index" ng-init="parentIndex = $index" ng-if="$index > 0">

			<th ng-repeat="dimVal in horizontalHeaders[parentIndex] track by $index" ng-init="childIndex = $index"
				class="{{ ((dimVal.type == 'measure') ? 'spMeasureColumnHeader' : 'spDimensionColumnHeader') + (($index == horizontalHeaders[parentIndex].length-1) ? 'Right' : '' ) }}"
				colspan="{{ dimVal.span }}">
				<span class="spCellContainer">
					<span class="spCellContent">{{ dimVal.qText }}</span>
				</span>
			</th>
		</tr>
		</thead>
		<tbody class="spTbody">

			<tr ng-repeat="row in tableBody track by $index" ng-init="bodyRowIndex = $index"
				class="{{ (bodyRowIndex%2 == 0) ? 'spTableRowEven' : 'spTableRowOdd' }}">

				<td cellspacing="0" ng-repeat="head in verticalHeaders[bodyRowIndex] track by $index"
					class="{{ ((head.type == 'measure') ? 'spMeasureRowHeader' : 'spDimensionRowHeader') + (($index == verticalHeaders[bodyRowIndex].length-1) ? 'Right' : '' ) }}"
					rowspan="{{ head.span }}">
					<span class="spCellContainer">
						<span class="spCellContent">{{ head.qText }}</span>
					</span>
				</td>

				<td cellspacing="0" ng-repeat="cellIndex in range(0, tableBodyCols-1) track by $index"
					class="spCellBody{{ ((bodyRowIndex == tableBody.length-1) ? 'Last' : '') + (($index == tableBodyCols-1) ? 'Right' : '') }}"
					width="auto">
					<span class="spCellContainer">
						<img src="/Extensions/superPivot/smiley_green.png" ng-if="row.columns[cellIndex].qText == ':)'" width="20" height="20" />
						<img src="/Extensions/superPivot/smiley_yellow.png" ng-if="row.columns[cellIndex].qText == ':|'" width="20" height="20" />
						<img src="/Extensions/superPivot/smiley_red.png" ng-if="row.columns[cellIndex].qText == ':('" width="20" height="20" />
						<span class="spCellContent" ng-if="row.columns[cellIndex].qText != ':)' && row.columns[cellIndex].qText != ':|' && row.columns[cellIndex].qText != ':('">{{ (row.columns[cellIndex] == undefined) ? '-' : row.columns[cellIndex].qText }}</span>
					</span>
				</td>

			</tr>
		</tbody>
		<tfoot>

			<tr class="spFooterSpacer">
				<td colspan="{{vHeaderDimensions.length + columnTotals.length }}"></td>
			</tr>

			<tr ng-if="settings.showColumnTotals">

				<td class="spColumnTotalsHeader" colspan="{{ vHeaderDimensions.length }}">
					<span class="spCellContainer">
						<span class="spCellContent">TOT</span>
					</span>
				</td>

				<td class="spColumnTotals"
					ng-repeat="tot in columnTotals track by $index">
					<span class="spCellContainer">
						<span class="spCellContent">{{ tot.qText }}</span>
					</span>
				</td>

			</tr>

		</tfoot>
	</table>
	<button ng-if="table.rowCount>table.rows.length" qva-activate="table.getMoreData()" class="lui-button more">More...</button>
</div>