delete button on edit modal + edit modal spacing

This commit is contained in:
Corban-Lee Jones 2024-06-05 12:35:49 +01:00
parent 729eab65fc
commit 1306ea684a
2 changed files with 29 additions and 19 deletions

View File

@ -251,6 +251,15 @@ $(document).on("selectedServerChange", async function() {
await loadFilterOptions(activeServer.guild_id);
})
// Delete button on the 'edit subscription' modal
$("#deleteEditSub").on("click", async function() {
const subId = $("#subId").val();
await deleteSubscription(subId);
await loadSubscriptions(getCurrentlyActiveServer().guild_id);
$("#subFormModal").modal("hide");
showToast("danger", "Deleted Subscription", "Subscription ID: " + subId);
});
$("#deleteSelectedSubscriptionsBtn").on("click", async function() {
// showToast("danger", "Not Implemented", "This feature isn't implemented");
@ -258,7 +267,7 @@ $("#deleteSelectedSubscriptionsBtn").on("click", async function() {
$.each(rows, async function() {
// alert(JSON.stringify(this, null, 4));
await deleteSubscription(this.id);
showToast("danger", "Deleted Subscription", "Subscription ID: " + this.id)
showToast("danger", "Deleted Subscription", "Subscription ID: " + this.id);
});
await loadSubscriptions(getCurrentlyActiveServer().guild_id);

View File

@ -80,31 +80,32 @@
Subscription
</h5>
</div>
<div class="modal-body py-4">
<div class="modal-body p-4">
<input type="hidden" id="subId" name="subId">
<div class="row">
<div class="col-lg-6 pe-lg-3">
<div class="mb-3">
<div class="col-lg-6 pe-lg-4">
<div class="mb-4">
<label for="subName" class="form-label">Name</label>
<input type="text" id="subName" name="subName" class="form-control rounded-1" placeholder="My News Feed">
<div class="form-text">Use a unique name to refer to this subscription.</div>
</div>
<div class="mb-3">
<label for="subUrl" class="form-label">URL</label>
<input type="url" id="subUrl" name="subUrl" class="form-control rounded-1" placeholder="http://example.com/rss.xml">
<div class="form-text">Must point to a valid <a href="https://en.wikipedia.org/wiki/RSS" class="text-decoration-none">RSS</a> feed.</div>
</div>
<div class="mb-3 mb-lg-0">
<label for="subExtraNotes" class="form-label">Extra Notes</label>
<textarea id="subExtraNotes" name="subExtraNotes" class="form-control rounded-1" placeholder="" style="resize: none; height: 7rem"></textarea>
</div>
</div>
<div class="col-lg-6 ps-lg-3">
<div class="mb-3">
<div class="mb-4">
<label for="subChannels" class="form-label">Channels</label>
<select name="subChannels" id="subChannels" class="select-2" multiple data-dropdownparent="#subFormModal"></select>
<div class="form-text">Subscription content will be sent to these channels.</div>
</div>
<div class="mb-3">
<div class="mb-4 mb-lg-0">
<label for="subExtraNotes" class="form-label">Extra Notes</label>
<textarea id="subExtraNotes" name="subExtraNotes" class="form-control rounded-1" placeholder="" style="resize: none; height: 7rem"></textarea>
</div>
</div>
<div class="col-lg-6 ps-lg-4">
<div class="mb-4">
<label for="subUrl" class="form-label">URL</label>
<input type="url" id="subUrl" name="subUrl" class="form-control rounded-1" placeholder="http://example.com/rss.xml">
<div class="form-text">Must point to a valid <a href="https://en.wikipedia.org/wiki/RSS" class="text-decoration-none">RSS</a> feed.</div>
</div>
<div class="mb-4">
<label for="subFilters" class="form-label">Filters</label>
<select name="subFilters" id="subFilters" class="select-2" multiple data-dropdownparent="#subFormModal"></select>
<div class="form-text">Filters to apply to this subscription's content.</div>
@ -114,13 +115,13 @@
<br>
<input type="checkbox" id="subActive" name="subActive" class="form-check-input ms-0">
<br>
<small class="form-text">Inactive subscriptions wont be processed.</small>
<div class="form-text">Inactive subscriptions wont be processed.</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger rounded-1 me-auto form-edit">Delete</button>
<button type="button" id="deleteEditSub" class="btn btn-danger rounded-1 me-auto form-edit">Delete</button>
<button type="submit" class="btn btn-primary rounded-1 me-0">
<span class="form-create">Create</span>
<span class="form-edit">Confirm Edit</span>