diff options
Diffstat (limited to 'template/en/custom/global/tabs.html.tmpl')
| -rw-r--r-- | template/en/custom/global/tabs.html.tmpl | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/template/en/custom/global/tabs.html.tmpl b/template/en/custom/global/tabs.html.tmpl new file mode 100644 index 000000000..4d6cb8bfd --- /dev/null +++ b/template/en/custom/global/tabs.html.tmpl @@ -0,0 +1,50 @@ +[%# This Source Code Form is subject to the terms of the Mozilla Public + # License, v. 2.0. If a copy of the MPL was not distributed with this + # file, You can obtain one at http://mozilla.org/MPL/2.0/. + # + # This Source Code Form is "Incompatible With Secondary Licenses", as + # defined by the Mozilla Public License, v. 2.0. + #%] + +[%# INTERFACE: + # tabs: List of hashes. Must have at least one item. Each hash has: + # name: string. Name of the tab. + # link: string. relative URL to the tab's resource on this installation. + # label: string. text displayed in the tab. + # current_tab_name: string. name of the currently selected tab + #%] + +<div class="bs-example bs-example-tabs" data-example-id="togglable-tabs"> + + <div class="panel panel-default"> + <div > + <ul class="nav nav-pills nav-justified" id="myTabs" role="tablist"> + + [% FOREACH tab = tabs %] + [% IF tab.name == current_tab_name %] + <li role="presentation" class="active"><a href="#home" style="border-radius:0px!important;color:#555!important;" id="tab_[% tab.name FILTER html %]" role="tab" data-toggle="tab" aria-controls="tab_[% tab.name FILTER html %]" aria-expanded="true">[% tab.label FILTER html %]</a></li> + [% ELSE %] + <li onClick="document.location='[% tab.link FILTER js FILTER html %]'" role="presentation"><a href="[% tab.link FILTER html %]" style="border-radius:0px!important;" id="tab_[% tab.name FILTER html %]" role="tab" data-toggle="tab" aria-controls="tab_[% tab.name FILTER html %]" aria-expanded="true">[% tab.label FILTER html %]</a></li> + <!-- <a href="[% tab.link FILTER html %]"></a> --> + [% END %] + [% END %] + </ul> + </div> + <div class="panel-body"> + <div class="tab-content" id="myTabContent"> + <div class="tab-pane fade active in" role="tabpanel" id="home" aria-labelledby="tab_[% tab.name FILTER html %]"> + [% content %] + </div> + <!-- + <div class="tab-pane fade" role="tabpanel" id="profile" aria-labelledby="profile-tab"> + </div> + --> + + + </div> + </div> + </div> + + + +</div> |