Drift/delete-your-element
1
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

Add loading indicator to invite screens

Browse Source
This commit is contained in:
Cadence Ember
2025-02-01 22:27:27 +13:00
parent 17ea92a8c2
commit eec8b0f15b
4 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/web/pug/guild.pug
View File

@@ -56,7 +56,7 @@ block body
.fl-grow1
h2.fs-headline1 Invite a Matrix user
form.d-grid.g-af-column.gy4.gx8.jc-start(method="post" action="/api/invite" style="grid-template-rows: repeat(2, auto)")
form.d-grid.g-af-column.gy4.gx8.jc-start(method="post" action="/api/invite" hx-post="/api/invite" hx-indicator="#invite-button")
label.s-label(for="mxid") Matrix ID
input.fl-grow1.s-input.wmx3#mxid(name="mxid" required placeholder="@user:example.org")
label.s-label(for="permissions") Permissions
@@ -67,12 +67,10 @@ block body
option(value="admin") Admin
input(type="hidden" name="guild_id" value=guild_id)
.grid--row-start2
button.s-btn.s-btn__filled Invite
button.s-btn.s-btn__filled#invite-button Invite
div
!= svg
h2.mt48.fs-headline1 Moderation
h2.mt48.fs-headline1 Matrix setup
h3.mt32.fs-category Linked channels

6
src/web/pug/invite.pug
View File

@@ -13,11 +13,11 @@ block body
.s-page-title.mb24
h1.s-page-title--header= guild.name
.d-flex.g16
.d-flex.g16#form-container
.fl-grow1
h2.fs-headline1 Invite a Matrix user
form.d-flex.gy16.fd-column(method="post" action="/api/invite" style="grid-template-rows: repeat(2, auto)")
form.d-flex.gy16.fd-column(method="post" action="/api/invite" hx-post="/api/invite" hx-indicator="#invite-button" hx-select="#ok" hx-target="#form-container")
.d-flex.gy4.fd-column
label.s-label(for="mxid") Matrix ID
input.fl-grow1.s-input.wmx3#mxid(name="mxid" required placeholder="@user:example.org")
@@ -30,4 +30,4 @@ block body
option(value="admin") Admin
input(type="hidden" name="nonce" value=nonce)
div
button.s-btn.s-btn__filled.htmx-indicator Invite
button.s-btn.s-btn__filled#invite-button Invite

2
src/web/pug/ok.pug
View File

@@ -1,6 +1,6 @@
extends includes/template.pug
block body
.ta-center.wmx5.p48.mx-auto
.ta-center.wmx5.p48.mx-auto#ok
!= icons.Spots.SpotApproveXL
p.mt24.fs-body2= msg