/*! * JavaScript Library v1.0.0 * Name: UR_Toggle_Buttons * Author: WPEverest * Versoin: 1.0.0 */ /** * Create a new toggle buttons group and return html. Following are the options currently supported. * - id: ID for the instance. * - className: Class for the parent element. * - buttons: List of buttons. Consists of two keys i.e. value and text. * - value: Initially selected button value. */ /* global ur_components_script_params */ window.ur_create_toggle_buttons = function (args) { var id = args.id ? args.id : "", className = args.className ? args.className : "", html = '
', buttons = args.buttons && Array.isArray(args.buttons) ? args.buttons : [], value = args.value ? args.value : "", active = ""; buttons.forEach(function (button) { if (value === button.value) { active = "is-active"; } else { active = ""; } html += '"; }); html += "
"; return html; }; jQuery(function ($) { $(document.body).on("click", ".urbg-item", function () { if (!$(this).is(".is-active")) { $(this).siblings().removeClass("is-active"); $(this).addClass("is-active"); } }); $(document.body).on( "click", ".user-registration-card__toggle", function () { $(this) .closest(".user-registration-card") .find(".user-registration-card__body") .toggle(); } ); $(document.body).on("change", ".user-registration-switch", function () { var all_check = $(this).find(".hide-show-check"), // set checkbox status checked = all_check.is(":checked") ? true : false; if (true === checked) { all_check.prop("checked", checked); all_check.addClass("enabled"); all_check .closest(".user-registration-switch") .find("label") .html(ur_components_script_params.card_switch_enabled_text); } else { all_check.prop("checked", checked); all_check.removeClass("enabled"); all_check .closest(".user-registration-switch") .find("label") .html(ur_components_script_params.card_switch_disabled_text); } }); });