|
97 | 97 | .hidden {
|
98 | 98 | display: none;
|
99 | 99 | }
|
| 100 | + .btn-toggle { |
| 101 | + cursor: pointer; |
| 102 | + } |
| 103 | + .badge-error { |
| 104 | + float: right; |
| 105 | + background: #a33; |
| 106 | + color: #fff; |
| 107 | + padding: 1px 4px; |
| 108 | + font-size: 10px; |
| 109 | + vertical-align: middle; |
| 110 | + border-radius: 6px; |
| 111 | + } |
| 112 | + .table-error th { |
| 113 | + background: #a33; |
| 114 | + color: #fff; |
| 115 | + } |
100 | 116 | </style>
|
101 | 117 |
|
102 | 118 | {% if collector.data.forms|length %}
|
|
142 | 158 | };
|
143 | 159 |
|
144 | 160 | this.toggle = function (element) {
|
145 |
| - var r; |
146 |
| -
|
147 |
| - if (element.style.display !== 'none') { |
148 |
| - // this.collapse(element); |
149 |
| -
|
150 |
| - r = 'collapse'; |
151 |
| - } else { |
152 |
| - // this.expand(element); |
153 |
| - } |
154 |
| -
|
155 | 161 | var imgs = element.parentElement.getElementsByTagName('img');
|
156 | 162 | Sfjs.toggle(element, imgs[0], imgs[1]);
|
157 |
| -
|
158 |
| - return r || 'expand'; |
159 | 163 | }
|
160 | 164 | }
|
161 | 165 |
|
|
168 | 172 | var buttons = tree.querySelectorAll('.toggle-button');
|
169 | 173 | for (var j = 0, l = buttons.length; j < l; j++) {
|
170 | 174 | buttons[j].addEventListener('click', function (e) {
|
171 |
| - if ('collapse' === treeView.toggle(this.parentElement.parentElement.querySelector('ul'))) { |
172 |
| - this.textContent = '+'; |
173 |
| - } else { |
174 |
| - this.textContent = '-'; |
175 |
| - } |
| 175 | + treeView.toggle(this.parentElement.parentElement.querySelector('ul')); |
176 | 176 | }, false);
|
177 | 177 | }
|
178 | 178 |
|
|
266 | 266 | <img class="toggle-button" src="{{ asset('bundles/framework/images/blue_picto_full.gif') }}">
|
267 | 267 | {% endif %}
|
268 | 268 | {{ name }}
|
| 269 | + {% if data.errors is defined and data.errors|length > 0 %} |
| 270 | + <div class="badge-error">{{ data.errors|length }}</div> |
| 271 | + {% endif %} |
269 | 272 | </div>
|
270 | 273 |
|
271 | 274 | {% if data.children is not empty %}
|
|
290 | 293 | {% if data.errors is defined and data.errors|length > 0 %}
|
291 | 294 | <h3>Errors</h3>
|
292 | 295 |
|
293 |
| - <table> |
| 296 | + <table class="table-error"> |
294 | 297 | <tr>
|
295 | 298 | <th width="50%">Message</th>
|
296 | 299 | <th>Cause</th>
|
|
306 | 309 |
|
307 | 310 | {% if data.default_data is defined %}
|
308 | 311 | <h3>
|
309 |
| - <a onclick="toggle('{{ data.id }}', 'default_data')"> |
| 312 | + Default Data |
| 313 | + <a class="btn-toggle" onclick="toggle('{{ data.id }}', 'default_data')"> |
310 | 314 | <img style="display:none" id="{{ data.id }}-default_data-open" src="{{ asset('bundles/framework/images/blue_picto_more.gif') }}">
|
311 | 315 | <img style="display:inline" id="{{ data.id }}-default_data-close" src="{{ asset('bundles/framework/images/blue_picto_less.gif') }}">
|
312 | 316 | </a>
|
313 |
| - Default Data |
314 | 317 | </h3>
|
315 | 318 |
|
316 | 319 | <div id="{{ data.id }}-default_data">
|
|
345 | 348 |
|
346 | 349 | {% if data.submitted_data is defined %}
|
347 | 350 | <h3>
|
348 |
| - <a onclick="toggle('{{ data.id }}', 'submitted_data')"> |
| 351 | + Submitted Data |
| 352 | + <a class="btn-toggle" onclick="toggle('{{ data.id }}', 'submitted_data')"> |
349 | 353 | <img style="display:none" id="{{ data.id }}-submitted_data-open" src="{{ asset('bundles/framework/images/blue_picto_more.gif') }}">
|
350 | 354 | <img style="display:inline" id="{{ data.id }}-submitted_data-close" src="{{ asset('bundles/framework/images/blue_picto_less.gif') }}">
|
351 | 355 | </a>
|
352 |
| - Submitted Data |
353 | 356 | </h3>
|
354 | 357 |
|
355 | 358 | <div id="{{ data.id }}-submitted_data">
|
|
388 | 391 |
|
389 | 392 | {% if data.passed_options is defined %}
|
390 | 393 | <<
9E88
span class="pl-ent">h3>
|
391 |
| - <a onclick="toggle('{{ data.id }}', 'passed_options')"> |
| 394 | + Passed Options |
| 395 | + <a class="btn-toggle" onclick="toggle('{{ data.id }}', 'passed_options')"> |
392 | 396 | <img style="display:none" id="{{ data.id }}-passed_options-open" src="{{ asset('bundles/framework/images/blue_picto_more.gif') }}">
|
393 | 397 | <img style="display:inline" id="{{ data.id }}-passed_options-close" src="{{ asset('bundles/framework/images/blue_picto_less.gif') }}">
|
394 | 398 | </a>
|
395 |
| - Passed Options |
396 | 399 | </h3>
|
397 | 400 |
|
398 | 401 | <div id="{{ data.id }}-passed_options">
|
|
425 | 428 |
|
426 | 429 | {% if data.resolved_options is defined %}
|
427 | 430 | <h3>
|
428 |
| - <a onclick="toggle('{{ data.id }}', 'resolved_options')"> |
| 431 | + Resolved Options |
| 432 | + <a class="btn-toggle" onclick="toggle('{{ data.id }}', 'resolved_options')"> |
429 | 433 | <img style="display:inline" id="{{ data.id }}-resolved_options-open" src="{{ asset('bundles/framework/images/blue_picto_more.gif') }}">
|
430 | 434 | <img style="display:none" id="{{ data.id }}-resolved_options-close" src="{{ asset('bundles/framework/images/blue_picto_less.gif') }}">
|
431 | 435 | </a>
|
432 |
| - Resolved Options |
433 | 436 | </h3>
|
434 | 437 |
|
435 | 438 | <div id="{{ data.id }}-resolved_options" style="display:none">
|
|
450 | 453 |
|
451 | 454 | {% if data.view_vars is defined %}
|
452 | 455 | <h3>
|
453 |
| - <a onclick="toggle('{{ data.id }}', 'view_vars')"> |
| 456 | + View Variables |
| 457 | + <a class="btn-toggle" onclick="toggle('{{ data.id }}', 'view_vars')"> |
454 | 458 | <img style="display:inline" id="{{ data.id }}-view_vars-open" src="{{ asset('bundles/framework/images/blue_picto_more.gif') }}">
|
455 | 459 | <img style="display:none" id="{{ data.id }}-view_vars-close" src="{{ asset('bundles/framework/images/blue_picto_less.gif') }}">
|
456 | 460 | </a>
|
457 |
| - View Variables |
458 | 461 | </h3>
|
459 | 462 |
|
460 | 463 | <div id="{{ data.id }}-view_vars" style="display:none">
|
|
0 commit comments