1<#include d3_macros />
2
3<#assign total_cols=0>
4<#list header_section.title_cell.getSiblings() as title_cell>
5 <#if title_cell.cell_colspan?? && title_cell.cell_colspan.getData()?has_content>
6 <#assign total_cols = total_cols + title_cell.cell_colspan.getData()>
7 <#else>
8 <#assign total_cols = total_cols + 1>
9 </#if>
10</#list>
11
12<#if header_section.title_cell?? && header_section.title_cell.getData()?has_content>
13 <div class="d3-table" <@addAnchorLink/>>
14 <div class="container">
15 <@showIntroductionContent />
16 <div class="table-content d3-col-xs-6">
17 <#if section_title?? && section_title.getData()?has_content>
18 <h3>${section_title.getData()}</h3>
19 </#if>
20 <#if table_title?? && table_title.getData()?has_content>
21 <h4>${table_title.getData()}</h4>
22 </#if>
23 <div>
24 <div class="d3-md-hide">
25 <#if header_section.title_cell.getSiblings()?has_content>
26 <div class="table-header">
27 ${header_section.title_cell.getData()}
28 </div>
29 <@liferay_ui["panel-container"]
30 accordion=true
31 extended=false>
32 <#list table_row.getSiblings() as cur_table_row>
33 <#if cur_table_row.rowspan?? && cur_table_row.rowspan.getData()?has_content>
34 <#assign rowspan = cur_table_row.rowspan.getData()?number - 1/>
35 <#else>
36 <#assign rowspan = 0/>
37 </#if>
38 <#if cur_table_row.content_cell?? && cur_table_row.content_cell.getData()?has_content>
39 <@liferay_ui["panel"]
40 title="${cur_table_row.content_cell.getData()}"
41 defaultState="closed">
42 <#list 0..rowspan as row_index>
43 <#if (row_index > 0)>
44 <hr>
45 </#if>
46 <#list table_row.getSiblings()[cur_table_row?index + row_index].content_cell.getSiblings() as cur_content_cell>
47 <#if cur_content_cell?index != 0>
48 <dl>
49 <dt>
50 ${header_section.title_cell.getSiblings()[cur_content_cell?index].getData()}
51 </dt>
52 <dd>
53 ${cur_content_cell.getData()}
54 </dd>
55 </dl>
56 </#if>
57 </#list>
58 </#list>
59 </@>
60 </#if>
61
62 </#list>
63 </@>
64 </#if>
65 <#if footer_text?? && footer_text.getData()?has_content>
66 <div class="footer-text">
67 ${footer_text.getData()}
68 </div>
69 </#if>
70 </div>
71 <div class="d3-xs-hide d3-md-show-block table-${total_cols}-cols">
72 <table>
73 <#if footer_text?? && footer_text.getData()?has_content>
74 <caption>
75 ${footer_text.getData()}
76 </caption>
77 </#if>
78 <#if header_section.title_cell.getSiblings()?has_content>
79 <thead>
80 <tr>
81 <#list header_section.title_cell.getSiblings() as title_cell>
82 <th class="table-col-${title_cell?counter}">
83 ${title_cell.getData()}</th>
84 </#list>
85 </tr>
86 </thead>
87 </#if>
88 <#if table_row.content_cell.getSiblings()?has_content>
89 <tbody>
90 <#assign rowspan = 0>
91 <#assign prevRowspanClass = "none" />
92 <#list table_row.getSiblings() as cur_table_row>
93 <#if (rowspan == 0)>
94 <#assign rowspan = 1>
95 <#if cur_table_row.rowspan?? && cur_table_row.rowspan.getData()?has_content>
96 <#assign rowspan = cur_table_row.rowspan.getData()?number />
97 <#assign first_rowspan = true>
98 <#else>
99 <#assign first_rowspan = false>
100 </#if>
101 <#assign nth_rowspan = false>
102 <#else>
103 <#assign first_rowspan = false>
104 <#assign nth_rowspan = true>
105 </#if>
106 <#assign rowspanClass = "even">
107 <#assign rowIndex = cur_table_row?counter>
108 <#if (rowIndex % 2 == 1) >
109 <#assign rowspanClass = "odd">
110 </#if>
111 <#if prevRowspanClass != "none">
112 <#if (first_rowspan) >
113 <#if prevRowspanClass == "odd" >
114 <#assign rowspanClass = "even">
115 <#else>
116 <#assign rowspanClass = "odd">
117 </#if>
118 </#if>
119 <#if nth_rowspan >
120 <#assign rowspanClass = prevRowspanClass>
121 <#else>
122 <#if prevRowspanClass == "odd" >
123 <#assign rowspanClass = "even">
124 <#else>
125 <#assign rowspanClass = "odd">
126 </#if>
127 <#assign prevRowspanClass = rowspanClass />
128 </#if>
129 </#if>
130 <#assign lastRowClass = "" />
131 <#if first_rowspan && (rowspan > 1 && (rowspan == table_row.getSiblings()?size) || (rowspan == (table_row.getSiblings()?size + 1) - cur_table_row?counter))>
132 <#assign lastRowClass = " last-rowspan" />
133 </#if>
134 <tr class="${rowspanClass}${lastRowClass}">
135 <#list cur_table_row.content_cell.getSiblings() as cur_table_cell>
136 <#if cur_table_cell?is_first && !nth_rowspan>
137 <td class="table-row-${cur_table_row?counter} table-col-${cur_table_cell?counter}"
138 rowspan="${rowspan}">
139 ${cur_table_cell.getData()}
140 </td>
141 <#elseif !cur_table_cell?is_first>
142 <td class="table-row-${cur_table_row?counter} table-col-${cur_table_cell?counter} ${nth_rowspan?then('nth-rowspan','')} ${first_rowspan?then('first-rowspan','')}">
143 ${cur_table_cell.getData()}
144 </td>
145 </#if>
146 </#list>
147 </tr>
148 <#assign rowspan = rowspan - 1 />
149 <#if (rowspan > 0)>
150 <#assign prevRowspanClass = rowspanClass />
151 </#if>
152 </#list>
153 </tbody>
154 </#if>
155 </table>
156 </div>
157 </div>
158 </div>
159 </div>
160 </div>
161</#if>