darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-02-05 19:03:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3093 from GSA/3088-org-dashboard---users-should-be-able-to-delete-service

Browse Source 
add js delete function and css
This commit is contained in:
ccostino
2025-11-13 13:49:47 -05:00
committed by GitHub
parent a11d47d0c3 0f995ce392
commit 66379f7966
4 changed files with 57 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
app/assets/javascripts/organizationDashboard.js
View File

@@ -57,9 +57,41 @@
}
}
function initDeleteServiceConfirmation() {
var deleteButtons = document.querySelectorAll('[data-open-modal="confirmDeleteModal"]');
var confirmDeleteButton = document.getElementById('delete-service-confirm-btn');
var deleteServiceNameDisplay = document.getElementById('delete-service-name-display');
var deleteForm = document.getElementById('delete-service-form');
if (deleteButtons.length > 0 && confirmDeleteButton && deleteForm) {
var currentServiceId = null;
deleteButtons.forEach(function(button) {
button.addEventListener('click', function() {
currentServiceId = button.getAttribute('data-service-id');
var serviceName = button.getAttribute('data-service-name');
if (deleteServiceNameDisplay && serviceName) {
deleteServiceNameDisplay.textContent = serviceName;
}
});
});
confirmDeleteButton.addEventListener('click', function() {
if (currentServiceId) {
var orgId = window.location.pathname.split('/')[2];
deleteForm.action = '/organizations/' + encodeURIComponent(orgId) + '?action=delete-service&service_id=' + encodeURIComponent(currentServiceId);
deleteForm.submit();
}
});
}
}
document.addEventListener('DOMContentLoaded', function() {
initForms();
initEditServiceConfirmation();
initDeleteServiceConfirmation();
});
window.OrganizationDashboard = {

5
app/assets/sass/uswds/components/_forms.scss
View File

@@ -48,3 +48,8 @@
display: inline-flex;
justify-content: center;
}
.button-not-clickable {
cursor: default;
pointer-events: none;
}

19
app/assets/sass/uswds/components/_tables.scss
View File

@@ -47,3 +47,22 @@ td.table-empty-message {
box-shadow: none;
}
}
.is-highlighted {
td {
background-color: color('blue-cool-5v');
animation: fadeHighlight 3s ease-out forwards;
}
}
@keyframes fadeHighlight {
0% {
background-color: color('blue-cool-10v');
}
50% {
background-color: color('blue-cool-5v');
}
100% {
background-color: transparent;
}
}

2
app/templates/views/organizations/organization/index.html
View File

@@ -70,7 +70,7 @@
</div>
{% if create_service_form %}
<div id="create-service-form" class="padding-3 radius-md margin-bottom-3">
<div id="create-service-form" class="padding-3 radius-md margin-bottom-3 bg-gray-5">
<h3 class="margin-top-0">Create a new service</h3>
<form method="post" action="{{ url_for('.organization_dashboard', org_id=current_org.id, action='create-service') }}">
<input type="hidden" name="csrf_token" value="{{ create_service_form.csrf_token._value() }}"/>