almet/ihatemoney
1
0
Fork 0
mirror of https://github.com/spiral-project/ihatemoney.git synced 2025-04-28 17:32:38 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

added confirmation for expense deletion (#1096)

Browse source
This commit is contained in:
cbrosnan 2022-12-11 15:19:31 -05:00 committed by GitHub
parent 7714ed9198
commit 4bef5ad922
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ihatemoney/static/css/main.css
View file

@ -310,6 +310,11 @@ footer .footer-left {
background: url("../images/delete.png") no-repeat right;
}
.bill-actions > form > .confirm.btn-danger {
outline-color: #c82333;
box-shadow: none;
}
.bill-actions > .edit {
background: url("../images/edit.png") no-repeat right;
}

23
ihatemoney/templates/list_bills.html
View file

@ -39,8 +39,29 @@
$('#bill_table tbody tr').hover(highlight_owers, unhighlight_owers);
let link = $('#delete-bill').find('button');
let deleteOriginalHTML = link.html();
link.click(function() {
if (link.hasClass("confirm")){
return true;
}
link.html("{{_("Are you sure?")}}");
link.removeClass("action delete");
link.addClass("confirm btn-danger");
return false;
});
$('#delete-bill').focusout(function() {
link.removeClass("confirm btn-danger");
link.html(deleteOriginalHTML);
link.addClass("action delete");
});
{% endblock %}
{% block sidebar %}
<div class="sidebar_content">
<form id="add-member-form" action="{{ url_for(".add_member") }}" method="post" class="py-3">
@ -137,7 +158,7 @@
</td>
<td class="bill-actions">
<a class="edit" href="{{ url_for(".edit_bill", bill_id=bill.id) }}" title="{{ _("edit") }}">{{ _('edit') }}</a>
<form action="{{ url_for(".delete_bill", bill_id=bill.id) }}" method="POST">
<form id="delete-bill"action="{{ url_for(".delete_bill", bill_id=bill.id) }}" method="POST">
{{ csrf_form.csrf_token }}
<button class="action delete" type="submit" title="{{ _("delete") }}"></button>
</form>