Make deactivate-all use confirm()

This commit is contained in:
Tim Van Baak 2023-06-02 15:40:10 -07:00
parent 11d4a7db41
commit 1ce1ec9bdc

View File

@ -57,7 +57,7 @@ pre {
table.feed-control td { table.feed-control td {
font-family: monospace; padding: 5px 10px; font-family: monospace; padding: 5px 10px;
} }
div#pager { div.center {
text-align: center; text-align: center;
} }
</style> </style>
@ -91,16 +91,19 @@ var punt = function (source, itemid) {
}); });
}; };
var mdeactivate = function (items) { var mdeactivate = function (items) {
fetch('/mass-deactivate/', { console.log(items);
method: 'POST', if (confirm(`Deactivate ${items.length} items?`)) {
headers: { fetch('/mass-deactivate/', {
'Content-Type': 'application/json; charset=UTF-8', method: 'POST',
}, headers: {
body: JSON.stringify({items: items}), 'Content-Type': 'application/json; charset=UTF-8',
}) },
.then(function () { body: JSON.stringify({items: items}),
location.reload(); })
}); .then(function () {
location.reload();
});
}
}; };
var doAction = function (source, itemid, action) { var doAction = function (source, itemid, action) {
document.getElementById(`${source}-${itemid}-action-${action}`).disabled = true; document.getElementById(`${source}-${itemid}-action-${action}`).disabled = true;
@ -168,7 +171,7 @@ var doAction = function (source, itemid, action) {
{% endfor %} {% endfor %}
{% if pager_prev or pager_next %} {% if pager_prev or pager_next %}
<div class="readable-item" id="pager"> <div class="readable-item center">
<span class="item-title"> <span class="item-title">
<a {% if pager_prev -%} href="{{pager_prev}}" {%- endif %}>Prev</a> | <a {% if pager_next -%} href="{{pager_next}}" {%- endif %}>Next</a> <a {% if pager_prev -%} href="{{pager_prev}}" {%- endif %}>Prev</a> | <a {% if pager_next -%} href="{{pager_next}}" {%- endif %}>Next</a>
</span> </span>
@ -177,18 +180,15 @@ var doAction = function (source, itemid, action) {
{% if items %} {% if items %}
<div class="readable-item"> <div class="readable-item">
<details>
<summary><span class="item-title">Feed Management</span></summary>
<div style="text-align:center;"> <div style="text-align:center;">
<button style="font-size: 1.4em;" onclick="javascript:mdeactivate({{ mdeac|safe }})">Deactivate All</button> <button onclick="javascript:mdeactivate({{ mdeac|safe }})">Deactivate All</button>
</div> </div>
</details>
</div> </div>
{% endif %} {% endif %}
{# if items #} {# if items #}
{% else %} {% else %}
<div class="readable-item"> <div class="readable-item center">
<span class="item-title">Feed is empty</span> <span class="item-title">Feed is empty</span>
</div> </div>
{% endif %} {% endif %}