update subscription display

This commit is contained in:
Corban-Lee Jones 2024-03-12 10:49:22 +00:00
parent c11d87bf79
commit 3a4b69539d

View File

@ -221,10 +221,6 @@
<div>
<label for="editSubChannels">Channels</label>
<select name="editSubChannels" id="editSubChannels" class="form-select bdrs-2 bd" required multiple>
<option value="1039201459188805692">CodeHub</option>
<option value="753323563381031042">Orange</option>
<option value="1204426362794811453">PYRSS Home</option>
<option value="410208534861447168">Ryujinx</option>
</select>
</div>
</div>
@ -258,41 +254,6 @@
<script id="subItemTemplate" type="text/template">
<div class="col-md-4 col-xxl-3">
<div class="sub-item layers bd bg-body h-100 rounded-3" data-uuid="">
<!-- <div class="layer w-100 bdB pb-4">
<div class="d-flex px-4">
<span class="h5 lh-1 sub-name mb-0"></span>
<img class="sub-img h-100">
</div>
</div>
<div class="layer w-100 py-4 px-4">
<p class="sub-desc mb-0"></p>
</div>
<div class="layer w-100 mb-3 px-4">
<span class=sub-uuid></span>
</div>
<div class="layer w-100 mb-3 px-4">
<a class="sub-rss"></a>
</div>
<div class="layer w-100 mb-3 px-4">
<img class="sub-img mw-100" height="75">
</div>
<div class="layer d-flex flex-wrap w-100 mt-auto bdT pb-3 px-4">
<div class="me-auto d-flex ai-c">
<div class="form-check">
<input type="checkbox" class="form-check-input mt-3" style="transform:scale(1.25);">
</div>
</div>
<div>
<button class="sub-edit btn btn-sm bg-body-tertiary bdrs-2 mt-3 cur-p draw-border draw-border-secondary">
<i class="bi bi-pencil me-1`"></i>
Edit
</button>
<button class="sub-delete btn btn-sm bg-body-tertiary bdrs-2 mt-3 cur-p draw-border draw-border-danger">
<i class="bi bi-trash me-1`"></i>
Delete
</button>
</div>
</div> -->
<div class="layer w-100">
<div class="peers p-4 flex-nowrap">
<div class="peer peer-greed me-4">
@ -300,16 +261,34 @@
<span class="sub-uuid"></span>
</div>
<div class="peer">
<img src="" alt="" class="sub-img">
<img src="" alt="" class="sub-img rounded-3" width="100" height="100" style="object-fit: contain; ">
</div>
</div>
</div>
<div class="w-50 align-self-start bd mx-4"></div>
<div class="layer w-100 p-4">
<div class="layer w-100 p-4 bdT">
<p class="sub-desc mb-4"></p>
<a class="sub-rss"></a>
</div>
<div class="layer w-100 bdT p-4 mt-auto">
<div class="layer w-100 p-4 pt-0 mt-auto">
<div class="peers text-center fs-5">
<div class="peer peer-greed" title="todo: amount of channels">
<!-- channels -->
<i class="bi bi-hash me-1"></i>
<span>1</span>
</div>
<div class="peer peer-greed" title="todo: amount of processed content">
<!-- tracked -->
<i class="bi bi-search me-1"></i>
<span>0</span>
</div>
<div class="peer peer-greed" title="todo: amount of assigned filters">
<!-- filtered words -->
<i class="bi bi-filter me-1"></i>
<span>0</span>
</div>
</div>
</div>
<div class="layer w-100 bdT p-4">
<div class="peers ai-c">
<div class="peer peer-greed">
<div class="form-check form-switch ms-2">
@ -345,6 +324,11 @@
template.find(".sub-desc").text(data.extra_notes);
template.find(".sub-edit").attr("onclick", `subEditModal("${data.uuid}");`);
template.find(".sub-delete").attr("onclick", `unsubscribe("${data.uuid}");`);
if (!data.extra_notes) {
template.find(".sub-desc").hide();
}
return template
}
@ -378,6 +362,7 @@
function loadChannels(guildID) {
$("#editSubChannels").empty();
$("#editSubChannels").val([]);
$.ajax({
url: `/channels?guild=${guildID}`,
type: "GET",
@ -389,7 +374,14 @@
continue
}
var selectedChannelIDs = $("#editSubChannels").attr("data-current").split(";");
var selectedChannelIDs;
try {
selectedChannelIDs = $("#editSubChannels").attr("data-current").split(";");
}
catch {
selectedChannelIDs = [];
}
$("#editSubChannels").append($("<option>", {
value: channel.id,
@ -465,7 +457,6 @@
$("#editSubChannels").attr("data-current", resp.targets);
$("#editSubNotes").val(resp.extra_notes);
});
}
$("#subEditModal").attr("data-uuid", uuid);
@ -509,8 +500,6 @@
$("#subEditModal").modal("hide");
});
}
}
</script>
{% endblock javascripts %}