corbz/pyrss-ng
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

tags on filter table

Browse Source
This commit is contained in:
Corban-Lee Jones 2025-03-16 23:09:03 +00:00
parent 92b097fcca
commit 25db5c73fb
2 changed files with 32 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/client/public/js/guild/filters.js
View File

@ -135,14 +135,21 @@ const defineTable = () => {
data: "is_insensitive", data: "is_insensitive",
orderable: true, orderable: true,
searchable: true, searchable: true,
render: (data, type, row) => { render: data => {
return ` wrapper = $("<div>").addClass("px-6 py-4");
<td class="size-px whitespace-nowrap align-top"> badge = $("<span>").addClass("py-1 px-1.5 inline-flex items-center text-xs font-medium rounded-full");
<a href="#" class="block px-6 py-4 text-blue-500 hover:text-blue-600 focus:text-blue-600 dark:text-blue-400 dark:hover:text-blue-500 dark:focus:text-blue-500 text-nowrap"> label = $("<span>");
${data}
</a> if (data) {
</td> badge.addClass("bg-red-100 text-red-800 dark:bg-red-500/10 dark:bg-red-500");
`; badge.append(label.text("No"));
} else {
badge.addClass("bg-teal-100 text-teal-800 dark:bg-teal-500/10 dark:text-teal-500");
badge.append(label.text("Yes"));
}
wrapper.append(badge);
return wrapper.get(0);
} }
}, },
{ {
@ -151,14 +158,21 @@ const defineTable = () => {
data: "is_whitelist", data: "is_whitelist",
orderable: true, orderable: true,
searchable: true, searchable: true,
render: (data, type, row) => { render: data => {
return ` wrapper = $("<div>").addClass("px-6 py-4");
<td class="size-px whitespace-nowrap align-top"> badge = $("<span>").addClass("py-1 px-1.5 inline-flex items-center text-xs font-medium rounded-full");
<a href="#" class="block px-6 py-4 text-blue-500 hover:text-blue-600 focus:text-blue-600 dark:text-blue-400 dark:hover:text-blue-500 dark:focus:text-blue-500 text-nowrap"> label = $("<span>");
${data}
</a> if (data) {
</td> badge.addClass("bg-teal-100 text-teal-800 dark:bg-teal-500/10 dark:text-teal-500");
`; badge.append(label.text("Whitelist"));
} else {
badge.addClass("bg-red-100 text-red-800 dark:bg-red-500/10 dark:bg-red-500");
badge.append(label.text("Blacklist"));
}
wrapper.append(badge);
return wrapper.get(0);
} }
}, },
{ {

10
src/client/public/js/guild/subscriptions.js
View File

@ -213,12 +213,7 @@ const defineTable = () => {
data: "active", data: "active",
orderable: true, orderable: true,
searchable: true, searchable: true,
render: (data, type, row) => { render: (_data, _type, row) => {
// TODO:
// fix the badge icon not showing,
// its probvably because of jquery adding a closing tag ?
wrapper = $("<div>").addClass("px-6 py-4"); wrapper = $("<div>").addClass("px-6 py-4");
badge = $("<span>").addClass("py-1 px-1.5 inline-flex items-center gap-x-1 text-xs font-medium rounded-full"); badge = $("<span>").addClass("py-1 px-1.5 inline-flex items-center gap-x-1 text-xs font-medium rounded-full");
label = $("<span>"); label = $("<span>");
@ -227,8 +222,7 @@ const defineTable = () => {
badge.addClass("bg-teal-100 text-teal-800 dark:bg-teal-500/10 dark:text-teal-500"); badge.addClass("bg-teal-100 text-teal-800 dark:bg-teal-500/10 dark:text-teal-500");
badge.append($('<svg class="size-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/></svg>')) badge.append($('<svg class="size-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/></svg>'))
.append(label.text("Active")); .append(label.text("Active"));
} } else {
else {
badge.addClass("bg-red-100 text-red-800 dark:bg-red-500/10 dark:text-red-500"); badge.addClass("bg-red-100 text-red-800 dark:bg-red-500/10 dark:text-red-500");
badge.append($('<svg class="size-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"/></svg>')) badge.append($('<svg class="size-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"/></svg>'))
.append(label.text("Inactive")); .append(label.text("Inactive"));