mirror of
https://github.com/cisagov/manage.get.gov.git
synced 2025-07-25 03:58:39 +02:00
Fix stacked alerts
This commit is contained in:
parent
c0e740fe3d
commit
9459fa9a0c
3 changed files with 10 additions and 11 deletions
|
@ -279,7 +279,7 @@ function deleteMember(member_delete_url, pageToDisplay) {
|
|||
*/
|
||||
function addAlert(alertClass, alertMessage) {
|
||||
let toggleableAlertDiv = document.getElementById("toggleable-alert");
|
||||
this.resetAlert();
|
||||
this.resetAlerts();
|
||||
toggleableAlertDiv.classList.add(`usa-alert--${alertClass}`);
|
||||
let alertParagraph = toggleableAlertDiv.querySelector(".usa-alert__text");
|
||||
alertParagraph.innerHTML = alertMessage
|
||||
|
@ -290,7 +290,11 @@ function addAlert(alertClass, alertMessage) {
|
|||
* Resets the reusable alert message
|
||||
*
|
||||
*/
|
||||
function resetAlert() {
|
||||
function resetAlerts() {
|
||||
// Create a list of any alert that's leftover and remove
|
||||
document.querySelectorAll(".usa-alert:not(#toggleable-alert)").forEach(alert => {
|
||||
alert.remove();
|
||||
});
|
||||
let toggleableAlertDiv = document.getElementById("toggleable-alert");
|
||||
toggleableAlertDiv.classList.remove('usa-alert--error');
|
||||
toggleableAlertDiv.classList.remove('usa-alert--success');
|
||||
|
|
|
@ -9,9 +9,6 @@
|
|||
{% endblock %}
|
||||
|
||||
{% block portfolio_content %}
|
||||
{% block messages %}
|
||||
{% include "includes/form_messages.html" %}
|
||||
{% endblock %}
|
||||
|
||||
<div id="main-content">
|
||||
<div id="toggleable-alert" class="usa-alert usa-alert--slim margin-bottom-2 display-none">
|
||||
|
|
|
@ -115,7 +115,7 @@ class PortfolioMemberDeleteView(PortfolioMemberPermission, View):
|
|||
|
||||
support_url = "https://get.gov/contact/"
|
||||
|
||||
error_message = ''
|
||||
error_message = ""
|
||||
|
||||
if active_requests_count > 0:
|
||||
# If they have any in progress requests
|
||||
|
@ -133,14 +133,12 @@ class PortfolioMemberDeleteView(PortfolioMemberPermission, View):
|
|||
if error_message:
|
||||
if request.headers.get("X-Requested-With") == "XMLHttpRequest":
|
||||
return JsonResponse(
|
||||
{
|
||||
"error": error_message
|
||||
},
|
||||
{"error": error_message},
|
||||
status=400,
|
||||
)
|
||||
else:
|
||||
messages.error(request, error_message)
|
||||
return redirect(reverse('member', kwargs={'pk': pk}))
|
||||
return redirect(reverse("member", kwargs={"pk": pk}))
|
||||
|
||||
# passed all error conditions
|
||||
portfolio_member_permission.delete()
|
||||
|
@ -150,7 +148,7 @@ class PortfolioMemberDeleteView(PortfolioMemberPermission, View):
|
|||
return JsonResponse({"success": success_message}, status=200)
|
||||
else:
|
||||
messages.success(request, success_message)
|
||||
return redirect(reverse('members'))
|
||||
return redirect(reverse("members"))
|
||||
|
||||
|
||||
class PortfolioMemberEditView(PortfolioMemberEditPermissionView, View):
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue