N0VA/out-of-your-element
0
1
Fork 0
Code Issues Pull Requests Releases Activity

Align things in the UI

Browse Source
This commit is contained in:
N0VA
2026-10-04 10:05:58 +02:00
parent 0b888cfbf2
commit 6ac6858375
1 changed files with 40 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/pug/guild.pug
+26 -13
View File
@@ -195,48 +195,61 @@ block body
h3.mt32.fs-category#room-notifications Room notifications h3.mt32.fs-category#room-notifications Room notifications
.s-card .s-card
p.s-description.mt0 Choose which Discord role receives Matrix @room notifications p.s-description.mt0 Choose which Discord role receives Matrix @room notifications
if customPingRooms.length
.s-table-container(style="container-type: inline-size")
table.s-table.s-table__bx-simple(style="table-layout: fixed")
thead
tr
th(scope="col" style="width: calc(50cqw - 40px)") Channel
th.pr0(scope="col") Notify role
tbody
each row in customPingRooms each row in customPingRooms
.d-flex.ai-center.g16.mb8 tr
label.s-label.fl-grow1(for="ping-role-" + row.channel.id)= "#" + row.channel.name td.va-middle
form(method="post" action=rel("/api/room-ping-role")) label.s-label(for="ping-role-" + row.channel.id)= "#" + row.channel.name
td.pr0
.d-flex.ai-start.g16
form.fl-grow1.wmn0(method="post" action=rel("/api/room-ping-role"))
input(type="hidden" name="guild_id" value=guild_id) input(type="hidden" name="guild_id" value=guild_id)
input(type="hidden" name="channel_id" value=row.channel.id) input(type="hidden" name="channel_id" value=row.channel.id)
.s-select .s-select
select(name="ping_role_id" id="ping-role-" + row.channel.id onchange="this.form.requestSubmit()") select.w100(name="ping_role_id" id="ping-role-" + row.channel.id onchange="this.form.requestSubmit()" style="height: 32px")
if !pingRoles.some(role => role.id === row.ping_role_id) if !pingRoles.some(role => role.id === row.ping_role_id)
option(value=row.ping_role_id selected disabled) Deleted role (choose a replacement) option(value=row.ping_role_id selected disabled) Deleted role (choose a replacement)
each role in pingRoles each role in pingRoles
option(value=role.id selected=row.ping_role_id === role.id)= "@" + role.name option(value=role.id selected=row.ping_role_id === role.id)= "@" + role.name
noscript noscript
button.s-btn.s-btn__outlined.mt8(type="submit") Save button.s-btn.s-btn__outlined.mt8(type="submit") Save
form(method="post" action=rel("/api/room-ping-role")) form.d-flex.ai-stretch(method="post" action=rel("/api/room-ping-role"))
input(type="hidden" name="guild_id" value=guild_id) input(type="hidden" name="guild_id" value=guild_id)
input(type="hidden" name="channel_id" value=row.channel.id) input(type="hidden" name="channel_id" value=row.channel.id)
input(type="hidden" name="ping_role_id" value="") input(type="hidden" name="ping_role_id" value="")
button.s-btn.s-btn__danger.s-btn__outlined(type="submit" aria-label="Remove custom role for #" + row.channel.name) Remove button.s-btn.s-btn__danger.s-btn__outlined.py0(type="submit" aria-label="Remove custom role for #" + row.channel.name style="height: 32px") Remove
if defaultPingRooms.length && pingRoles.length if defaultPingRooms.length && pingRoles.length
details.mt16 details.mt16
summary.s-label.cursor-pointer Add custom role summary.s-label.cursor-pointer Add custom role
form.mt12(method="post" action=rel("/api/room-ping-role")) form.mt16(method="post" action=rel("/api/room-ping-role"))
input(type="hidden" name="guild_id" value=guild_id) input(type="hidden" name="guild_id" value=guild_id)
.d-grid.grid__2.g8(class="sm:grid__1") .d-flex.fw-wrap.ai-end.g16
.wmn0 .fl-grow1.wmn0(style="flex-basis: 0; min-width: 180px")
label.s-label(for="ping-role-channel") Channel label.s-label(for="ping-role-channel") Channel
.s-select .s-select
select.w100.box-border#ping-role-channel(name="channel_id" required) select.w100.box-border#ping-role-channel(name="channel_id" required style="height: 32px")
option(value="" selected disabled) Choose a channel option(value="" selected disabled) Choose a channel
each row in defaultPingRooms each row in defaultPingRooms
- const parent = discord.channels.get(row.channel.parent_id) - const parent = discord.channels.get(row.channel.parent_id)
option(value=row.channel.id)= "#" + row.channel.name + (parent ? " - " + parent.name : "") option(value=row.channel.id)= "#" + row.channel.name + (parent ? " - " + parent.name : "")
.wmn0 .fl-grow1.wmn0(style="flex-basis: 0; min-width: 180px")
label.s-label(for="ping-role-new") Notify role label.s-label(for="ping-role-new") Notify role
.s-select .s-select
select.w100.box-border#ping-role-new(name="ping_role_id" required) select.w100.box-border#ping-role-new(name="ping_role_id" required style="height: 32px")
option(value="" selected disabled) Choose a role option(value="" selected disabled) Choose a role
each role in pingRoles each role in pingRoles
option(value=role.id)= "@" + role.name option(value=role.id)= "@" + role.name
button.s-btn.s-btn__filled.mt8(type="submit") Add button.s-btn.s-btn__icon.s-btn__filled.d-inline-flex.ai-center.g4.py0(type="submit" style="height: 32px")
!= icons.Icons.IconPlusSm
span Add
h3.fs-category.mt32 Auto-create h3.fs-category.mt32 Auto-create
.s-card.d-grid.px0 .s-card.d-grid.px0