Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Checking values for rows #4370

Merged
merged 7 commits into from
Sep 19, 2024
Merged

Checking values for rows #4370

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
45a5595
Checking values for rows
Sep 18, 2024
0b62d60
Using default bibdata test config
Sep 18, 2024
9c4f087
Use checkRows instead of deactivateRequestButton
Sep 18, 2024
1662163
Apply code scanning fix for dom text reinterpreted as html
rladdusaw Sep 18, 2024
7e10eb8
Merge branch 'main' into 4027-delivery-mode-error
rladdusaw Sep 18, 2024
b241a91
using new bibdata url
Sep 18, 2024
1fa5b71
Reverted changes to bibdata url that snuck in
Sep 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
352 changes: 162 additions & 190 deletions app/assets/javascripts/requests/requests.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,210 +1,182 @@
// Place all the behaviors and hooks related to the matching controller here.
// All this logic will automatically be available in application.js.
$(function() {
function isEmail(email) {
const regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return regex.test(email);
$(function () {
function isEmail(email) {
const regex =
/^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return regex.test(email);
}

$('form#logins').on('submit', function (event) {
if (!isEmail($('#request_email').val())) {
event.preventDefault();
$('#request_email').css('background-color', '#f2dede');
$('span.error-email').css('color', 'red');
$('span.error-email').text('Please supply a valid email address.');
} else {
$('#request_email').css('background-color', '#ffffff');
$('span.error-email').text('');
}
if ($('#request_user_name').val().trim() == '') {
event.preventDefault();
$('#request_user_name').css('background-color', '#f2dede');
$('span.error-user_name').css('color', 'red');
$('span.error-user_name').text('Please supply your full name.');
} else {
$('#request_user_name').css('background-color', '#ffffff');
$('span.error-user_name').text('');
}
});

$("form#logins").on("submit", function(event) {
if (!isEmail($("#request_email").val())) {
event.preventDefault();
$("#request_email").css("background-color","#f2dede");
$("span.error-email").css("color", "red");
$("span.error-email").text("Please supply a valid email address.");
} else {
$("#request_email").css("background-color","#ffffff");
$("span.error-email").text("");
}
if ($.trim($('#request_user_name').val()) == "")
{
event.preventDefault();
$("#request_user_name").css("background-color","#f2dede");
$("span.error-user_name").css("color", "red");
$("span.error-user_name").text("Please supply your full name.");
} else {
$("#request_user_name").css("background-color","#ffffff");
$("span.error-user_name").text("");
}
});

$("#no_netid").on("click", function(event) {
event.preventDefault();
$("#no_netid").hide();
$("#other_user_account_info").show();
});

$('#no_netid').on("keydown", function (e) {
const keyCode = e.keyCode || e.which;
$('#no_netid').on('click', function (event) {
event.preventDefault();
$('#no_netid').hide();
$('#other_user_account_info').show();
});

if (keyCode == 13) {
$("#no_netid").trigger("click");
return false;
}
});
$('#no_netid').on('keydown', function (e) {
const keyCode = e.keyCode || e.which;

$("#go_back").on("click",function(event) {
event.preventDefault();
$("#no_netid").show();
$("#other_user_account_info").hide();
});

function activateRequestButton () {
$('#request-submit-button').prop('disabled', false);
if (keyCode == 13) {
$('#no_netid').trigger('click');
return false;
}
});

$('#go_back').on('click', function (event) {
event.preventDefault();
$('#no_netid').show();
$('#other_user_account_info').hide();
});

function activateRequestButton() {
$('#request-submit-button').prop('disabled', false);
}

function deactivateRequestButton() {
$('#request-submit-button').prop('disabled', true);
}

checkRows();

function checkRows() {
const rows = document.querySelectorAll('tr[id^=request_]');
let anyValidRows = false;
rows.forEach((row) => {
if (requestable($(row))) {
anyValidRows = true;
}
});

function deactivateRequestButton () {
$('#request-submit-button').prop('disabled', true);
if (anyValidRows) {
activateRequestButton();
} else {
deactivateRequestButton();
}

function radioOfRadioBtns (radios) {
const radio_checked = document.querySelectorAll('input[type=radio][name^="requestable[][delivery_mode"]:checked');

let mode = false;
if (radios && radio_checked.length > 0) {
for (const radio of radio_checked) {
if (radio && radio.dataset['target'].startsWith('#fields-eed')) {
mode = true;
// when it's an edd it should have delivery location true;
} else {
mode = true;
}
}
}

function requestable(parent) {
const selected = parent
.find('input[type=checkbox][id^="requestable_selected"')
.is(':checked');

return selected && deliveryMode(parent) && deliveryLocation(parent);
}

function deliveryLocation(parent) {
const requestable_pickups = parent.find(
'select[name^="requestable[][pick_up"] option'
);
let delivery_location = false;

if (requestable_pickups.length === 0 || isEed(parent)) {
delivery_location = true;
} else {
requestable_pickups.each(function () {
if ($(this).is(':selected') && $(this).val() !== '') {
delivery_location = true;
}
return mode;
});
}

function deliveryLocation () {
const requestable_pickups_options = document.querySelectorAll('select[name^="requestable[][pick_up"] option');

function requestablePickups () {
// If there is only one pickup delivery location the length is 0
let pickup;
if (requestable_pickups_options.length === 0) {
pickup = true;
} else {
// When there are more than one pickup delivery locations
for (const pickupOption of requestable_pickups_options) {
if (pickupOption.selected == true && pickupOption.value !== '') {
pickup = true;
}
}
}
return pickup;
return delivery_location;
}

function deliveryMode(parent) {
const radios = parent.find(
'input[type=radio][name^="requestable[][delivery_mode"]'
);
let delivery_mode = false;

if (radios.length === 0) {
delivery_mode = true;
} else {
radios.each(function () {
if ($(this).is(':checked')) {
delivery_mode = true;
}
return requestablePickups;
});
}

function deliveryMode () {
const radios = document.querySelectorAll('input[type=radio][name^="requestable[][delivery_mode"]');

function radioButtons () {
let mode;

if (radios.length === 0) {
const deLocation = deliveryLocation();
mode = deLocation();
} else {
mode = radioOfRadioBtns(radios);
}
return mode;
return delivery_mode;
}

function isEed(parent) {
const radios = parent.find(
'input[type=radio][name^="requestable[][delivery_mode"]'
);
let eedRequest = false;

if (radios.length > 0) {
radios.each(function () {
if ($(this).is(':checked')) {
eedRequest = this.dataset['target'].startsWith('#fields-eed');
}
return radioButtons;
});
}

const deLocation_ref = deliveryLocation();
const deMode_ref = deliveryMode();

function requestable(el) {
const parent = $(el).closest('[id^="request_"]');
let selected = parent.find('input[type=checkbox][id^="requestable_selected"').is(':checked');
let deLocation = deLocation_ref();
let deMode = deMode_ref();

const radio_checked = parent.find('input[type=radio][name^="requestable[][delivery_mode"]:checked');
const radio = parent.find('input[type=radio][name^="requestable[][delivery_mode"]');
const requestable_pickups_options = parent.find('select[name^="requestable[][pick_up"] option');
if (selected) {
selected = true;
} else {
selected = false;
}

// Special case for edd form. Needs to set delivery location so that the request button is active.
if (radio_checked.length === 1 && radio_checked[0].dataset['target'].startsWith('#fields-eed')) {
deLocation = true;
}
if (selected && requestable_pickups_options.length === 0 && radio.length === 0) {
deMode = true;
}
if (selected && deMode && deLocation) {
activateRequestButton();
} else {
deactivateRequestButton();
}
}

(function () {
const checkbox_nodelist = document.querySelectorAll('[id^="requestable_selected"]');
let selected;

if (checkbox_nodelist.length === 1) {
const radio_checked = document.querySelectorAll('input[type=radio][name^="requestable[][delivery_mode"]:checked');
selected = true;
let deLocation = deLocation_ref();
const deMode = deMode_ref();

// Special case for edd form. Needs to set delivery location so that the request button is active.
if (radio_checked.length === 1 && radio_checked[0].dataset['target'].startsWith('#fields-eed')) {
deLocation = true;
}
if (selected && deMode && deLocation) {
activateRequestButton();
} else {
deactivateRequestButton();
}
} else {
deactivateRequestButton();
requestable();
}
})();

// Enhance the Bootstrap collapse utility to toggle hide/show for other options
$('input[type=radio][name^="requestable[][delivery_mode"]').on('change', function() {
// collapse others
$("input[name='" + this.name + "']").each(function() {
const target = $(this).attr('data-target');
$(target).collapse('hide');
});
// open target
return eedRequest;
}

// Enhance the Bootstrap collapse utility to toggle hide/show for other options
$('input[type=radio][name^="requestable[][delivery_mode"]').on(
'change',
function () {
// collapse others
$("input[name='" + this.name + "']").each(function () {
const target = $(this).attr('data-target');
$(target).collapse('show');
requestable(this);
});

$('input[type=text][id^="requestable__edd_art_title_"').on('input', function() {
if ($(this).val() === "") {
$('#request-submit-button').prop('disabled', true);
} else {
requestable(this);
}
});

$('select[name^="requestable[][pick_up"]').on('change', function() {
requestable(this);
});
$(document).find(target).collapse('hide');
});
// open target
const target = $(this).attr('data-target');
$(document).find(target).collapse('show');
checkRows(this);
}
);

jQuery(function() {
return $(".tablesorter").DataTable({
language: {
search: "Search by Enumeration"
},
ordering: false
});
$('input[type=text][id^="requestable__edd_art_title_"').on(
'input',
function () {
if ($(this).val() === '') {
$('#request-submit-button').prop('disabled', true);
} else {
checkRows(this);
}
}
);

$('select[name^="requestable[][pick_up"]').on('change', function () {
checkRows(this);
});

jQuery(function () {
return $('.tablesorter').DataTable({
language: {
search: 'Search by Enumeration',
},
ordering: false,
});
});

$('.table input[type=checkbox]').on('change', function() {
$(this).closest('tr').toggleClass('selected', $(this).is(':checked'));
requestable(this);
});
$('.table input[type=checkbox]').on('change', function () {
$(this).closest('tr').toggleClass('selected', $(this).is(':checked'));
checkRows(this);
});
});
Loading