@ -22,23 +22,23 @@
< div id = "modal-login" class = "modal" >
< div id = "modal-login" class = "modal" >
< form class = "modal-content card" id = "form-login" href = "" >
< form class = "modal-content card" id = "form-login" href = "" >
< span class = "heading" > {{ .strings.login }}< / span >
< span class = "heading" > {{ .strings.login }}< / span >
< input type = "text" class = "field input ~neutral ! high mt-half mb-1" placeholder = "{{ .strings.username }}" id = "login-user" >
< input type = "text" class = "field input ~neutral @ high mt-half mb-1" placeholder = "{{ .strings.username }}" id = "login-user" >
< input type = "password" class = "field input ~neutral ! high mb-1" placeholder = "{{ .strings.password }}" id = "login-password" >
< input type = "password" class = "field input ~neutral @ high mb-1" placeholder = "{{ .strings.password }}" id = "login-password" >
< label >
< label >
< input type = "submit" class = "unfocused" >
< input type = "submit" class = "unfocused" >
< span class = "button ~urge !normal full-width center supra submit"> {{ .strings.login }}< / span >
< span class = "button ~urge @low full-width center supra submit"> {{ .strings.login }}< / span >
< / label >
< / label >
< / form >
< / form >
< / div >
< / div >
< div id = "modal-add-user" class = "modal" >
< div id = "modal-add-user" class = "modal" >
< form class = "modal-content card" id = "form-add-user" href = "" >
< form class = "modal-content card" id = "form-add-user" href = "" >
< span class = "heading" > {{ .strings.newUser }} < span class = "modal-close" > × < / span > < / span >
< span class = "heading" > {{ .strings.newUser }} < span class = "modal-close" > × < / span > < / span >
< input type = "text" class = "field input ~neutral ! high mt-half mb-1" placeholder = "{{ .strings.username }}" id = "add-user-user" >
< input type = "text" class = "field input ~neutral @ high mt-half mb-1" placeholder = "{{ .strings.username }}" id = "add-user-user" >
< input type = "email" class = "field input ~neutral ! high mt-half mb-1" placeholder = "{{ .strings.emailAddress }}" >
< input type = "email" class = "field input ~neutral @ high mt-half mb-1" placeholder = "{{ .strings.emailAddress }}" >
< input type = "password" class = "field input ~neutral ! high mb-1" placeholder = "{{ .strings.password }}" id = "add-user-password" >
< input type = "password" class = "field input ~neutral @ high mb-1" placeholder = "{{ .strings.password }}" id = "add-user-password" >
< label >
< label >
< input type = "submit" class = "unfocused" >
< input type = "submit" class = "unfocused" >
< span class = "button ~urge !normal full-width center supra submit"> {{ .strings.create }}< / span >
< span class = "button ~urge @low full-width center supra submit"> {{ .strings.create }}< / span >
< / label >
< / label >
< / form >
< / form >
< / div >
< / div >
@ -59,13 +59,13 @@
< span class = "ml-1 chev" > < / span >
< span class = "ml-1 chev" > < / span >
< / a >
< / a >
< div class = "dropdown-display" >
< div class = "dropdown-display" >
< div class = "card ~info ! low">
< div class = "card ~info @ low">
< a href = "https://github.com/sponsors/hrfee" target = "_blank" class = "button input ~neutral field mb-half lang-link" > GitHub< / a >
< a href = "https://github.com/sponsors/hrfee" target = "_blank" class = "button input ~neutral field mb-half lang-link" > GitHub< / a >
< a href = "https://ko-fi.com/hrfee" target = "_blank" class = "button input ~neutral field mb-half lang-link" > Ko-fi< / a >
< a href = "https://ko-fi.com/hrfee" target = "_blank" class = "button input ~neutral field mb-half lang-link" > Ko-fi< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< a class = "button ~urge mt-1 mb-1 !normal discord lang-link" href = "https://discord.com/invite/MrtvuQmyhP" target = "_blank" > < i class = "ri-discord-line mr-half" > < / i > discord< / a >
< a class = "button ~urge mt-1 mb-1 @low discord lang-link" href = "https://discord.com/invite/MrtvuQmyhP" target = "_blank" > < i class = "ri-discord-line mr-half" > < / i > discord< / a >
< / div >
< / div >
< p > < a href = "https://github.com/hrfee/jfa-go/blob/main/LICENSE" > Available under the MIT License.< / a > < / p >
< p > < a href = "https://github.com/hrfee/jfa-go/blob/main/LICENSE" > Available under the MIT License.< / a > < / p >
< pre class = "monospace" > {{ .license }}< / pre >
< pre class = "monospace" > {{ .license }}< / pre >
@ -78,17 +78,17 @@
< div class = "flex-row mb-1" >
< div class = "flex-row mb-1" >
< label class = "flex-row-group mr-1" >
< label class = "flex-row-group mr-1" >
< input type = "radio" name = "modify-user-source" class = "unfocused" id = "radio-use-profile" checked >
< input type = "radio" name = "modify-user-source" class = "unfocused" id = "radio-use-profile" checked >
< span class = "button ~neutral ! high supra full-width center"> {{ .strings.profile }}< / span >
< span class = "button ~neutral @ high supra full-width center"> {{ .strings.profile }}< / span >
< / label >
< / label >
< label class = "flex-row-group ml-1" >
< label class = "flex-row-group ml-1" >
< input type = "radio" name = "modify-user-source" class = "unfocused" id = "radio-use-user" >
< input type = "radio" name = "modify-user-source" class = "unfocused" id = "radio-use-user" >
< span class = "button ~neutral !normal supra full-width center"> {{ .strings.user }}< / span >
< span class = "button ~neutral @low supra full-width center"> {{ .strings.user }}< / span >
< / label >
< / label >
< / div >
< / div >
< div class = "select ~neutral !normal mb-1">
< div class = "select ~neutral @low mb-1">
< select id = "modify-user-profiles" > < / select >
< select id = "modify-user-profiles" > < / select >
< / div >
< / div >
< div class = "select ~neutral !normal mb-1 unfocused">
< div class = "select ~neutral @low mb-1 unfocused">
< select id = "modify-user-users" > < / select >
< select id = "modify-user-users" > < / select >
< / div >
< / div >
< label class = "switch mb-1" >
< label class = "switch mb-1" >
@ -97,7 +97,7 @@
< / label >
< / label >
< label >
< label >
< input type = "submit" class = "unfocused" >
< input type = "submit" class = "unfocused" >
< span class = "button ~urge !normal full-width center supra submit"> {{ .strings.apply }}< / span >
< span class = "button ~urge @low full-width center supra submit"> {{ .strings.apply }}< / span >
< / label >
< / label >
< / form >
< / form >
< / div >
< / div >
@ -109,10 +109,10 @@
< input type = "checkbox" id = "delete-user-notify" checked >
< input type = "checkbox" id = "delete-user-notify" checked >
< span > {{ .strings.sendDeleteNotificationEmail }}< / span >
< span > {{ .strings.sendDeleteNotificationEmail }}< / span >
< / label >
< / label >
< textarea id = "textarea-delete-user" class = "textarea full-width ~neutral !normal mb-1" placeholder = "{{ .strings.sendDeleteNotificationExample }}" > < / textarea >
< textarea id = "textarea-delete-user" class = "textarea full-width ~neutral @low mb-1" placeholder = "{{ .strings.sendDeleteNotificationExample }}" > < / textarea >
< label >
< label >
< input type = "submit" class = "unfocused" >
< input type = "submit" class = "unfocused" >
< span class = "button ~critical !normal full-width center supra submit"> {{ .strings.delete }}< / span >
< span class = "button ~critical @low full-width center supra submit"> {{ .strings.delete }}< / span >
< / label >
< / label >
< / div >
< / div >
< / form >
< / form >
@ -124,7 +124,7 @@
< div class = "row" >
< div class = "row" >
< div class = "col" >
< div class = "col" >
< label class = "label supra" for = "extend-expiry-months" > {{ .strings.inviteMonths }}< / label >
< label class = "label supra" for = "extend-expiry-months" > {{ .strings.inviteMonths }}< / label >
< div class = "select ~neutral !normal mb-1 mt-half">
< div class = "select ~neutral @low mb-1 mt-half">
< select id = "extend-expiry-months" >
< select id = "extend-expiry-months" >
< option > 0< / option >
< option > 0< / option >
< / select >
< / select >
@ -132,7 +132,7 @@
< / div >
< / div >
< div class = "col" >
< div class = "col" >
< label class = "label supra" for = "extend-expiry-days" > {{ .strings.inviteDays }}< / label >
< label class = "label supra" for = "extend-expiry-days" > {{ .strings.inviteDays }}< / label >
< div class = "select ~neutral !normal mb-1 mt-half">
< div class = "select ~neutral @low mb-1 mt-half">
< select id = "extend-expiry-days" >
< select id = "extend-expiry-days" >
< option > 0< / option >
< option > 0< / option >
< / select >
< / select >
@ -142,7 +142,7 @@
< div class = "row" >
< div class = "row" >
< div class = "col" >
< div class = "col" >
< label class = "label supra" for = "extend-expiry-hours" > {{ .strings.inviteHours }}< / label >
< label class = "label supra" for = "extend-expiry-hours" > {{ .strings.inviteHours }}< / label >
< div class = "select ~neutral !normal mb-1 mt-half">
< div class = "select ~neutral @low mb-1 mt-half">
< select id = "extend-expiry-hours" >
< select id = "extend-expiry-hours" >
< option > 0< / option >
< option > 0< / option >
< / select >
< / select >
@ -150,7 +150,7 @@
< / div >
< / div >
< div class = "col" >
< div class = "col" >
< label class = "label supra" for = "extend-expiry-minutes" > {{ .strings.inviteMinutes }}< / label >
< label class = "label supra" for = "extend-expiry-minutes" > {{ .strings.inviteMinutes }}< / label >
< div class = "select ~neutral !normal mb-1 mt-half">
< div class = "select ~neutral @low mb-1 mt-half">
< select id = "extend-expiry-minutes" >
< select id = "extend-expiry-minutes" >
< option > 0< / option >
< option > 0< / option >
< / select >
< / select >
@ -161,10 +161,10 @@
< input type = "checkbox" id = "expiry-extend-enable" checked >
< input type = "checkbox" id = "expiry-extend-enable" checked >
< span > {{ .strings.sendDeleteNotificationEmail }}< / span >
< span > {{ .strings.sendDeleteNotificationEmail }}< / span >
< / label >
< / label >
< textarea id = "textarea-extend-enable" class = "textarea full-width ~neutral !normal mb-1" placeholder = "{{ .strings.sendDeleteNotificationExample }}" > < / textarea >
< textarea id = "textarea-extend-enable" class = "textarea full-width ~neutral @low mb-1" placeholder = "{{ .strings.sendDeleteNotificationExample }}" > < / textarea >
< label >
< label >
< input type = "submit" class = "unfocused" >
< input type = "submit" class = "unfocused" >
< span class = "button ~critical !normal full-width center supra submit"> {{ .strings.submit }}< / span >
< span class = "button ~critical @low full-width center supra submit"> {{ .strings.submit }}< / span >
< / label >
< / label >
< / div >
< / div >
< / form >
< / form >
@ -177,27 +177,27 @@
< div id = "announce-details" >
< div id = "announce-details" >
< span class = "label supra" for = "editor-variables" id = "label-editor-variables" > {{ .strings.variables }}< / span >
< span class = "label supra" for = "editor-variables" id = "label-editor-variables" > {{ .strings.variables }}< / span >
< div id = "announce-variables" >
< div id = "announce-variables" >
< span class = "button ~urge !normal mb-1 mt-half" id = "announce-variables-username" style = "margin-left: 0.25rem; margin-right: 0.25rem;" > < span class = "monospace" > {username}< / span > < / span >
< span class = "button ~urge @low mb-1 mt-half" id = "announce-variables-username" style = "margin-left: 0.25rem; margin-right: 0.25rem;" > < span class = "monospace" > {username}< / span > < / span >
< / div >
< / div >
< label class = "label supra" for = "announce-subject" > {{ .strings.subject }}< / label >
< label class = "label supra" for = "announce-subject" > {{ .strings.subject }}< / label >
< input type = "text" id = "announce-subject" class = "input ~neutral !normal mb-1 mt-half">
< input type = "text" id = "announce-subject" class = "input ~neutral @low mb-1 mt-half">
< label class = "label supra" for = "textarea-announce" > {{ .strings.message }}< / label >
< label class = "label supra" for = "textarea-announce" > {{ .strings.message }}< / label >
< textarea id = "textarea-announce" class = "textarea full-width ~neutral !normal mt-half monospace"> < / textarea >
< textarea id = "textarea-announce" class = "textarea full-width ~neutral @low mt-half monospace"> < / textarea >
< p class = "support mt-half mb-1" > {{ .strings.markdownSupported }}< / p >
< p class = "support mt-half mb-1" > {{ .strings.markdownSupported }}< / p >
< / div >
< / div >
< label class = "label unfocused" id = "announce-name" > < p class = "supra" > {{ .strings.name }}< / p >
< label class = "label unfocused" id = "announce-name" > < p class = "supra" > {{ .strings.name }}< / p >
< input type = "text" class = "input ~neutral !normal mb-1 mt-half">
< input type = "text" class = "input ~neutral @low mb-1 mt-half">
< p class = "support" > {{ .strings.templateEnterName }}< / p >
< p class = "support" > {{ .strings.templateEnterName }}< / p >
< / label >
< / label >
< div class = "row flex-expand" >
< div class = "row flex-expand" >
< label >
< label >
< input type = "submit" class = "unfocused" >
< input type = "submit" class = "unfocused" >
< span class = "button ~urge !normal center supra submit"> {{ .strings.send }}< / span >
< span class = "button ~urge @low center supra submit"> {{ .strings.send }}< / span >
< / label >
< / label >
< span class = "button ~info !normal center supra" id = "save-announce" > {{ .strings.saveAsTemplate }}< / span >
< span class = "button ~info @low center supra" id = "save-announce" > {{ .strings.saveAsTemplate }}< / span >
< / div >
< / div >
< / div >
< / div >
< div class = "col card ~neutral ! low">
< div class = "col card ~neutral @ low">
< span class = "subheading supra" > {{ .strings.preview }}< / span >
< span class = "subheading supra" > {{ .strings.preview }}< / span >
< div class = "mt-half" id = "announce-preview" > < / div >
< div class = "mt-half" id = "announce-preview" > < / div >
< / div >
< / div >
@ -232,16 +232,16 @@
< span class = "label supra" for = "editor-conditionals" id = "label-editor-conditionals" > {{ .strings.conditionals }}< / span >
< span class = "label supra" for = "editor-conditionals" id = "label-editor-conditionals" > {{ .strings.conditionals }}< / span >
< div id = "editor-conditionals" > < / div >
< div id = "editor-conditionals" > < / div >
< label class = "label supra" for = "textarea-editor" > {{ .strings.message }}< / label >
< label class = "label supra" for = "textarea-editor" > {{ .strings.message }}< / label >
< textarea id = "textarea-editor" class = "textarea full-width flex-auto ~neutral !normal mt-half monospace"> < / textarea >
< textarea id = "textarea-editor" class = "textarea full-width flex-auto ~neutral @low mt-half monospace"> < / textarea >
< p class = "support mt-half mb-1" > {{ .strings.markdownSupported }}< / p >
< p class = "support mt-half mb-1" > {{ .strings.markdownSupported }}< / p >
< div class = "flex-row" >
< div class = "flex-row" >
< label class = "full-width ml-half" >
< label class = "full-width ml-half" >
< input type = "submit" class = "unfocused" >
< input type = "submit" class = "unfocused" >
< span class = "button ~urge !normal full-width center supra submit"> {{ .strings.submit }}< / span >
< span class = "button ~urge @low full-width center supra submit"> {{ .strings.submit }}< / span >
< / label >
< / label >
< / div >
< / div >
< / div >
< / div >
< div class = "col card ~neutral ! low">
< div class = "col card ~neutral @ low">
< span class = "subheading supra" > {{ .strings.preview }}< / span >
< span class = "subheading supra" > {{ .strings.preview }}< / span >
< div class = "mt-half" id = "editor-preview" > < / div >
< div class = "mt-half" id = "editor-preview" > < / div >
< / div >
< / div >
@ -249,38 +249,38 @@
< / form >
< / form >
< / div >
< / div >
< div id = "modal-restart" class = "modal" >
< div id = "modal-restart" class = "modal" >
< div class = "modal-content card ~critical ! low">
< div class = "modal-content card ~critical @ low">
< span class = "heading" > {{ .strings.settingsRestartRequired }} < span class = "modal-close" > × < / span > < / span >
< span class = "heading" > {{ .strings.settingsRestartRequired }} < span class = "modal-close" > × < / span > < / span >
< p class = "content pb-1" > {{ .strings.settingsRestartRequiredDescription }}< / p >
< p class = "content pb-1" > {{ .strings.settingsRestartRequiredDescription }}< / p >
< div class = "fr" >
< div class = "fr" >
< span class = "button ~info !normal mb-half" id = "settings-apply-no-restart" > {{ .strings.settingsApplyRestartLater }}< / span >
< span class = "button ~info @low mb-half" id = "settings-apply-no-restart" > {{ .strings.settingsApplyRestartLater }}< / span >
< span class = "button ~critical !normal " id = "settings-apply-restart" > {{ .strings.settingsApplyRestartNow }}< / span >
< span class = "button ~critical @low " id = "settings-apply-restart" > {{ .strings.settingsApplyRestartNow }}< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div id = "modal-refresh" class = "modal" >
< div id = "modal-refresh" class = "modal" >
< div class = "modal-content card ~neutral !normal ">
< div class = "modal-content card ~neutral @low ">
< span class = "heading" > {{ .strings.settingsApplied }}< / span >
< span class = "heading" > {{ .strings.settingsApplied }}< / span >
< p class = "content" > {{ .strings.settingsRefreshPage }}< / p >
< p class = "content" > {{ .strings.settingsRefreshPage }}< / p >
< / div >
< / div >
< / div >
< / div >
< div id = "modal-send-pwr" class = "modal" >
< div id = "modal-send-pwr" class = "modal" >
< div class = "modal-content card ~neutral !normal ">
< div class = "modal-content card ~neutral @low ">
< span class = "heading" > {{ .strings.sendPWR }}< / span >
< span class = "heading" > {{ .strings.sendPWR }}< / span >
< p class = "content" id = "send-pwr-note" > < / p >
< p class = "content" id = "send-pwr-note" > < / p >
< span class = "button ~urge !normal mt-half" id = "send-pwr-link" > {{ .strings.copy }}< / span >
< span class = "button ~urge @low mt-half" id = "send-pwr-link" > {{ .strings.copy }}< / span >
< / div >
< / div >
< / div >
< / div >
< div id = "modal-ombi-profile" class = "modal" >
< div id = "modal-ombi-profile" class = "modal" >
< form class = "modal-content card" id = "form-ombi-defaults" href = "" >
< form class = "modal-content card" id = "form-ombi-defaults" href = "" >
< span class = "heading" > {{ .strings.ombiProfile }} < span class = "modal-close" > × < / span > < / span >
< span class = "heading" > {{ .strings.ombiProfile }} < span class = "modal-close" > × < / span > < / span >
< p class = "content" > {{ .strings.ombiUserDefaultsDescription }}< / p >
< p class = "content" > {{ .strings.ombiUserDefaultsDescription }}< / p >
< div class = "select ~neutral !normal mb-1">
< div class = "select ~neutral @low mb-1">
< select > < / select >
< select > < / select >
< / div >
< / div >
< label >
< label >
< input type = "submit" class = "unfocused" >
< input type = "submit" class = "unfocused" >
< span class = "button ~urge !normal full-width center supra submit"> {{ .strings.submit }}< / span >
< span class = "button ~urge @low full-width center supra submit"> {{ .strings.submit }}< / span >
< / label >
< / label >
< / form >
< / form >
< / div >
< / div >
@ -299,7 +299,7 @@
{{ end }}
{{ end }}
< th > {{ .strings.from }}< / th >
< th > {{ .strings.from }}< / th >
< th > {{ .strings.userProfilesLibraries }}< / th >
< th > {{ .strings.userProfilesLibraries }}< / th >
< th > < span class = "button ~neutral ! high" id = "button-profile-create" > {{ .strings.create }}< / span > < / th >
< th > < span class = "button ~neutral @ high" id = "button-profile-create" > {{ .strings.create }}< / span > < / th >
< / tr >
< / tr >
< / thead >
< / thead >
< tbody id = "table-profiles" > < / tbody >
< tbody id = "table-profiles" > < / tbody >
@ -313,10 +313,10 @@
< p class = "content" > {{ .strings.addProfileDescription }}< / p >
< p class = "content" > {{ .strings.addProfileDescription }}< / p >
< label >
< label >
< span class = "supra" > {{ .strings.addProfileNameOf }} < / span >
< span class = "supra" > {{ .strings.addProfileNameOf }} < / span >
< input type = "text" class = "field input ~neutral ! high mt-half mb-1" placeholder = "{{ .strings.name }}" id = "add-profile-name" >
< input type = "text" class = "field input ~neutral @ high mt-half mb-1" placeholder = "{{ .strings.name }}" id = "add-profile-name" >
< label >
< label >
< span class = "supra" > {{ .strings.user }}< / span >
< span class = "supra" > {{ .strings.user }}< / span >
< div class = "select ~neutral !normal mt-half mb-1">
< div class = "select ~neutral @low mt-half mb-1">
< select id = "add-profile-user" > < / select >
< select id = "add-profile-user" > < / select >
< / div >
< / div >
< / label >
< / label >
@ -326,7 +326,7 @@
< / label >
< / label >
< label >
< label >
< input type = "submit" class = "unfocused" >
< input type = "submit" class = "unfocused" >
< span class = "button ~urge !normal full-width center supra submit"> {{ .strings.create }}< / span >
< span class = "button ~urge @low full-width center supra submit"> {{ .strings.create }}< / span >
< / label >
< / label >
< / form >
< / form >
< / div >
< / div >
@ -341,8 +341,8 @@
< p class = "support" id = "update-date" > < / p >
< p class = "support" id = "update-date" > < / p >
< div class = "content markdown-box" id = "update-changelog" > < / div >
< div class = "content markdown-box" id = "update-changelog" > < / div >
< / p >
< / p >
< span class = "button ~info !normal full-width center" id = "update-download" > {{ .strings.download }}< / span >
< span class = "button ~info @low full-width center" id = "update-download" > {{ .strings.download }}< / span >
< span class = "button ~urge !normal full-width center" id = "update-update" > {{ .strings.update }}< / span >
< span class = "button ~urge @low full-width center" id = "update-update" > {{ .strings.update }}< / span >
< / div >
< / div >
< / div >
< / div >
{{ if .telegramEnabled }}
{{ if .telegramEnabled }}
@ -359,7 +359,7 @@
< / span >
< / span >
@ < span id = "telegram-username" >
@ < span id = "telegram-username" >
< / a >
< / a >
< span class = "button ~info !normal full-width center mt-1" id = "telegram-waiting" > {{ .strings.success }}< / span >
< span class = "button ~info @low full-width center mt-1" id = "telegram-waiting" > {{ .strings.success }}< / span >
< / div >
< / div >
< / div >
< / div >
{{ end }}
{{ end }}
@ -369,7 +369,7 @@
< span class = "heading mb-1" > < span id = "discord-header" > < / span > < span class = "modal-close" > × < / span > < / span >
< span class = "heading mb-1" > < span id = "discord-header" > < / span > < span class = "modal-close" > × < / span > < / span >
< p class = "content mb-1" id = "discord-description" > < / p >
< p class = "content mb-1" id = "discord-description" > < / p >
< div class = "row" >
< div class = "row" >
< input type = "search" class = "col sm field ~neutral !normal input" id = "discord-search" placeholder = "user#1234" >
< input type = "search" class = "col sm field ~neutral @low input" id = "discord-search" placeholder = "user#1234" >
< / div >
< / div >
< table class = "table" > < tbody id = "discord-list" > < / tbody > < / table >
< table class = "table" > < tbody id = "discord-list" > < / tbody > < / table >
< / div >
< / div >
@ -379,12 +379,12 @@
< form class = "modal-content card" id = "form-matrix" href = "" >
< form class = "modal-content card" id = "form-matrix" href = "" >
< span class = "heading" > {{ .strings.linkMatrix }}< / span >
< span class = "heading" > {{ .strings.linkMatrix }}< / span >
< p class = "content" > {{ .strings.linkMatrixDescription }}< / p >
< p class = "content" > {{ .strings.linkMatrixDescription }}< / p >
< input type = "text" class = "field input ~neutral ! high mt-half mb-1" placeholder = "{{ .strings.matrixHomeServer }}" id = "matrix-homeserver" >
< input type = "text" class = "field input ~neutral @ high mt-half mb-1" placeholder = "{{ .strings.matrixHomeServer }}" id = "matrix-homeserver" >
< input type = "text" class = "field input ~neutral ! high mt-half mb-1" placeholder = "{{ .strings.username }}" id = "matrix-user" >
< input type = "text" class = "field input ~neutral @ high mt-half mb-1" placeholder = "{{ .strings.username }}" id = "matrix-user" >
< input type = "password" class = "field input ~neutral ! high mt-half mb-1" placeholder = "{{ .strings.password }}" id = "matrix-password" >
< input type = "password" class = "field input ~neutral @ high mt-half mb-1" placeholder = "{{ .strings.password }}" id = "matrix-password" >
< label >
< label >
< input type = "submit" class = "unfocused" >
< input type = "submit" class = "unfocused" >
< span class = "button ~urge !normal full-width center supra submit"> {{ .strings.submit }}< / span >
< span class = "button ~urge @low full-width center supra submit"> {{ .strings.submit }}< / span >
< / label >
< / label >
< / form >
< / form >
< / div >
< / div >
@ -395,7 +395,7 @@
< span class = "ml-1 chev" > < / span >
< span class = "ml-1 chev" > < / span >
< / span >
< / span >
< div class = "dropdown-display" >
< div class = "dropdown-display" >
< div class = "card ~neutral ! low">
< div class = "card ~neutral @ low">
< label class = "switch pb-1" >
< label class = "switch pb-1" >
< input type = "radio" name = "lang-time" id = "lang-12h" >
< input type = "radio" name = "lang-time" id = "lang-12h" >
< span > {{ .strings.time12h }}< / span >
< span > {{ .strings.time12h }}< / span >
@ -421,33 +421,33 @@
< / div >
< / div >
< div class = "mb-1" >
< div class = "mb-1" >
< div class = "text-neutral-700" >
< div class = "text-neutral-700" >
< span class = "button ~critical !normal mb-1 unfocused" id = "logout-button" > {{ .strings.logout }}< / span >
< span class = "button ~critical @low mb-1 unfocused" id = "logout-button" > {{ .strings.logout }}< / span >
< / div >
< / div >
< / div >
< / div >
< div id = "tab-invites" >
< div id = "tab-invites" >
< div class = "card ~neutral ! low invites mb-1">
< div class = "card ~neutral @ low invites mb-1">
< span class = "heading" > {{ .strings.invites }}< / span >
< span class = "heading" > {{ .strings.invites }}< / span >
< div id = "invites" > < / div >
< div id = "invites" > < / div >
< / div >
< / div >
< div class = "card ~neutral ! low">
< div class = "card ~neutral @ low">
< span class = "heading" > {{ .strings.create }}< / span >
< span class = "heading" > {{ .strings.create }}< / span >
< div class = "row" id = "create-inv" >
< div class = "row" id = "create-inv" >
< div class = "card ~neutral !normal col">
< div class = "card ~neutral @low col">
< div class = "row mb-1" >
< div class = "row mb-1" >
< label class = "col mr-1" >
< label class = "col mr-1" >
< input type = "radio" name = "duration" class = "unfocused" id = "radio-inv-duration" checked >
< input type = "radio" name = "duration" class = "unfocused" id = "radio-inv-duration" checked >
< span class = "button ~neutral ! high supra full-width center"> {{ .strings.inviteDuration }}< / span >
< span class = "button ~neutral @ high supra full-width center"> {{ .strings.inviteDuration }}< / span >
< / label >
< / label >
< label class = "col ml-1" >
< label class = "col ml-1" >
< input type = "radio" name = "duration" class = "unfocused" id = "radio-user-expiry" >
< input type = "radio" name = "duration" class = "unfocused" id = "radio-user-expiry" >
< span class = "button ~neutral !normal supra full-width center"> {{ .strings.userExpiry }}< / span >
< span class = "button ~neutral @low supra full-width center"> {{ .strings.userExpiry }}< / span >
< / label >
< / label >
< / div >
< / div >
< div id = "inv-duration" >
< div id = "inv-duration" >
< div class = "row" >
< div class = "row" >
< div class = "col" >
< div class = "col" >
< label class = "label supra" for = "create-months" > {{ .strings.inviteMonths }}< / label >
< label class = "label supra" for = "create-months" > {{ .strings.inviteMonths }}< / label >
< div class = "select ~neutral !normal mb-1 mt-half">
< div class = "select ~neutral @low mb-1 mt-half">
< select id = "create-months" >
< select id = "create-months" >
< option > 0< / option >
< option > 0< / option >
< / select >
< / select >
@ -455,7 +455,7 @@
< / div >
< / div >
< div class = "col" >
< div class = "col" >
< label class = "label supra" for = "create-days" > {{ .strings.inviteDays }}< / label >
< label class = "label supra" for = "create-days" > {{ .strings.inviteDays }}< / label >
< div class = "select ~neutral !normal mb-1 mt-half">
< div class = "select ~neutral @low mb-1 mt-half">
< select id = "create-days" >
< select id = "create-days" >
< option > 0< / option >
< option > 0< / option >
< / select >
< / select >
@ -465,7 +465,7 @@
< div class = "row" >
< div class = "row" >
< div class = "col" >
< div class = "col" >
< label class = "label supra" for = "create-hours" > {{ .strings.inviteHours }}< / label >
< label class = "label supra" for = "create-hours" > {{ .strings.inviteHours }}< / label >
< div class = "select ~neutral !normal mb-1 mt-half">
< div class = "select ~neutral @low mb-1 mt-half">
< select id = "create-hours" >
< select id = "create-hours" >
< option > 0< / option >
< option > 0< / option >
< / select >
< / select >
@ -473,7 +473,7 @@
< / div >
< / div >
< div class = "col" >
< div class = "col" >
< label class = "label supra" for = "create-minutes" > {{ .strings.inviteMinutes }}< / label >
< label class = "label supra" for = "create-minutes" > {{ .strings.inviteMinutes }}< / label >
< div class = "select ~neutral !normal mb-1 mt-half">
< div class = "select ~neutral @low mb-1 mt-half">
< select id = "create-minutes" >
< select id = "create-minutes" >
< option > 0< / option >
< option > 0< / option >
< / select >
< / select >
@ -484,7 +484,7 @@
< div id = "user-expiry" class = "unfocused" >
< div id = "user-expiry" class = "unfocused" >
< p class = "support" > {{ .strings.userExpiryDescription }}< / p >
< p class = "support" > {{ .strings.userExpiryDescription }}< / p >
< div class = "mb-half" >
< div class = "mb-half" >
< label for = "create-user-expiry-enabled" class = "button ~neutral !normal ">
< label for = "create-user-expiry-enabled" class = "button ~neutral @low ">
< input type = "checkbox" id = "create-user-expiry-enabled" aria-label = "User duration enabled" >
< input type = "checkbox" id = "create-user-expiry-enabled" aria-label = "User duration enabled" >
< span class = "ml-half" > {{ .strings.enabled }} < / span >
< span class = "ml-half" > {{ .strings.enabled }} < / span >
< / label >
< / label >
@ -492,7 +492,7 @@
< div class = "row" >
< div class = "row" >
< div class = "col" >
< div class = "col" >
< label class = "label supra" for = "user-months" > {{ .strings.inviteMonths }}< / label >
< label class = "label supra" for = "user-months" > {{ .strings.inviteMonths }}< / label >
< div class = "select ~neutral !normal mb-1 mt-half">
< div class = "select ~neutral @low mb-1 mt-half">
< select id = "user-months" >
< select id = "user-months" >
< option > 0< / option >
< option > 0< / option >
< / select >
< / select >
@ -500,7 +500,7 @@
< / div >
< / div >
< div class = "col" >
< div class = "col" >
< label class = "label supra" for = "user-days" > {{ .strings.inviteDays }}< / label >
< label class = "label supra" for = "user-days" > {{ .strings.inviteDays }}< / label >
< div class = "select ~neutral !normal mb-1 mt-half">
< div class = "select ~neutral @low mb-1 mt-half">
< select id = "user-days" >
< select id = "user-days" >
< option > 0< / option >
< option > 0< / option >
< / select >
< / select >
@ -510,7 +510,7 @@
< div class = "row" >
< div class = "row" >
< div class = "col" >
< div class = "col" >
< label class = "label supra" for = "user-hours" > {{ .strings.inviteHours }}< / label >
< label class = "label supra" for = "user-hours" > {{ .strings.inviteHours }}< / label >
< div class = "select ~neutral !normal mb-1 mt-half">
< div class = "select ~neutral @low mb-1 mt-half">
< select id = "user-hours" >
< select id = "user-hours" >
< option > 0< / option >
< option > 0< / option >
< / select >
< / select >
@ -518,7 +518,7 @@
< / div >
< / div >
< div class = "col" >
< div class = "col" >
< label class = "label supra" for = "user-minutes" > {{ .strings.inviteMinutes }}< / label >
< label class = "label supra" for = "user-minutes" > {{ .strings.inviteMinutes }}< / label >
< div class = "select ~neutral !normal mb-1 mt-half">
< div class = "select ~neutral @low mb-1 mt-half">
< select id = "user-minutes" >
< select id = "user-minutes" >
< option > 0< / option >
< option > 0< / option >
< / select >
< / select >
@ -528,21 +528,21 @@
< / div >
< / div >
< div class = "col" >
< div class = "col" >
< label class = "label supra" for = "create-label" > {{ .strings.label }}< / label >
< label class = "label supra" for = "create-label" > {{ .strings.label }}< / label >
< input type = "text" id = "create-label" class = "input ~neutral !normal mb-1 mt-half">
< input type = "text" id = "create-label" class = "input ~neutral @low mb-1 mt-half">
< / div >
< / div >
< / div >
< / div >
< div class = "card ~neutral !normal col">
< div class = "card ~neutral @low col">
< label class = "label supra" for = "create-uses" > {{ .strings.inviteNumberOfUses }}< / label >
< label class = "label supra" for = "create-uses" > {{ .strings.inviteNumberOfUses }}< / label >
< div class = "flex-expand mb-1 mt-half" >
< div class = "flex-expand mb-1 mt-half" >
< input type = "number" min = "0" id = "create-uses" class = "input ~neutral !normal mr-1" value = 1 >
< input type = "number" min = "0" id = "create-uses" class = "input ~neutral @low mr-1" value = 1 >
< label for = "create-inf-uses" class = "button ~neutral !normal " title = "Set uses to infinite" >
< label for = "create-inf-uses" class = "button ~neutral @low " title = "Set uses to infinite" >
< span > ∞< / span >
< span > ∞< / span >
< input type = "checkbox" class = "unfocused" id = "create-inf-uses" aria-label = "Set uses to infinite" >
< input type = "checkbox" class = "unfocused" id = "create-inf-uses" aria-label = "Set uses to infinite" >
< / label >
< / label >
< / div >
< / div >
< p class = "support unfocused" id = "create-inf-uses-warning" > < span class = "badge ~critical" > {{ .strings.warning }}< / span > {{ .strings.inviteInfiniteUsesWarning }}< / p >
< p class = "support unfocused" id = "create-inf-uses-warning" > < span class = "badge ~critical" > {{ .strings.warning }}< / span > {{ .strings.inviteInfiniteUsesWarning }}< / p >
< label class = "label supra" > {{ .strings.profile }}< / label >
< label class = "label supra" > {{ .strings.profile }}< / label >
< div class = "select ~neutral !normal mb-1 mt-half">
< div class = "select ~neutral @low mb-1 mt-half">
< select id = "create-profile" >
< select id = "create-profile" >
< / select >
< / select >
< / div >
< / div >
@ -550,56 +550,56 @@
< label class = "label supra" > {{ .strings.inviteSendToEmail }}< / label >
< label class = "label supra" > {{ .strings.inviteSendToEmail }}< / label >
< div class = "flex-expand mb-1 mt-half" >
< div class = "flex-expand mb-1 mt-half" >
{{ if .discordEnabled }}
{{ if .discordEnabled }}
< input type = "text" id = "create-send-to" class = "input ~neutral !normal mr-1" placeholder = "example@example.com | user#1234" >
< input type = "text" id = "create-send-to" class = "input ~neutral @low mr-1" placeholder = "example@example.com | user#1234" >
< span id = "create-send-to-search" class = "button ~neutral !normal mr-1">
< span id = "create-send-to-search" class = "button ~neutral @low mr-1">
< i class = "icon ri-search-2-line" title = "{{ .strings.search }}" > < / i >
< i class = "icon ri-search-2-line" title = "{{ .strings.search }}" > < / i >
< / span >
< / span >
{{ else }}
{{ else }}
< input type = "email" id = "create-send-to" class = "input ~neutral !normal mr-1" placeholder = "example@example.com" >
< input type = "email" id = "create-send-to" class = "input ~neutral @low mr-1" placeholder = "example@example.com" >
{{ end }}
{{ end }}
< label for = "create-send-to-enabled" class = "button ~neutral !normal ">
< label for = "create-send-to-enabled" class = "button ~neutral @low ">
< input type = "checkbox" id = "create-send-to-enabled" aria-label = "Send to address enabled" >
< input type = "checkbox" id = "create-send-to-enabled" aria-label = "Send to address enabled" >
< / label >
< / label >
< / div >
< / div >
< / div >
< / div >
< span class = "button ~urge !normal supra full-width center lg" id = "create-submit" > {{ .strings.create }}< / span >
< span class = "button ~urge @low supra full-width center lg" id = "create-submit" > {{ .strings.create }}< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div id = "tab-accounts" class = "unfocused" >
< div id = "tab-accounts" class = "unfocused" >
< div class = "card ~neutral ! low accounts mb-1">
< div class = "card ~neutral @ low accounts mb-1">
< div class = "flex-expand row" >
< div class = "flex-expand row" >
< div class = "row" >
< div class = "row" >
< span class = "heading mr-1 col sm" > {{ .strings.accounts }}< / span >
< span class = "heading mr-1 col sm" > {{ .strings.accounts }}< / span >
< input type = "search" class = "col sm field ~neutral !normal input search ml-1 mr-1" id = "accounts-search" placeholder = "{{ .strings.search }}" >
< input type = "search" class = "col sm field ~neutral @low input search ml-1 mr-1" id = "accounts-search" placeholder = "{{ .strings.search }}" >
< / div >
< / div >
< div class = "row" >
< div class = "row" >
< span class = "col sm button ~neutral !normal center mb-half" id = "accounts-add-user" > {{ .quantityStrings.addUser.Singular }}< / span >
< span class = "col sm button ~neutral @low center mb-half" id = "accounts-add-user" > {{ .quantityStrings.addUser.Singular }}< / span >
< div id = "accounts-announce-dropdown" class = "col sm dropdown" tabindex = "0" >
< div id = "accounts-announce-dropdown" class = "col sm dropdown" tabindex = "0" >
< span class = "h-100 sm button ~info !normal center mb-half" id = "accounts-announce" > {{ .strings.announce }}< / span >
< span class = "h-100 sm button ~info @low center mb-half" id = "accounts-announce" > {{ .strings.announce }}< / span >
< div class = "dropdown-display" >
< div class = "dropdown-display" >
< div class = "card ~neutral ! low">
< div class = "card ~neutral @ low">
< span class = "supra sm" > {{ .strings.templates }}< / span >
< span class = "supra sm" > {{ .strings.templates }}< / span >
< div id = "accounts-announce-templates" > < / div >
< div id = "accounts-announce-templates" > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< span class = "col sm button ~urge !normal center mb-half" id = "accounts-modify-user" > {{ .strings.modifySettings }}< / span >
< span class = "col sm button ~urge @low center mb-half" id = "accounts-modify-user" > {{ .strings.modifySettings }}< / span >
< span class = "col sm button ~warning !normal center mb-half" id = "accounts-extend-expiry" > {{ .strings.extendExpiry }}< / span >
< span class = "col sm button ~warning @low center mb-half" id = "accounts-extend-expiry" > {{ .strings.extendExpiry }}< / span >
< div id = "accounts-disable-enable-dropdown" class = "col sm dropdown manual" tabindex = "0" >
< div id = "accounts-disable-enable-dropdown" class = "col sm dropdown manual" tabindex = "0" >
< span class = "h-100 sm button ~positive !normal center mb-half" id = "accounts-disable-enable" > {{ .strings.disable }}< / span >
< span class = "h-100 sm button ~positive @low center mb-half" id = "accounts-disable-enable" > {{ .strings.disable }}< / span >
< div class = "dropdown-display" >
< div class = "dropdown-display" >
< div class = "card ~neutral ! low">
< div class = "card ~neutral @ low">
< span class = "button ~neutral sm full-width accounts-announce-template-button" id = "accounts-enable-expiry" > {{ .strings.setExpiry }}< / span >
< span class = "button ~neutral sm full-width accounts-announce-template-button" id = "accounts-enable-expiry" > {{ .strings.setExpiry }}< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< span class = "col sm button ~info !normal center mb-half unfocused" id = "accounts-send-pwr" > {{ .strings.sendPWR }}< / span >
< span class = "col sm button ~info @low center mb-half unfocused" id = "accounts-send-pwr" > {{ .strings.sendPWR }}< / span >
< span class = "col sm button ~critical !normal center mb-half" id = "accounts-delete-user" > {{ .quantityStrings.deleteUser.Singular }}< / span >
< span class = "col sm button ~critical @low center mb-half" id = "accounts-delete-user" > {{ .quantityStrings.deleteUser.Singular }}< / span >
< / div >
< / div >
< / div >
< / div >
< div class = "card ~neutral !normal accounts-header table-responsive mt-half">
< div class = "card ~neutral @low accounts-header table-responsive mt-half">
< table class = "table" >
< table class = "table" >
< thead >
< thead >
< tr >
< tr >
@ -625,27 +625,27 @@
< / div >
< / div >
< / div >
< / div >
< div id = "tab-settings" class = "unfocused" >
< div id = "tab-settings" class = "unfocused" >
< div class = "card ~neutral ! low settings overflow">
< div class = "card ~neutral @ low settings overflow">
< div class = "flex-expand" >
< div class = "flex-expand" >
< div class = "flex-row" >
< div class = "flex-row" >
< span class = "heading" > {{ .strings.settings }}< / span >
< span class = "heading" > {{ .strings.settings }}< / span >
< label for = "settings-advanced-enabled" class = "button ~neutral !normal ml-1">
< label for = "settings-advanced-enabled" class = "button ~neutral @low ml-1">
< input type = "checkbox" id = "settings-advanced-enabled" aria-label = "Advanced settings enabled" >
< input type = "checkbox" id = "settings-advanced-enabled" aria-label = "Advanced settings enabled" >
< span class = "ml-half" > {{ .strings.advancedSettings }} < / span >
< span class = "ml-half" > {{ .strings.advancedSettings }} < / span >
< / label >
< / label >
< / div >
< / div >
< div >
< div >
< span class = "button ~neutral !normal " id = "settings-restart" > {{ .strings.settingsRestart }}< / span >
< span class = "button ~neutral @low " id = "settings-restart" > {{ .strings.settingsRestart }}< / span >
< span class = "button ~urge !normal unfocused" id = "settings-save" > {{ .strings.settingsSave }}< / span >
< span class = "button ~urge @low unfocused" id = "settings-save" > {{ .strings.settingsSave }}< / span >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "row" >
< div class = "card ~neutral !normal col" id = "settings-sidebar" >
< div class = "card ~neutral @low col" id = "settings-sidebar" >
< aside class = "aside sm ~info mb-half" id = "settings-message" > Note: < span class = "badge ~critical" > *< / span > indicates a required field, < span class = "badge ~info" > R< / span > indicates changes require a restart.< / aside >
< aside class = "aside sm ~info mb-half" id = "settings-message" > Note: < span class = "badge ~critical" > *< / span > indicates a required field, < span class = "badge ~info" > R< / span > indicates changes require a restart.< / aside >
< span class = "button ~neutral ! low settings-section-button mb-half" id = "setting-about" > < span class = "flex" > {{ .strings.aboutProgram }} < i class = "ri-information-line ml-half" > < / i > < / span > < / span >
< span class = "button ~neutral @ low settings-section-button mb-half" id = "setting-about" > < span class = "flex" > {{ .strings.aboutProgram }} < i class = "ri-information-line ml-half" > < / i > < / span > < / span >
< span class = "button ~neutral ! low settings-section-button mb-half" id = "setting-profiles" > < span class = "flex" > {{ .strings.userProfiles }} < i class = "ri-user-line ml-half" > < / i > < / span > < / span >
< span class = "button ~neutral @ low settings-section-button mb-half" id = "setting-profiles" > < span class = "flex" > {{ .strings.userProfiles }} < i class = "ri-user-line ml-half" > < / i > < / span > < / span >
< / div >
< / div >
< div class = "card ~neutral !normal col overflow" id = "settings-panel" > < / div >
< div class = "card ~neutral @low col overflow" id = "settings-panel" > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >