@formio-tmt/bootstrap
Version:
Bootstrap templates for Form.io forms
60 lines (59 loc) • 2.43 kB
JavaScript
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default=function(ctx) {
var __t, __p = '', __j = Array.prototype.join;
function print() { __p += __j.call(arguments, '') }
__p += '<div class="card' +
((__t = ( ctx.component.verticalLayout ? ' card-vertical' : '')) == null ? '' : __t) +
' ' +
((__t = ( ctx.component.attributes['tabDisplayType'] == 'wizard' ? 'wizard-tab' : 'normal-tab')) == null ? '' : __t) +
'">\n <div class="card-header">\n <ul class="tab-component-tabs nav ' +
((__t = ( ctx.component.attributes['tabDisplayType'] == 'wizard' ? ' nav-pills nav-wizard' : 'nav-tabs')) == null ? '' : __t) +
' card-header-tabs' +
((__t = ( ctx.component.verticalLayout ? ' nav-tabs-vertical' : '')) == null ? '' : __t) +
'" role="tablist">\n ';
ctx.component.components.forEach(function(tab, index) { ;
__p += '\n <li class="nav-item' +
((__t = (ctx.currentTab === index ? ' active' : '')) == null ? '' : __t) +
'" role="tab" ref="' +
((__t = (ctx.tabLikey)) == null ? '' : __t) +
'">\n ';
if(index != 0) { ;
__p += ' <div class="nav-wedge"></div> ';
} ;
__p += '\n <a\n class="nav-link' +
((__t = (ctx.currentTab === index ? ' active' : '')) == null ? '' : __t) +
'' +
((__t = ( ctx.component.verticalLayout ? ' nav-link-vertical' : '')) == null ? '' : __t) +
'"\n href="#' +
((__t = (tab.key)) == null ? '' : __t) +
'"\n ref="' +
((__t = (ctx.tabLinkKey)) == null ? '' : __t) +
'"\n >\n\n ';
if(ctx.component.attributes[tab.key + ".icon"]) { ;
__p += ' <i class=\'' +
((__t = ( ctx.component.attributes[tab.key + ".icon"] )) == null ? '' : __t) +
'\'></i> ';
} ;
__p += '\n\n\n ' +
((__t = (ctx.t(tab.label, { _userInput: true }))) == null ? '' : __t) +
'\n\n\n </a>\n ';
if(index < (ctx.component.components.length - 1) ) { ;
__p += ' <div class="nav-arrow"></div> ';
} ;
__p += '\n\n </li>\n ';
}) ;
__p += '\n </ul>\n </div>\n ';
ctx.component.components.forEach(function(tab, index) { ;
__p += '\n <div\n role="tabpanel"\n class="card-body tab-pane"\n style="display: ' +
((__t = (ctx.currentTab === index ? 'block' : 'none')) == null ? '' : __t) +
'"\n ref="' +
((__t = (ctx.tabKey)) == null ? '' : __t) +
'"\n >\n ' +
((__t = (ctx.tabComponents[index])) == null ? '' : __t) +
'\n </div>\n ';
}) ;
__p += '\n</div>\n';
return __p
}