Prisoner Partcipants

div.pdb-tabs-instance-pinnoyt { opacity: 1; } PDb_Field_Group_Tabs_pinnoyt = (function ($) { var container; var tab_content_fields; var setup_tabs = function () { tab_content_fields.each(function () { set_content_id(this); }); tab_content_fields.length > 1 ? show_next() : show_submit(); container.animate({'opacity' : 1}, 10); } var set_content_id = function (el) { var el = $(el); var tab_anchor = tab_anchor_string(el); el.attr('id', tab_anchor); } var tab_anchor_string = function (el) { return el.prop('class').match(/field-group-[^ "']+/)[0]; } var id_string = function (el) { var unique_id = el.prop('class').match(/field-group-([^ "']+)/); return unique_id[1]; } var find_title = function (el) { var title_el = el.find('legend').first(); return title_el.length ? title_el.text() : id_string(el); } var next = function (e) { e.preventDefault(); var selected = container.tabs("option", "active") + 1; container.tabs("option", "active", selected); go_top(); } var go_top = function () { if (container.offset().top < $(document).scrollTop()) { $('html, body').animate({ scrollTop : container.offset().top }, 1000); } } var handle_invalid = function (el) { $('.ui-tabs-submit').off('mouseup.scrolltop'); var invalid_field = container.find(':invalid').length ? container.find(':invalid') : find_invalid_field(); if (invalid_field) { var tablabel = invalid_field.closest('.field-group').attr('aria-labelledby'); var this_tab = container.find('.ui-tabs-nav li[aria-labelledby=' + tablabel + ']'); container.tabs('option', 'active', this_tab.index()); } } var find_invalid_field = function () { var error_msg = container.find('.pdb-error'); if (error_msg.length) { var field = error_msg.find('[data-field-name]').first().data('field-name'); return container.find('[name=' + field + ']'); } return false; } var set_invalid_tab = function () { var invalid_field = find_invalid_field(); if (invalid_field.length) { handle_invalid(); } } var button_switch = function (selected) { if (selected === tab_content_fields.length - 1) { show_submit(); } else { show_next(); } } var show_submit = function () { $('.force-step.ui-tabs-next').hide(); $('.force-step.ui-tabs-submit').show(); } var show_next = function () { $('.force-step.ui-tabs-next').show(); $('.force-step.ui-tabs-submit').hide(); } return { init : function () { container = $('.pdb-tabs-instance-pinnoyt'); tab_content_fields = container.find('.field-group:not([class*=submit])'); setup_tabs(); container.tabs({ heightStyle: "content", hide: 10, show: 10, activate: function () { button_switch(container.tabs("option", "active")); } }); $('.ui-tabs-next').click(next); $('.ui-tabs-submit').on('mouseup.scrolltop',go_top); if (container.find('[required]').length) { container.find('form [type=submit]').on('click', handle_invalid); } set_invalid_tab(); } } }(jQuery)); jQuery(function () { PDb_Field_Group_Tabs_pinnoyt.init(); }); .ui-tabs .ui-tabs-nav { background-image: none; background-color: inherit; border: none; border-bottom: 1px solid #ccc; height: auto; margin: 18px 0 20px; padding: 0 10px; overflow: visible; } .ui-tabs .ui-tabs-nav li { background-color: transparent; background-image: none; border:none; display: inline-block; position: relative; margin: 1px 0 2px; height: auto; width: auto; } .ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active { margin-bottom:0; } .ui-tabs .ui-tabs-nav .ui-state-default a { background-color: rgba(0,0,0,0.1); text-shadow: none; padding-bottom: 9px; } .ui-tabs .ui-tabs-nav .ui-tabs-active.ui-state-active a { background-color: rgba(0,0,0,0); padding-bottom: 11px; } .ui-tabs .ui-tabs-nav li a { padding: 4px 20px 6px; font-weight: normal; } .ui-tabs .ui-tabs-nav li a { line-height: 1.4; display: inline-block; padding: 9px 12px 5px; margin: 0 4px 0 0; border-style: solid; border-color: #CCC #CCC #F9F9F9; border-width: 1px 1px 0; color: #888888; background-color:#eeeeee; text-shadow: rgba(255, 255, 255, 1) 0 1px 0; text-decoration: none; border-top-left-radius: 2px; border-top-right-radius: 2px; } .ui-tabs .ui-tabs-nav li a:hover { color: #000000; background-color: #F3F3F3; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs .ui-tabs-nav li a:focus { color: #333333; outline:none; } .pdb-tab-control { display: none; } .pdb-tab-control.ui-tabs-nav { display: block; } .pdb-signup.ui-tabs.ui-widget.ui-widget-content, .pdb-record.ui-tabs.ui-widget.ui-widget-content, .pdb-single.ui-tabs.ui-widget.ui-widget-content { border: none; background: transparent; }