[UPDT] PAYROLL: Multiple condition setup functions
This commit is contained in:
@@ -1,197 +1,259 @@
|
||||
$(document).ready(function () {
|
||||
function conditionalVisibility() {
|
||||
if (!$("#id_is_condition_based").is(":checked")) {
|
||||
$("#id_field, #id_value, #id_condition").hide();
|
||||
$("[for='id_field'], [for='id_value'], [for='id_condition']").hide();
|
||||
$("[for='id_field'], [for='id_value'], [for='id_condition']").parent().hide();
|
||||
} else {
|
||||
$("#id_field, #id_value, #id_condition").show();
|
||||
$("#id_field, #id_value, #id_condition").parent().show();
|
||||
$("[for='id_field'], [for='id_value'], [for='id_condition']").show();
|
||||
$("[for='id_field'], [for='id_value'], [for='id_condition']").parent().show();
|
||||
}
|
||||
function conditionalVisibility() {
|
||||
if (!$("#id_is_condition_based").is(":checked")) {
|
||||
$('[onclick="conditionAdd()"]').parent().hide()
|
||||
$("#conditionContainer").hide();
|
||||
$("#id_field, #id_value, #id_condition").hide();
|
||||
$("[for='id_field'], [for='id_value'], [for='id_condition']").hide();
|
||||
$("[for='id_field'], [for='id_value'], [for='id_condition']").parent().hide();
|
||||
} else {
|
||||
$('[onclick="conditionAdd()"]').parent().show()
|
||||
$("#conditionContainer").show();
|
||||
|
||||
$("#id_field, #id_value, #id_condition").show();
|
||||
$("#id_field, #id_value, #id_condition").parent().show();
|
||||
$("[for='id_field'], [for='id_value'], [for='id_condition']").show();
|
||||
$("[for='id_field'], [for='id_value'], [for='id_condition']").parent().show();
|
||||
}
|
||||
|
||||
if (!$("#id_is_fixed").is(":checked")) {
|
||||
$("#id_based_on, #id_rate").show();
|
||||
$('[onclick="conditionAdd()"]').parent().show()
|
||||
|
||||
// $("#id_, #id_rate").show();
|
||||
$("#id_based_on, #id_rate").parent().show();
|
||||
$("[for='id_based_on'], [for='id_rate']").show();
|
||||
$("[for='id_has_max_limit']").show();
|
||||
$("[for='id_based_on'], [for='id_rate']").parent().show();
|
||||
$("#id_amount").hide();
|
||||
$("#id_amount").parent().hide();
|
||||
$("[for='id_amount']").hide();
|
||||
$("[for='id_amount']").parent().hide();
|
||||
} else {
|
||||
$("#id_based_on, #id_rate").hide();
|
||||
$("#id_based_on, #id_rate").parent().hide();
|
||||
$("[for='id_has_max_limit']").show();
|
||||
$("[for='id_based_on'], [for='id_rate']").hide();
|
||||
$("[for='id_based_on'], [for='id_rate']").parent().hide();
|
||||
$("#id_amount").show();
|
||||
$("#id_amount").parent().show();
|
||||
$("[for='id_amount']").show();
|
||||
$("[for='id_amount']").parent().show();
|
||||
}
|
||||
if (
|
||||
$("#id_based_on").val() == "attendance" &&
|
||||
!$("#id_is_fixed").is(":checked")
|
||||
) {
|
||||
$(
|
||||
"#id_per_attendance_fixed_amount, [for='id_per_attendance_fixed_amount']"
|
||||
).show();
|
||||
$(
|
||||
"#id_per_attendance_fixed_amount, [for='id_per_attendance_fixed_amount']"
|
||||
).parent().show();
|
||||
} else {
|
||||
$(
|
||||
"#id_per_attendance_fixed_amount, [for='id_per_attendance_fixed_amount']"
|
||||
).hide();
|
||||
$(
|
||||
"#id_per_attendance_fixed_amount, [for='id_per_attendance_fixed_amount']"
|
||||
).parent().hide();
|
||||
}
|
||||
|
||||
if (
|
||||
$("#id_based_on").val() == "shift_id" &&
|
||||
!$("#id_is_fixed").is(":checked")
|
||||
) {
|
||||
$(
|
||||
"#id_shift_id, [for='id_shift_id'],#id_shift_per_attendance_amount, [for='id_shift_per_attendance_amount']"
|
||||
).show();
|
||||
$(
|
||||
"#id_shift_id, [for='id_shift_id'],#id_shift_per_attendance_amount, [for='id_shift_per_attendance_amount']"
|
||||
).parent().show();
|
||||
} else {
|
||||
$(
|
||||
"#id_shift_id, [for='id_shift_id'],#id_shift_per_attendance_amount, [for='id_shift_per_attendance_amount']"
|
||||
).hide();
|
||||
$(
|
||||
"#id_shift_id, [for='id_shift_id'],#id_shift_per_attendance_amount, [for='id_shift_per_attendance_amount']"
|
||||
).parent().hide();
|
||||
}
|
||||
|
||||
if (
|
||||
$("#id_based_on").val() == "work_type_id" &&
|
||||
!$("#id_is_fixed").is(":checked")
|
||||
) {
|
||||
$(
|
||||
"#id_work_type_id, [for='id_work_type_id'],#id_work_type_per_attendance_amount, [for='id_work_type_per_attendance_amount']"
|
||||
).show();
|
||||
$(
|
||||
"#id_work_type_id, [for='id_work_type_id'],#id_work_type_per_attendance_amount, [for='id_work_type_per_attendance_amount']"
|
||||
).parent().show();
|
||||
} else {
|
||||
$(
|
||||
"#id_work_type_id, [for='id_work_type_id'],#id_work_type_per_attendance_amount, [for='id_work_type_per_attendance_amount']"
|
||||
).hide();
|
||||
$(
|
||||
"#id_work_type_id, [for='id_work_type_id'],#id_work_type_per_attendance_amount, [for='id_work_type_per_attendance_amount']"
|
||||
).parent().hide();
|
||||
}
|
||||
|
||||
if (
|
||||
$("#id_based_on").val() == "overtime" &&
|
||||
!$("#id_is_fixed").is(":checked")
|
||||
) {
|
||||
$("#id_amount_per_one_hr, [for='id_amount_per_one_hr']").show();
|
||||
$("#id_amount_per_one_hr, [for='id_amount_per_one_hr']").parent().show();
|
||||
} else {
|
||||
$("#id_amount_per_one_hr, [for='id_amount_per_one_hr']").hide();
|
||||
$("#id_amount_per_one_hr, [for='id_amount_per_one_hr']").parent().hide();
|
||||
}
|
||||
|
||||
if ($("#id_based_on").val() == "basic_pay") {
|
||||
if (!$("#id_is_fixed").is(":checked")) {
|
||||
$("#id_based_on, #id_rate").show();
|
||||
// $("#id_, #id_rate").show();
|
||||
$("#id_based_on, #id_rate").parent().show();
|
||||
$("[for='id_based_on'], [for='id_rate']").show();
|
||||
$("[for='id_has_max_limit']").show();
|
||||
$("[for='id_based_on'], [for='id_rate']").parent().show();
|
||||
$("#id_amount").hide();
|
||||
$("#id_amount").parent().hide();
|
||||
$("[for='id_amount']").hide();
|
||||
$("[for='id_amount']").parent().hide();
|
||||
} else {
|
||||
$("#id_based_on, #id_rate").hide();
|
||||
$("#id_based_on, #id_rate").parent().hide();
|
||||
$("[for='id_has_max_limit']").show();
|
||||
$("[for='id_based_on'], [for='id_rate']").hide();
|
||||
$("[for='id_based_on'], [for='id_rate']").parent().hide();
|
||||
$("#id_amount").show();
|
||||
$("#id_amount").parent().show();
|
||||
$("[for='id_amount']").show();
|
||||
$("[for='id_amount']").parent().show();
|
||||
}
|
||||
if (
|
||||
$("#id_based_on").val() == "attendance" &&
|
||||
!$("#id_is_fixed").is(":checked")
|
||||
) {
|
||||
$(
|
||||
"#id_per_attendance_fixed_amount, [for='id_per_attendance_fixed_amount']"
|
||||
).show();
|
||||
$(
|
||||
"#id_per_attendance_fixed_amount, [for='id_per_attendance_fixed_amount']"
|
||||
).parent().show();
|
||||
} else {
|
||||
$(
|
||||
"#id_per_attendance_fixed_amount, [for='id_per_attendance_fixed_amount']"
|
||||
).hide();
|
||||
$(
|
||||
"#id_per_attendance_fixed_amount, [for='id_per_attendance_fixed_amount']"
|
||||
).parent().hide();
|
||||
}
|
||||
|
||||
if (
|
||||
$("#id_based_on").val() == "shift_id" &&
|
||||
!$("#id_is_fixed").is(":checked")
|
||||
) {
|
||||
$(
|
||||
"#id_shift_id, [for='id_shift_id'],#id_shift_per_attendance_amount, [for='id_shift_per_attendance_amount']"
|
||||
).show();
|
||||
$(
|
||||
"#id_shift_id, [for='id_shift_id'],#id_shift_per_attendance_amount, [for='id_shift_per_attendance_amount']"
|
||||
).parent().show();
|
||||
} else {
|
||||
$(
|
||||
"#id_shift_id, [for='id_shift_id'],#id_shift_per_attendance_amount, [for='id_shift_per_attendance_amount']"
|
||||
).hide();
|
||||
$(
|
||||
"#id_shift_id, [for='id_shift_id'],#id_shift_per_attendance_amount, [for='id_shift_per_attendance_amount']"
|
||||
).parent().hide();
|
||||
}
|
||||
|
||||
if (
|
||||
$("#id_based_on").val() == "work_type_id" &&
|
||||
!$("#id_is_fixed").is(":checked")
|
||||
) {
|
||||
$(
|
||||
"#id_work_type_id, [for='id_work_type_id'],#id_work_type_per_attendance_amount, [for='id_work_type_per_attendance_amount']"
|
||||
).show();
|
||||
$(
|
||||
"#id_work_type_id, [for='id_work_type_id'],#id_work_type_per_attendance_amount, [for='id_work_type_per_attendance_amount']"
|
||||
).parent().show();
|
||||
} else {
|
||||
$(
|
||||
"#id_work_type_id, [for='id_work_type_id'],#id_work_type_per_attendance_amount, [for='id_work_type_per_attendance_amount']"
|
||||
).hide();
|
||||
$(
|
||||
"#id_work_type_id, [for='id_work_type_id'],#id_work_type_per_attendance_amount, [for='id_work_type_per_attendance_amount']"
|
||||
).parent().hide();
|
||||
}
|
||||
|
||||
if (
|
||||
$("#id_based_on").val() == "overtime" &&
|
||||
!$("#id_is_fixed").is(":checked")
|
||||
) {
|
||||
$("#id_amount_per_one_hr, [for='id_amount_per_one_hr']").show();
|
||||
$("#id_amount_per_one_hr, [for='id_amount_per_one_hr']").parent().show();
|
||||
} else {
|
||||
$("#id_amount_per_one_hr, [for='id_amount_per_one_hr']").hide();
|
||||
$("#id_amount_per_one_hr, [for='id_amount_per_one_hr']").parent().hide();
|
||||
}
|
||||
|
||||
if ($("#id_based_on").val() == "basic_pay") {
|
||||
if (!$("#id_is_fixed").is(":checked")) {
|
||||
$("#id_rate, [for='id_rate']").show();
|
||||
$("#id_rate, [for='id_rate']").parent().show();
|
||||
} else {
|
||||
$("#id_rate, [for='id_rate']").hide();
|
||||
$("#id_rate, [for='id_rate']").parent().hide();
|
||||
}
|
||||
$("#id_rate, [for='id_rate']").show();
|
||||
$("#id_rate, [for='id_rate']").parent().show();
|
||||
} else {
|
||||
$("#id_rate, [for='id_rate']").hide();
|
||||
$("#id_rate, [for='id_rate']").parent().hide();
|
||||
}
|
||||
} else {
|
||||
$("#id_rate, [for='id_rate']").hide();
|
||||
$("#id_rate, [for='id_rate']").parent().hide();
|
||||
}
|
||||
|
||||
if ($("#id_include_active_employees").is(":checked")) {
|
||||
$(
|
||||
"#id_specific_employees, [for=id_specific_employees],#id_is_condition_based, [for=id_is_condition_based]"
|
||||
).hide();
|
||||
$(
|
||||
"#id_specific_employees, [for=id_specific_employees],#id_is_condition_based, [for=id_is_condition_based]"
|
||||
).parent().hide();
|
||||
if ($("#id_include_active_employees").is(":checked")) {
|
||||
$(
|
||||
"#id_specific_employees, [for=id_specific_employees],#id_is_condition_based, [for=id_is_condition_based]"
|
||||
).hide();
|
||||
$(
|
||||
"#id_specific_employees, [for=id_specific_employees],#id_is_condition_based, [for=id_is_condition_based]"
|
||||
).parent().hide();
|
||||
$(
|
||||
"#id_field,[for=id_field], #id_condition,[for=id_condition], #id_value,[for=id_value]"
|
||||
).hide();
|
||||
$(
|
||||
"#id_field,[for=id_field], #id_condition,[for=id_condition], #id_value,[for=id_value]"
|
||||
).parent().hide();
|
||||
} else {
|
||||
$(
|
||||
"#id_specific_employees, [for=id_specific_employees],#id_is_condition_based, [for=id_is_condition_based]"
|
||||
).show();
|
||||
$(
|
||||
"#id_specific_employees, [for=id_specific_employees],#id_is_condition_based, [for=id_is_condition_based]"
|
||||
).parent().show();
|
||||
if ($("#id_is_condition_based").is(":checked")) {
|
||||
$(
|
||||
"#id_field,[for=id_field], #id_condition,[for=id_condition], #id_value,[for=id_value]"
|
||||
).hide();
|
||||
$(
|
||||
"#id_field,[for=id_field], #id_condition,[for=id_condition], #id_value,[for=id_value]"
|
||||
).parent().hide();
|
||||
} else {
|
||||
$(
|
||||
"#id_specific_employees, [for=id_specific_employees],#id_is_condition_based, [for=id_is_condition_based]"
|
||||
).show();
|
||||
$(
|
||||
"#id_specific_employees, [for=id_specific_employees],#id_is_condition_based, [for=id_is_condition_based]"
|
||||
"#id_field,[for=id_field], #id_condition,[for=id_condition], #id_value,[for=id_value]"
|
||||
).parent().show();
|
||||
if ($("#id_is_condition_based").is(":checked")) {
|
||||
$(
|
||||
"#id_field,[for=id_field], #id_condition,[for=id_condition], #id_value,[for=id_value]"
|
||||
).show();
|
||||
$(
|
||||
"#id_field,[for=id_field], #id_condition,[for=id_condition], #id_value,[for=id_value]"
|
||||
).parent().show();
|
||||
}
|
||||
}
|
||||
if (
|
||||
$("#id_is_condition_based").is(":checked") ||
|
||||
$("#id_include_active_employees").is(":checked")
|
||||
) {
|
||||
$("#id_exclude_employees, [for=id_exclude_employees]").show();
|
||||
$("#id_exclude_employees, [for=id_exclude_employees]").parent().show();
|
||||
} else {
|
||||
$("#id_exclude_employees, [for=id_exclude_employees]").hide();
|
||||
$("#id_exclude_employees, [for=id_exclude_employees]").parent().hide();
|
||||
}
|
||||
if ($("#id_is_condition_based, #id_include_active_employees").is(":checked")) {
|
||||
$("#id_specific_employees").parent().find("ul.select2-selection__rendered li").remove()
|
||||
$("#id_specific_employees").val(null)
|
||||
$("#id_specific_employees,[for=id_specific_employees]").hide();
|
||||
$("#id_specific_employees,[for=id_specific_employees]").parent().hide();
|
||||
}
|
||||
|
||||
if ($("#id_has_max_limit").is(":checked")) {
|
||||
$("#id_maximum_amount, [for=id_maximum_amount]").show();
|
||||
$("#id_maximum_amount, [for=id_maximum_amount]").parent().show();
|
||||
$("#id_maximum_unit,[for=id_maximum_unit]").show();
|
||||
$("#id_maximum_unit,[for=id_maximum_unit]").parent().show();
|
||||
} else {
|
||||
$("#id_maximum_amount, [for=id_maximum_amount]").hide();
|
||||
$("#id_maximum_amount, [for=id_maximum_amount]").parent().hide();
|
||||
$("#id_maximum_unit,[for=id_maximum_unit]").hide();
|
||||
$("#id_maximum_unit,[for=id_maximum_unit]").parent().hide();
|
||||
}
|
||||
var opt = ["attendance", "shift_id", "overtime", "work_type_id"];
|
||||
if (!$("#id_is_fixed").is(":checked") && opt.includes($("#id_based_on").val())) {
|
||||
$("#id_maximum_unit,[for=id_maximum_unit]").hide();
|
||||
$("#id_maximum_unit,[for=id_maximum_unit]").parent().hide();
|
||||
}
|
||||
if ($("#id_is_fixed").is(":checked")){
|
||||
$("#id_has_max_limit").parent().parent().hide();
|
||||
$("#id_maximum_unit,#id_maximum_amount").parent().hide();
|
||||
}
|
||||
else{
|
||||
$("#id_has_max_limit").parent().parent().show();
|
||||
if ($("#id_has_max_limit").is(":checked")) {
|
||||
|
||||
$("#id_maximum_unit,#id_maximum_amount").parent().show();
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
conditionalVisibility();
|
||||
if (
|
||||
$("#id_is_condition_based").is(":checked") ||
|
||||
$("#id_include_active_employees").is(":checked")
|
||||
) {
|
||||
$("#id_exclude_employees, [for=id_exclude_employees]").show();
|
||||
$("#id_exclude_employees, [for=id_exclude_employees]").parent().show();
|
||||
} else {
|
||||
$("#id_exclude_employees, [for=id_exclude_employees]").hide();
|
||||
$("#id_exclude_employees, [for=id_exclude_employees]").parent().hide();
|
||||
}
|
||||
if ($("#id_is_condition_based, #id_include_active_employees").is(":checked")) {
|
||||
$("#id_specific_employees").parent().find("ul.select2-selection__rendered li").remove()
|
||||
$("#id_specific_employees").val(null)
|
||||
$("#id_specific_employees,[for=id_specific_employees]").hide();
|
||||
$("#id_specific_employees,[for=id_specific_employees]").parent().hide();
|
||||
}
|
||||
|
||||
if ($("#id_has_max_limit").is(":checked")) {
|
||||
$("#id_maximum_amount, [for=id_maximum_amount]").show();
|
||||
$("#id_maximum_amount, [for=id_maximum_amount]").parent().show();
|
||||
$("#id_maximum_unit,[for=id_maximum_unit]").show();
|
||||
$("#id_maximum_unit,[for=id_maximum_unit]").parent().show();
|
||||
} else {
|
||||
$("#id_maximum_amount, [for=id_maximum_amount]").hide();
|
||||
$("#id_maximum_amount, [for=id_maximum_amount]").parent().hide();
|
||||
$("#id_maximum_unit,[for=id_maximum_unit]").hide();
|
||||
$("#id_maximum_unit,[for=id_maximum_unit]").parent().hide();
|
||||
}
|
||||
var opt = ["attendance", "shift_id", "overtime", "work_type_id"];
|
||||
if (!$("#id_is_fixed").is(":checked") && opt.includes($("#id_based_on").val())) {
|
||||
$("#id_maximum_unit,[for=id_maximum_unit]").hide();
|
||||
$("#id_maximum_unit,[for=id_maximum_unit]").parent().hide();
|
||||
}
|
||||
if ($("#id_is_fixed").is(":checked")) {
|
||||
$("#id_has_max_limit").parent().parent().hide();
|
||||
$("#id_maximum_unit,#id_maximum_amount").parent().hide();
|
||||
}
|
||||
else {
|
||||
$("#id_has_max_limit").parent().parent().show();
|
||||
if ($("#id_has_max_limit").is(":checked")) {
|
||||
|
||||
$("#id_maximum_unit,#id_maximum_amount").parent().show();
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
$(document).ready(function () {
|
||||
$("select, [type=checkbox]").change(function (e) {
|
||||
e.preventDefault();
|
||||
conditionalVisibility();
|
||||
});
|
||||
$("#id_condition, #id_field, #id_value").parent().attr("class", "col-12 col-md-4 condition-highlight");
|
||||
addMore = $(`
|
||||
<div class="mt-3" style="display:none;">
|
||||
<div class="m-1 p-1" onclick="conditionAdd()" align="center" style="border-radius:15px; width:25px;border:solid 1px green;cursor:pointer;display:inline;" title="Add More">
|
||||
+
|
||||
</div>
|
||||
|
||||
</div>
|
||||
`)
|
||||
|
||||
// Adding add more mutton on the condition based check box
|
||||
$('[name="is_condition_based"]').parent().after(addMore);
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
conditionContainer = $(`
|
||||
<div id="conditionContainer" class="row">
|
||||
</div>
|
||||
`)
|
||||
// Add condition container
|
||||
$('#id_value').parent().after(conditionContainer)
|
||||
|
||||
function conditionAdd() {
|
||||
let conditionSet = $(
|
||||
`
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4 condition-highlight">
|
||||
${$("[for=id_field]").clone().attr("class", "style-widget form-control oh-label__info").prop("outerHTML")}
|
||||
${$("#id_field").clone().attr("name", "other_fields").attr("class", "style-widget form-control").prop("outerHTML")}
|
||||
</div>
|
||||
<div class="col-12 col-md-4 condition-highlight">
|
||||
${$("[for=id_condition]").clone().attr("class", "style-widget form-control oh-label__info").prop("outerHTML")}
|
||||
${$("#id_condition").clone().attr("name", "other_conditions").attr("class", "style-widget form-control").prop("outerHTML")}
|
||||
</div>
|
||||
<div class="col-12 col-md-4 condition-highlight">
|
||||
<div class="d-flex">
|
||||
${$("[for=id_value]").clone().attr("class", "style-widget form-control oh-label__info").prop("outerHTML")}
|
||||
<div class="m-1 p-1" onclick="$(this).closest('.row').remove()" align="center" style="border-radius:15px; width:25px;border:solid 1px red;cursor:pointer;display:inline;">
|
||||
-
|
||||
</div>
|
||||
</div>
|
||||
${$("#id_value").clone().attr("name", "other_values").attr("class", "style-widget form-control").prop("outerHTML")}
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
);
|
||||
|
||||
$("#conditionContainer").append(conditionSet);
|
||||
}
|
||||
|
||||
|
||||
conditionalVisibility();
|
||||
|
||||
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
function conditionalVisibility() {
|
||||
if (!$("#id_is_condition_based").is(":checked")) {
|
||||
$('[onclick="conditionAdd()"]').parent().hide()
|
||||
$("#conditionContainer").hide();
|
||||
$("#id_field, #id_value, #id_condition").hide();
|
||||
$("#id_field, #id_value, #id_condition").parent().hide();
|
||||
$("[for='id_field'], [for='id_value'], [for='id_condition']").hide();
|
||||
@@ -7,6 +9,8 @@ function conditionalVisibility() {
|
||||
.parent()
|
||||
.hide();
|
||||
} else {
|
||||
$("#conditionContainer").show();
|
||||
$('[onclick="conditionAdd()"]').parent().show()
|
||||
$("#id_field, #id_value, #id_condition").show();
|
||||
$("#id_field, #id_value, #id_condition").parent().show();
|
||||
$("[for='id_field'], [for='id_value'], [for='id_condition']").show();
|
||||
@@ -225,21 +229,78 @@ function conditionalVisibility() {
|
||||
$("#id_is_tax,[for=id_is_tax],#id_if_choice,[for=id_if_choice],#id_if_value,[for=id_if_value],#id_if_condition,[for=id_if_condition],#id_if_amount,[for=id_if_amount]").show();
|
||||
$("#id_is_tax,[for=id_is_tax],#id_if_choice,[for=id_if_choice],#id_if_value,[for=id_if_value],#id_if_condition,[for=id_if_condition],#id_if_amount,[for=id_if_amount]").parent().show();
|
||||
}
|
||||
if ($("#id_is_fixed").is(":checked")){
|
||||
if ($("#id_is_fixed").is(":checked")) {
|
||||
$("#id_has_max_limit").parent().parent().hide();
|
||||
$("#id_maximum_unit,#id_maximum_amount").parent().hide();
|
||||
}
|
||||
else{
|
||||
$("#id_has_max_limit").parent().parent().show();
|
||||
if ($("#id_has_max_limit").is(":checked")) {
|
||||
|
||||
$("#id_maximum_unit,#id_maximum_amount").parent().show();
|
||||
}
|
||||
}
|
||||
else {
|
||||
$("#id_has_max_limit").parent().parent().show();
|
||||
if ($("#id_has_max_limit").is(":checked")) {
|
||||
|
||||
$("#id_maximum_unit,#id_maximum_amount").parent().show();
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
$("input[type='checkbox'], select, input[type='radio']").change(function (e) {
|
||||
e.preventDefault();
|
||||
conditionalVisibility();
|
||||
$(document).ready(function () {
|
||||
$("input[type='checkbox'], select, input[type='radio']").change(function (e) {
|
||||
e.preventDefault();
|
||||
conditionalVisibility();
|
||||
});
|
||||
$("#id_is_condition_based").parent().parent().attr("class","col-12")
|
||||
$("#id_condition, #id_field, #id_value").parent().attr("class", "col-12 col-md-4 condition-highlight");
|
||||
addMore = $(`
|
||||
<div class="mt-3">
|
||||
<div class="m-1 p-1"onclick="conditionAdd()" align="center" style="border-radius:15px; width:25px;border:solid 1px green;cursor:pointer;display:inline;" title="Add More">
|
||||
+
|
||||
</div>
|
||||
|
||||
</div>
|
||||
`)
|
||||
|
||||
// Adding add more mutton on the condition based check box
|
||||
$('[name="is_condition_based"]').parent().after(addMore);
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
conditionContainer = $(`
|
||||
<div id="conditionContainer" class="row">
|
||||
</div>
|
||||
`)
|
||||
// Add condition container
|
||||
$('#id_value').parent().after(conditionContainer)
|
||||
|
||||
function conditionAdd() {
|
||||
let conditionSet = $(
|
||||
`
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4 condition-highlight">
|
||||
${$("[for=id_field]").clone().attr("class", "style-widget form-control oh-label__info").prop("outerHTML")}
|
||||
${$("#id_field").clone().attr("name", "other_fields").attr("class", "style-widget form-control").prop("outerHTML")}
|
||||
</div>
|
||||
<div class="col-12 col-md-4 condition-highlight">
|
||||
${$("[for=id_condition]").clone().attr("class", "style-widget form-control oh-label__info").prop("outerHTML")}
|
||||
${$("#id_condition").clone().attr("name", "other_conditions").attr("class", "style-widget form-control").prop("outerHTML")}
|
||||
</div>
|
||||
<div class="col-12 col-md-4 condition-highlight">
|
||||
<div class="d-flex">
|
||||
${$("[for=id_value]").clone().attr("class", "style-widget form-control oh-label__info").prop("outerHTML")}
|
||||
<div class="m-1 p-1" onclick="$(this).closest('.row').remove()" align="center" style="border-radius:15px; width:25px;border:solid 1px red;cursor:pointer;display:inline;">
|
||||
-
|
||||
</div>
|
||||
</div>
|
||||
${$("#id_value").clone().attr("name", "other_values").attr("class", "style-widget form-control").prop("outerHTML")}
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
);
|
||||
|
||||
$("#conditionContainer").append(conditionSet);
|
||||
}
|
||||
conditionalVisibility();
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user