|
Lines 341-343
Link Here
|
| 341 |
</table> <!-- /#itemst --> |
341 |
</table> <!-- /#itemst --> |
| 342 |
</div> |
342 |
</div> |
| 343 |
[% END %] |
343 |
[% END %] |
| 344 |
- |
344 |
|
|
|
345 |
[%# BOOTSTRAP TAB WRAPPER USAGE |
| 346 |
[ WRAPPER tabs id= "tabs container id" ] |
| 347 |
[ WRAPPER tabs_nav ] |
| 348 |
[ WRAPPER tab_item tabname= "tab name 1" ] [ content ] [ END ] |
| 349 |
[ WRAPPER tab_item tabname= "tab name 2" ] [ content ] [ END ] |
| 350 |
... |
| 351 |
[ END ] |
| 352 |
[ WRAPPER tab_panels ] |
| 353 |
[ WRAPPER tab_panel id="tab name 1"] [ content ] [ END ] |
| 354 |
[ WRAPPER tab_panel id="tab name 2"] [ content ] [ END ] |
| 355 |
... |
| 356 |
[ END ] |
| 357 |
[ END ] |
| 358 |
%] |
| 359 |
|
| 360 |
[% BLOCK tabs %] |
| 361 |
[% IF ( id ) %] |
| 362 |
<div id="[% id | html %]" class="toptabs"> |
| 363 |
[% ELSE %] |
| 364 |
<div class="toptabs"> |
| 365 |
[% END %] |
| 366 |
[% content | $raw %] |
| 367 |
</div> |
| 368 |
[% END %] |
| 369 |
|
| 370 |
[% BLOCK tabs_nav %] |
| 371 |
<ul class="nav nav-tabs" role="tablist"> |
| 372 |
[% content | $raw %] |
| 373 |
</ul> |
| 374 |
[% END %] |
| 375 |
|
| 376 |
[% BLOCK tab_item %] |
| 377 |
[% IF ( active ) %] |
| 378 |
<li role="presentation" class="active"> |
| 379 |
[% ELSE %] |
| 380 |
<li role="presentation"> |
| 381 |
[% END %] |
| 382 |
<a href="#[% tabname | uri %]_panel" aria-controls="[% tabname | uri %]_panel" role="tab" data-toggle="tab"> |
| 383 |
[% content | $raw %] |
| 384 |
</a> |
| 385 |
<li> |
| 386 |
[% END %] |
| 387 |
|
| 388 |
[% BLOCK tab_panels %] |
| 389 |
<div class="tab-content"> |
| 390 |
[% content | $raw %] |
| 391 |
</div> |
| 392 |
[% END %] |
| 393 |
|
| 394 |
[% BLOCK tab_panel %] |
| 395 |
[% IF ( active ) %] |
| 396 |
<div role="tabpanel" class="tab-pane active" id="[% tabname | html %]_panel"> |
| 397 |
[% ELSE %] |
| 398 |
<div role="tabpanel" class="tab-pane" id="[% tabname | html %]_panel"> |
| 399 |
[% END %] |
| 400 |
[% content| $raw %] |
| 401 |
</div> |
| 402 |
[% END %] |