zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-07-22 18:56:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

modal logic complete. Needs css updates and need to finish backend logic

Browse source
This commit is contained in:
CocoByte 2024-11-14 14:52:57 -07:00
parent eeb5727081
commit a94332ff6b
No known key found for this signature in database
GPG key ID: BBFAA2526384C97F
2 changed files with 17 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/registrar/assets/js/get-gov.js
View file

@ -2914,8 +2914,10 @@ document.addEventListener('DOMContentLoaded', function() {
}
// Show the modal
modal = document.getElementById('invite-member-modal');
showElement(modal);
let modalTrigger = document.querySelector("#invite_member_trigger");
if (modalTrigger) {
modalTrigger.click()
}
}
document.getElementById("confirm_new_member_submit").addEventListener("click", function() {
@ -2923,29 +2925,13 @@ document.addEventListener('DOMContentLoaded', function() {
document.getElementById("add_member_form").submit();
});
// Attach event listener to the Invite Member button to open the modal
document.getElementById("invite_member_button").addEventListener('click', function() {
// Upon confirmation, submit the form
console.log("clicked")
openAddMemberConfirmationModal();
});
document.getElementById("add_member_form").addEventListener("submit", function(event) {
event.preventDefault(); // Prevents the form from submitting
//validateForm();
// Check if the form is valid
// if (this.checkValidity()) {
// openAddMemberConfirmationModal(); // Show validation errors if any
// return;
// }
// else {
// this.submit();
// }
const formData = new FormData(this);
// Check if the form is valid and trigger events
// (like a confirmation modal) accordingly
fetch(this.action, {
method: "POST",
body: formData,
@ -2957,9 +2943,10 @@ document.addEventListener('DOMContentLoaded', function() {
.then(response => response.json())
.then(data => {
if (data.is_valid) {
// If the form is valid, show the confirmation modal
// If the form is valid, show the confirmation modal before submitting
openAddMemberConfirmationModal();
} else {
// If the form is not valid, trigger error messages by firing a submit event
this.submit();
}
});

15
src/registrar/templates/portfolio_members_add_new.html
View file

@ -95,8 +95,12 @@
<!-- Basic access form -->
<div id="new-member-basic-permissions" class="margin-top-2">
<h2>Basic member permissions</h2>
<p>Member permissions available for basic-level access</p>
{% input_with_errors form.basic_org_domain_request_permissions %}
<p>Member permissions available for basic-level acccess.</p>
<h3 class="margin-bottom-0">Organization domain requests</h3>
{% with group_classes="usa-form-editable usa-form-editable--no-border padding-top-0" %}
{% input_with_errors form.basic_org_domain_request_permissions %}
{% endwith %}
</div>
<!-- Submit/cancel buttons -->
@ -110,13 +114,12 @@
>Cancel
</a>
<a
id="invite_member_button"
id="invite_member_trigger"
href="#invite-member-modal"
type="button"
class="usa-button"
class="usa-button usa-button--outline margin-top-1 display-none"
aria-controls="invite-member-modal"
data-open-modal
>Invite Member</a>
>Trigger invite member modal</a>
<button type="submit" class="usa-button">Invite Member</button>
</div>
</form>