corbz/PYRSS-Website
corbz/PYRSS-Website
1
0
Fork 0
Code Issues 21 Pull Requests Actions Releases 1 Wiki Activity

style table update

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-10-20 15:35:34 +01:00
parent 5657d192b1
commit 078390ea81
2 changed files with 23 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
apps/home/static/home/js/tabs/styles.js
View File

@ -11,53 +11,54 @@ function initMessageStylesModule() {
{ {
title: "Name", title: "Name",
data: "name", data: "name",
render: function(data, type, row) { className: "col-name",
const btn = renderEditColumn(data); render: (name, type, style) => {
return row.auto_created ? const elem = renderEditColumn(name);
$(btn).removeClass("edit-modal").addClass("disabled")[0] return style.auto_created ?
: btn; $(elem).removeClass("edit-modal").addClass("disabled").attr("role", null)[0]
: elem;
} }
}, },
{ {
title: "Is Embed", title: "Embed",
data: "is_embed", data: "is_embed",
className: "text-center", className: "col-icon",
render: renderBooleanColumn render: renderBooleanColumn
}, },
{ {
title: "Embed Colour", title: "Colour",
data: "colour", data: "colour",
className: "text-center", className: "col-hex",
render: renderHexColourColumn render: renderHexColourColumn
}, },
{ {
title: "Is Hyperlinked", title: "Hyperlinked",
data: "is_hyperlinked", data: "is_hyperlinked",
className: "text-center", className: "col-icon-wide",
render: renderBooleanColumn render: renderBooleanColumn
}, },
{ {
title: "Show Author", title: "Authored",
data: "show_author", data: "show_author",
className: "text-center", className: "col-icon-wide",
render: renderBooleanColumn render: renderBooleanColumn
}, },
{ {
title: "Show Timestamp", title: "Timestamped",
data: "show_timestamp", data: "show_timestamp",
className: "text-center", className: "col-icon-wide",
render: renderBooleanColumn render: renderBooleanColumn
}, },
{ {
title: "Show Images", title: "Images",
data: "show_images", data: "show_images",
className: "text-center", className: "col-icon",
render: renderBooleanColumn render: renderBooleanColumn
}, },
{ {
title: "Fetch Images", title: "Fetch Images",
data: "fetch_images", data: "fetch_images",
className: "text-center", className: "col-icon-wide",
render: renderBooleanColumn render: renderBooleanColumn
}, },
{ {

4
apps/home/static/home/scss/tables.scss
View File

@ -88,6 +88,7 @@
.table { .table {
td, th { vertical-align: middle; } td, th { vertical-align: middle; }
th { text-wrap: nowrap; }
// Top & bottom border colours // Top & bottom border colours
border-color: var(--bs-border-color); border-color: var(--bs-border-color);
@ -141,12 +142,13 @@
.col { .col {
&-checkbox { @include col-styles($col-check); }
&-name { @include col-styles($col-label); } &-name { @include col-styles($col-label); }
&-url { @include col-styles($col-url, $col-url * 2); } &-url { @include col-styles($col-url, $col-url * 2); }
&-date { @include col-styles($col-date); } &-date { @include col-styles($col-date); }
&-checkbox { @include col-styles($col-check); }
&-switch { @include col-styles($col-switch); } &-switch { @include col-styles($col-switch); }
&-icon { text-align: center; @include col-styles($col-icon); } &-icon { text-align: center; @include col-styles($col-icon); }
&-icon-wide { text-align: center; @include col-styles($col-icon, $col-icon + 30px) }
&-hex { &-hex {
text-align: center; text-align: center;
@include col-styles($col-icon); @include col-styles($col-icon);