@ -22,23 +22,23 @@
< div id = "modal-login" class = "modal" >
< form class = "modal-content card" id = "form-login" href = "" >
< 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 = "password" class = "field input ~neutral !high mb-1 " placeholder = "{{ .strings.password }}" id = "login-password" >
< input type = "text" class = "field input ~neutral @high mt-4 mb-2 " placeholder = "{{ .strings.username }}" id = "login-user" >
< input type = "password" class = "field input ~neutral @high mb-4 " placeholder = "{{ .strings.password }}" id = "login-password" >
< label >
< 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 >
< / form >
< / div >
< div id = "modal-add-user" class = "modal" >
< form class = "modal-content card" id = "form-add-user" href = "" >
< 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 = "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 = "text" class = "field input ~neutral @high mt-4 mb-2 " placeholder = "{{ .strings.username }}" id = "add-user-user" >
< input type = "email" class = "field input ~neutral @high mt-4 mb-2 " placeholder = "{{ .strings.emailAddress }}" >
< input type = "password" class = "field input ~neutral @high mb-4 " placeholder = "{{ .strings.password }}" id = "add-user-password" >
< label >
< 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 >
< / form >
< / div >
@ -46,29 +46,29 @@
< div class = "modal-content content card" >
< img src = "{{ .urlBase }}/banner.svg" class = "banner header" alt = "jfa-go banner" >
< span class = "heading" > < span class = "modal-close" > × < / span > < / span >
< p > {{ .strings.version }} < span class = "code monospace "> {{ .version }}< / span > < / p >
< p > {{ .strings.commitNoun }} < span class = "code monospace "> {{ .commit }}< / span > < / p >
< p > {{ .strings.version }} < span class = "code font-mono bg-inherit "> {{ .version }}< / span > < / p >
< p > {{ .strings.commitNoun }} < span class = "code font-mono bg-inherit "> {{ .commit }}< / span > < / p >
< div class = "row col flex" >
< a class = "button ~neutral mr- half mt-1 mb-1 lang-link" href = "https://github.com/hrfee/jfa-go" > < i class = "ri-github-line mr- half "> < / i > github< / a >
< a class = "button ~urge mt- 1 mb-1 mr-half lang-link" href = "https://wiki.jfa-go.com" > wiki/docs< / a >
< a class = "button ~positive mt- 1 mb-1 mr-half lang-link" href = "https://weblate.jfa-go.com" > translation< / a >
< div class = "dropdown mr- half " tabindex = "0" >
< a href = "https://github.com/sponsors/hrfee" target = "_blank" class = "button ~info mt- 1 mb-1 dropdown-button lang-link">
< i class = "ri-hand-heart-line mr- half "> < / i >
< a class = "button ~neutral mr- 2 mt-4 mb-4 lang-link" href = "https://github.com/hrfee/jfa-go" > < i class = "ri-github-line mr- 2 "> < / i > github< / a >
< a class = "button ~urge mt- 4 mb-4 mr-2 lang-link" href = "https://wiki.jfa-go.com" > wiki/docs< / a >
< a class = "button ~positive mt- 4 mb-4 mr-2 lang-link" href = "https://weblate.jfa-go.com" > translation< / a >
< div class = "dropdown mr- 2 " tabindex = "0" >
< a href = "https://github.com/sponsors/hrfee" target = "_blank" class = "button ~info mt- 4 mb-4 dropdown-button lang-link">
< i class = "ri-hand-heart-line mr- 2 "> < / i >
donate
< span class = "ml- 1 chev"> < / span >
< span class = "ml- 2 chev"> < / span >
< / a >
< div class = "dropdown-display" >
< 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://ko-fi.com/hrfee" target = "_blank" class = "button input ~neutral field mb- half lang-link"> Ko-fi< / a >
< div class = "card ~ neutral @ low">
< a href = "https://github.com/sponsors/hrfee" target = "_blank" class = "button input ~neutral field mb- 2 lang-link"> GitHub< / a >
< a href = "https://ko-fi.com/hrfee" target = "_blank" class = "button input ~neutral field mb- 2 lang-link"> Ko-fi< / a >
< / 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- 4 mb-4 @low discord lang-link" href = "https://discord.com/invite/MrtvuQmyhP" target = "_blank" > < i class = "ri-discord-line mr- 2 "> < / i > discord< / a >
< / div >
< 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 = " font-mono bg-inherit "> {{ .license }}< / pre >
< / div >
< / div >
< div id = "modal-logs" class = "modal" >
@ -80,45 +80,45 @@
< div id = "modal-modify-user" class = "modal" >
< form class = "modal-content card" id = "form-modify-user" href = "" >
< span class = "heading" > < span id = "header-modify-user" > < / span > < span class = "modal-close" > × < / span > < / span >
< p class = "content "> {{ .strings.modifySettingsDescription }}< / p >
< div class = "flex-row mb- 1 ">
< label class = "flex-row-group mr- 1 ">
< p class = "content my-4 "> {{ .strings.modifySettingsDescription }}< / p >
< div class = "flex-row mb- 4 ">
< label class = "flex-row-group mr- 2 ">
< 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 class = "flex-row-group ml- 1 ">
< label class = "flex-row-group ml- 2 ">
< 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 >
< / div >
< div class = "select ~neutral !normal mb-1 ">
< div class = "select ~neutral @low mb-4 ">
< select id = "modify-user-profiles" > < / select >
< / div >
< div class = "select ~neutral !normal mb-1 unfocused">
< div class = "select ~neutral @low mb-4 unfocused">
< select id = "modify-user-users" > < / select >
< / div >
< label class = "switch mb- 1 ">
< label class = "switch mb- 4 ">
< input type = "checkbox" id = "modify-user-homescreen" checked >
< span > {{ .strings.applyHomescreenLayout }}< / span >
< / label >
< label >
< 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 >
< / form >
< / div >
< div id = "modal-delete-user" class = "modal" >
< form class = "modal-content card" id = "form-delete-user" href = "" >
< span class = "heading" > < span id = "header-delete-user" > < / span > < span class = "modal-close" > × < / span > < / span >
< div class = "content mt- half ">
< label class = "switch mb- 1 ">
< div class = "content mt- 8 ">
< label class = "switch mb- 4 ">
< input type = "checkbox" id = "delete-user-notify" checked >
< span > {{ .strings.sendDeleteNotificationEmail }}< / span >
< / 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-4 " placeholder = "{{ .strings.sendDeleteNotificationExample }}" > < / textarea >
< label >
< 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 >
< / div >
< / form >
@ -126,11 +126,11 @@
< div id = "modal-extend-expiry" class = "modal" >
< form class = "modal-content card" id = "form-extend-expiry" href = "" >
< span class = "heading" > < span id = "header-extend-expiry" > < / span > < span class = "modal-close" > × < / span > < / span >
< div class = "content mt- half ">
< div class = "content mt- 8 ">
< div class = "row" >
< div class = "col" >
< 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-2 mt-4 ">
< select id = "extend-expiry-months" >
< option > 0< / option >
< / select >
@ -138,7 +138,7 @@
< / div >
< div class = "col" >
< 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-2 mt-4 ">
< select id = "extend-expiry-days" >
< option > 0< / option >
< / select >
@ -148,7 +148,7 @@
< div class = "row" >
< div class = "col" >
< 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-2 mt-4 ">
< select id = "extend-expiry-hours" >
< option > 0< / option >
< / select >
@ -156,21 +156,21 @@
< / div >
< div class = "col" >
< 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-2 mt-4 ">
< select id = "extend-expiry-minutes" >
< option > 0< / option >
< / select >
< / div >
< / div >
< / div >
< label class = "switch mb- 1 ">
< label class = "switch mb- 4 ">
< input type = "checkbox" id = "expiry-extend-enable" checked >
< span > {{ .strings.sendDeleteNotificationEmail }}< / span >
< / 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-4 " placeholder = "{{ .strings.sendDeleteNotificationExample }}" > < / textarea >
< label >
< 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 >
< / div >
< / form >
@ -179,33 +179,33 @@
< form class = "modal-content wide card" id = "form-announce" href = "" >
< span class = "heading" > < span id = "header-announce" > < / span > < span class = "modal-close" > × < / span > < / span >
< div class = "row" >
< div class = "col flex-col content mt-half ">
< div class = "col card ~neutral @low ">
< div id = "announce-details" >
< span class = "label supra" for = "editor-variables" id = "label-editor-variables" > {{ .strings.variables }}< / span >
< 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-2 mt-4 " id = "announce-variables-username" style = "margin-left: 0.25rem; margin-right: 0.25rem;" > < span class = " font-mono bg-inherit "> {username}< / span > < / span >
< / div >
< 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-2 mt-4 ">
< label class = "label supra" for = "textarea-announce" > {{ .strings.message }}< / label >
< textarea id = "textarea-announce" class = "textarea full-width ~neutral !normal mt-half monospace "> < / textarea >
< p class = "support mt- half mb-1 "> {{ .strings.markdownSupported }}< / p >
< textarea id = "textarea-announce" class = "textarea full-width ~neutral @low mt-4 font-mono "> < / textarea >
< p class = "support mt- 4 mb-2 "> {{ .strings.markdownSupported }}< / p >
< / div >
< 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-2 mt-4 ">
< p class = "support" > {{ .strings.templateEnterName }}< / p >
< / label >
< div class = "row flex-expand" >
< label >
< 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 >
< 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 class = "col card ~neutral ! low">
< div class = "col card ~neutral @ low">
< span class = "subheading supra" > {{ .strings.preview }}< / span >
< div class = "mt- half " id = "announce-preview" > < / div >
< div class = "mt- 8 " id = "announce-preview" > < / div >
< / div >
< / div >
< / form >
@ -213,13 +213,13 @@
< div id = "modal-customize" class = "modal" >
< div class = "modal-content card" >
< span class = "heading" > {{ .strings.customizeMessages }} < span class = "modal-close" > × < / span > < / span >
< p class = "content "> {{ .strings.customizeMessagesDescription }}< / p >
< p class = "content my-4 "> {{ .strings.customizeMessagesDescription }}< / p >
< div class = "table-responsive" >
< table class = "table" >
< thead >
< tr >
< th > {{ .strings.name }}< / th >
< th > {{ .strings.reset }}< / th >
< th class = "table-inline justify-center" > {{ .strings.reset }}< / th >
< th > {{ .strings.edit }}< / th >
< / tr >
< / thead >
@ -232,68 +232,68 @@
< form class = "modal-content wide card" id = "form-editor" href = "" >
< span class = "heading" > < span id = "header-editor" > < / span > < span class = "modal-close" > × < / span > < / span >
< div class = "row" >
< div class = "col flex-col content mt-half ">
< div class = "col card ~neutral @low ">
< span class = "label supra" for = "editor-variables" id = "label-editor-variables" > {{ .strings.variables }}< / span >
< div id = "editor-variables" > < / div >
< div id = "editor-variables" class = "mt-4" > < / div >
< span class = "label supra" for = "editor-conditionals" id = "label-editor-conditionals" > {{ .strings.conditionals }}< / span >
< div id = "editor-conditionals" > < / div >
< 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 >
< p class = "support mt- half mb-1 "> {{ .strings.markdownSupported }}< / p >
< textarea id = "textarea-editor" class = "textarea full-width flex-auto ~neutral @low mt-4 font-mono "> < / textarea >
< p class = "support mt- 4 mb-2 "> {{ .strings.markdownSupported }}< / p >
< div class = "flex-row" >
< label class = "full-width ml- half ">
< label class = "full-width ml- 2 ">
< 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 >
< / div >
< / div >
< div class = "col card ~neutral ! low">
< div class = "col card ~neutral @ low">
< span class = "subheading supra" > {{ .strings.preview }}< / span >
< div class = "mt- half " id = "editor-preview" > < / div >
< div class = "mt- 8 " id = "editor-preview" > < / div >
< / div >
< / div >
< / form >
< / div >
< 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 >
< p class = "content pb-1 "> {{ .strings.settingsRestartRequiredDescription }}< / p >
< div class = "f r">
< span class = "button ~info !normal mb-half " id = "settings-apply-no-restart" > {{ .strings.settingsApplyRestartLater }}< / span >
< span class = "button ~critical !normal " id = "settings-apply-restart" > {{ .strings.settingsApplyRestartNow }}< / span >
< p class = "content my-4 "> {{ .strings.settingsRestartRequiredDescription }}< / p >
< div class = "f loat- right ">
< span class = "button ~info @low mb-2 " id = "settings-apply-no-restart" > {{ .strings.settingsApplyRestartLater }}< / span >
< span class = "button ~critical @low " id = "settings-apply-restart" > {{ .strings.settingsApplyRestartNow }}< / span >
< / div >
< / div >
< / div >
< 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 >
< p class = "content" > {{ .strings.settingsRefreshPage }}< / p >
< / div >
< / div >
< 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 >
< p class = "content " id = "send-pwr-note" > < / p >
< span class = "button ~urge !normal mt-half " id = "send-pwr-link" > {{ .strings.copy }}< / span >
< p class = "content my-2 " id = "send-pwr-note" > < / p >
< span class = "button ~urge @low mt-2 " id = "send-pwr-link" > {{ .strings.copy }}< / span >
< / div >
< / div >
< div id = "modal-ombi-profile" class = "modal" >
< form class = "modal-content card" id = "form-ombi-defaults" href = "" >
< span class = "heading" > {{ .strings.ombiProfile }} < span class = "modal-close" > × < / span > < / span >
< p class = "content "> {{ .strings.ombiUserDefaultsDescription }}< / p >
< div class = "select ~neutral !normal mb-1 ">
< p class = "content my-4 "> {{ .strings.ombiUserDefaultsDescription }}< / p >
< div class = "select ~neutral @low mb-4 ">
< select > < / select >
< / div >
< label >
< 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 >
< / form >
< / div >
< div id = "modal-user-profiles" class = "modal" >
< div class = "modal-content wide card" >
< span class = "heading" > {{ .strings.userProfiles }} < span class = "modal-close" > × < / span > < / span >
< p class = " support lg "> {{ .strings.userProfilesDescription }}< / p >
< p class = " content my-4 "> {{ .strings.userProfilesDescription }}< / p >
< div class = "table-responsive" >
< table class = "table" >
< thead >
@ -305,7 +305,7 @@
{{ end }}
< th > {{ .strings.from }}< / 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 >
< / thead >
< tbody id = "table-profiles" > < / tbody >
@ -316,23 +316,23 @@
< div id = "modal-add-profile" class = "modal" >
< form class = "modal-content card" id = "form-add-profile" href = "" >
< span class = "heading" > {{ .strings.addProfile }} < span class = "modal-close" > × < / span > < / span >
< p class = "content "> {{ .strings.addProfileDescription }}< / p >
< p class = "content my-4 "> {{ .strings.addProfileDescription }}< / p >
< label >
< 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-4 mb-2 " placeholder = "{{ .strings.name }}" id = "add-profile-name" >
< label >
< span class = "supra" > {{ .strings.user }}< / span >
< div class = "select ~neutral !normal mt-half mb-1 ">
< div class = "select ~neutral @low mt-4 mb-2 ">
< select id = "add-profile-user" > < / select >
< / div >
< / label >
< label class = "switch mb- 1 ">
< label class = "switch mb- 4 ">
< input type = "checkbox" id = "add-profile-homescreen" checked >
< span > {{ .strings.addProfileStoreHomescreenLayout }}< / span >
< / label >
< label >
< 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 >
< / form >
< / div >
@ -341,41 +341,41 @@
< span class = "heading" > {{ .strings.updates }} < span class = "modal-close" > × < / span > < / span >
< p class = "content" >
< h2 >
< a id = "update-version" > < / a > (< span class = " monospace " id = "update-commit" > < / span > )
< a id = "update-version" > < / a > (< span class = " font-mono bg-inherit " id = "update-commit" > < / span > )
< / h2 >
< p class = "content" id = "update-description" > < / p >
< p class = "support" id = "update-date" > < / p >
< div class = "content markdown-box" id = "update-changelog" > < / div >
< / p >
< span class = "button ~info !normal 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 ~info @low full-width center" id = "update-download" > {{ .strings.download }}< / span >
< span class = "button ~urge @low full-width center" id = "update-update" > {{ .strings.update }}< / span >
< / div >
< / div >
{{ if .telegramEnabled }}
< div id = "modal-telegram" class = "modal" >
< div class = "modal-content card" >
< span class = "heading mb- 1 "> {{ .strings.linkTelegram }}< / span >
< p class = "content mb- 1 "> {{ .strings.sendPIN }}< / p >
< span class = "heading mb- 4 "> {{ .strings.linkTelegram }}< / span >
< p class = "content mb- 4 "> {{ .strings.sendPIN }}< / p >
< h1 class = "ac" id = "telegram-pin" > < / h1 >
< a class = "subheading link-center" id = "telegram-link" target = "_blank" >
< span class = "shield ~info mr- 1 ">
< span class = "shield ~info mr- 2 ">
< span class = "icon" >
< i class = "ri-telegram-line" > < / i >
< / span >
< / span >
@ < span id = "telegram-username" >
< / 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-4 " id = "telegram-waiting" > {{ .strings.success }}< / span >
< / div >
< / div >
{{ end }}
{{ if .discordEnabled }}
< div id = "modal-discord" class = "modal" >
< div class = "modal-content card" >
< 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 >
< span class = "heading mb- 4 "> < span id = "discord-header" > < / span > < span class = "modal-close" > × < / span > < / span >
< p class = "content mb- 4 " id = "discord-description" > < / p >
< 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 >
< table class = "table" > < tbody id = "discord-list" > < / tbody > < / table >
< / div >
@ -384,29 +384,30 @@
< div id = "modal-matrix" class = "modal" >
< form class = "modal-content card" id = "form-matrix" href = "" >
< span class = "heading" > {{ .strings.linkMatrix }}< / span >
< 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.username }}" id = "matrix-user" >
< input type = "password" class = "field input ~neutral !high mt-half mb-1 " placeholder = "{{ .strings.password }}" id = "matrix-password" >
< p class = "content my-4 "> {{ .strings.linkMatrixDescription }}< / p >
< input type = "text" class = "field input ~neutral @high mt-4 mb-2 " placeholder = "{{ .strings.matrixHomeServer }}" id = "matrix-homeserver" >
< input type = "text" class = "field input ~neutral @high mt-4 mb-2 " placeholder = "{{ .strings.username }}" id = "matrix-user" >
< input type = "password" class = "field input ~neutral @high mt-4 mb-2 " placeholder = "{{ .strings.password }}" id = "matrix-password" >
< label >
< 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 >
< / form >
< / div >
< div id = "notification-box" > < / div >
< div class = "top-4 left-4 absolute" >
< span class = "dropdown" tabindex = "0" id = "lang-dropdown" >
< span class = "button ~urge dropdown-button" >
< i class = "ri-global-line" > < / i >
< span class = "ml- 1 chev"> < / span >
< span class = "ml- 2 chev"> < / span >
< / span >
< div class = "dropdown-display" >
< div class = "card ~neutral ! low">
< label class = "switch pb- 1 ">
< div class = "card ~neutral @ low">
< label class = "switch pb- 4 ">
< input type = "radio" name = "lang-time" id = "lang-12h" >
< span > {{ .strings.time12h }}< / span >
< / label >
< label class = "switch pb- 1 ">
< label class = "switch pb- 4 ">
< input type = "radio" name = "lang-time" id = "lang-24h" >
< span > {{ .strings.time24h }}< / span >
< / label >
@ -415,45 +416,46 @@
< / div >
< / span >
< span class = "button ~warning" alt = "{{ .strings.theme }}" id = "button-theme" > < i class = "ri-sun-line" > < / i > < / span >
< / div >
< div class = "page-container" >
< div class = "mb- 1 ">
< div class = "mb- 4 ">
< header class = "flex flex-wrap items-center justify-between" >
< div class = "text-neutral-700" >
< span id = "button-tab-invites" class = "t ab-button portal "> {{ .strings.invites }}< / span >
< span id = "button-tab-accounts" class = "t ab-button portal "> {{ .strings.accounts }}< / span >
< span id = "button-tab-settings" class = "t ab-button portal "> {{ .strings.settings }}< / span >
< div >
< span id = "button-tab-invites" class = "t ext-3xl button portal ~neutral dark:~d_neutral @low mr-2 px-5 "> {{ .strings.invites }}< / span >
< span id = "button-tab-accounts" class = "t ext-3xl button portal ~neutral dark:~d_neutral @low mr-2 px-5 "> {{ .strings.accounts }}< / span >
< span id = "button-tab-settings" class = "t ext-3xl button portal ~neutral dark:~d_neutral @low mr-2 px-5 "> {{ .strings.settings }}< / span >
< / div >
< / header >
< / div >
< div class = "mb- 1 ">
< div class = "text-neutral-700" >
< span class = "button ~critical !normal mb-1 unfocused" id = "logout-button" > {{ .strings.logout }}< / span >
< div class = "mb- 4 ">
< div >
< span class = "button ~critical @low mb-4 unfocused" id = "logout-button" > {{ .strings.logout }}< / span >
< / div >
< / div >
< div id = "tab-invites" >
< div class = "card ~neutral !low invites mb-1 ">
< div class = "card @low invites dark:~d_neutral mb-4 ">
< span class = "heading" > {{ .strings.invites }}< / span >
< div id = "invites" > < / div >
< / div >
< div class = "card ~neutral !low ">
< div class = "card @low dark: ~d_ neutral">
< span class = "heading" > {{ .strings.create }}< / span >
< div class = "row" id = "create-inv" >
< div class = "card ~neutral !normal col">
< div class = "row mb- 1 ">
< label class = "col mr- 1 ">
< div class = "card ~neutral @low col">
< div class = "row mb- 2 ">
< label class = "col mr- 2 ">
< 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 class = "col ml- 1 ">
< label class = "col ml- 2 ">
< 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 >
< / div >
< div id = "inv-duration" >
< div class = "row" >
< div class = "col" >
< 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-2 mt-4 ">
< select id = "create-months" >
< option > 0< / option >
< / select >
@ -461,7 +463,7 @@
< / div >
< div class = "col" >
< 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-2 mt-4 ">
< select id = "create-days" >
< option > 0< / option >
< / select >
@ -471,7 +473,7 @@
< div class = "row" >
< div class = "col" >
< 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-2 mt-4 ">
< select id = "create-hours" >
< option > 0< / option >
< / select >
@ -479,7 +481,7 @@
< / div >
< div class = "col" >
< 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-2 mt-4 ">
< select id = "create-minutes" >
< option > 0< / option >
< / select >
@ -488,17 +490,17 @@
< / div >
< / div >
< div id = "user-expiry" class = "unfocused" >
< p class = "support "> {{ .strings.userExpiryDescription }}< / p >
< div class = "mb- half ">
< label for = "create-user-expiry-enabled" class = "button ~neutral !normal ">
< p class = "support mb-2 "> {{ .strings.userExpiryDescription }}< / p >
< div class = "mb- 2 ">
< label for = "create-user-expiry-enabled" class = "button ~neutral @low ">
< input type = "checkbox" id = "create-user-expiry-enabled" aria-label = "User duration enabled" >
< span class = "ml- half "> {{ .strings.enabled }} < / span >
< span class = "ml- 2 "> {{ .strings.enabled }} < / span >
< / label >
< / div >
< div class = "row" >
< div class = "col" >
< 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-2 mt-4 ">
< select id = "user-months" >
< option > 0< / option >
< / select >
@ -506,7 +508,7 @@
< / div >
< div class = "col" >
< 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-2 mt-4 ">
< select id = "user-days" >
< option > 0< / option >
< / select >
@ -516,7 +518,7 @@
< div class = "row" >
< div class = "col" >
< 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-2 mt-4 ">
< select id = "user-hours" >
< option > 0< / option >
< / select >
@ -524,7 +526,7 @@
< / div >
< div class = "col" >
< 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-2 mt-4 ">
< select id = "user-minutes" >
< option > 0< / option >
< / select >
@ -534,92 +536,92 @@
< / div >
< div class = "col" >
< 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-2 mt-4 ">
< / div >
< / div >
< div class = "card ~neutral !normal col">
< div class = "card ~neutral @low col">
< label class = "label supra" for = "create-uses" > {{ .strings.inviteNumberOfUses }}< / label >
< div class = "flex-expand mb- 1 mt-half ">
< input type = "number" min = "0" id = "create-uses" class = "input ~neutral !normal mr-1 " value = 1 >
< label for = "create-inf-uses" class = "button ~neutral !normal " title = "Set uses to infinite" >
< span > ∞ < / span >
< div class = "flex-expand mb- 2 mt-4 ">
< input type = "number" min = "0" id = "create-uses" class = "input ~neutral @low mr-2 " value = 1 >
< label for = "create-inf-uses" class = "button ~neutral @low " title = "Set uses to infinite" >
< span > ∞ < / span >
< input type = "checkbox" class = "unfocused" id = "create-inf-uses" aria-label = "Set uses to infinite" >
< / label >
< / div >
< p class = "support unfocused " id = "create-inf-uses-warning" > < span class = "badge ~critical" > {{ .strings.warning }}< / span > {{ .strings.inviteInfiniteUsesWarning }}< / p >
< p class = "support unfocused my-2 " id = "create-inf-uses-warning" > < span class = "badge ~critical" > {{ .strings.warning }}< / span > {{ .strings.inviteInfiniteUsesWarning }}< / p >
< label class = "label supra" > {{ .strings.profile }}< / label >
< div class = "select ~neutral !normal mb-1 mt-half ">
< div class = "select ~neutral @low mb-2 mt-4 ">
< select id = "create-profile" >
< / select >
< / div >
< div id = "create-send-to-container" >
< label class = "label supra" > {{ .strings.inviteSendToEmail }}< / label >
< div class = "flex-expand mb- 1 mt-half ">
< div class = "flex-expand mb- 2 mt-4 ">
{{ if .discordEnabled }}
< input type = "text" id = "create-send-to" class = "input ~neutral !normal mr-1 " placeholder = "example@example.com | user#1234" >
< span id = "create-send-to-search" class = "button ~neutral !normal mr-1 ">
< input type = "text" id = "create-send-to" class = "input ~neutral @low mr-2 " placeholder = "example@example.com | user#1234" >
< span id = "create-send-to-search" class = "button ~neutral @low mr-2 ">
< i class = "icon ri-search-2-line" title = "{{ .strings.search }}" > < / i >
< / span >
{{ 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-2 " placeholder = "example@example.com" >
{{ 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" >
< / label >
< / 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 id = "tab-accounts" class = "unfocused" >
< div class = "card ~neutral !low accounts mb-1 ">
< div class = "card @low dark:~d_neutral accounts mb-4 ">
< div class = "flex-expand row" >
< div class = "row" >
< 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 }}" >
< span class = " text-3xl font-bold mr-2 col "> {{ .strings.accounts }}< / span >
< input type = "search" class = "col sm field ~neutral @low input search ml-2 mr-2 " id = "accounts-search" placeholder = "{{ .strings.search }}" >
< / div >
< div class = "row" >
< span class = "col sm button ~neutral !normal center mb-half " id = "accounts-add-user" > {{ .quantityStrings.addUser.Singular }}< / span >
< 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 = "col sm button ~neutral @low center mb-2 " id = "accounts-add-user" > {{ .quantityStrings.addUser.Singular }}< / span >
< div id = "accounts-announce-dropdown" class = "col sm dropdown pb-0i " tabindex = "0" >
< span class = "h-100 sm button ~info @low center mb-2 " id = "accounts-announce" > {{ .strings.announce }}< / span >
< div class = "dropdown-display" >
< div class = "card ~neutral ! low">
< div class = "card ~neutral @ low">
< span class = "supra sm" > {{ .strings.templates }}< / span >
< div id = "accounts-announce-templates" > < / 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 ~warning !normal center mb-half " id = "accounts-extend-expiry" > {{ .strings.extendExpiry }}< / span >
< 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 = "col sm button ~urge @low center mb-2 " id = "accounts-modify-user" > {{ .strings.modifySettings }}< / span >
< span class = "col sm button ~warning @low center mb-2 " id = "accounts-extend-expiry" > {{ .strings.extendExpiry }}< / span >
< div id = "accounts-disable-enable-dropdown" class = "col sm dropdown manual pb-0i " tabindex = "0" >
< span class = "h-100 sm button ~positive @low center mb-2 " id = "accounts-disable-enable" > {{ .strings.disable }}< / span >
< div class = "dropdown-display" >
< div class = "card ~neutral ! low">
< span class = "button ~ neutral sm full-width accounts-announce-template-button" id = "accounts-enable-expiry" > {{ .strings.setExpiry }}< / span >
< div class = "card ~neutral @ low">
< span class = "button ~ urge sm full-width accounts-announce-template-button" id = "accounts-enable-expiry" > {{ .strings.setExpiry }}< / span >
< / 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 ~critical !normal center mb-half " id = "accounts-delete-user" > {{ .quantityStrings.deleteUser.Singular }}< / span >
< span class = "col sm button ~info @low center mb-2 unfocused" id = "accounts-send-pwr" > {{ .strings.sendPWR }}< / span >
< span class = "col sm button ~critical @low center mb-2 " id = "accounts-delete-user" > {{ .quantityStrings.deleteUser.Singular }}< / span >
< / div >
< / div >
< div class = "card ~neutral !normal accounts-header table-responsive mt-half ">
< table class = "table ">
< div class = "card @low accounts-header table-responsive mt-8 ">
< table class = "table text-base leading-4 ">
< thead >
< tr >
< th > < input type = "checkbox" value = "" id = "accounts-select-all" > < / th >
< th > {{ .strings.username }}< / th >
< th class = "table-inline my-2" > {{ .strings.username }}< / th >
< th > {{ .strings.emailAddress }}< / th >
{{ if .telegramEnabled }}
< th > Telegram< / th >
< th class = "text-center-i" > Telegram< / th >
{{ end }}
{{ if .matrixEnabled }}
< th > Matrix< / th >
< th class = "text-center-i" > Matrix< / th >
{{ end }}
{{ if .discordEnabled }}
< th > Discord< / th >
< th class = "text-center-i" > Discord< / th >
{{ end }}
< th > {{ .strings.expiry }}< / th >
< th > {{ .strings.lastActiveTime }}< / th >
@ -631,28 +633,28 @@
< / div >
< / div >
< div id = "tab-settings" class = "unfocused" >
< div class = "card ~neutral !low settings overflow">
< div class = "card @low dark: ~d_ neutral settings overflow">
< div class = "flex-expand" >
< div class = "flex-row" >
< 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-2 ">
< input type = "checkbox" id = "settings-advanced-enabled" aria-label = "Advanced settings enabled" >
< span class = "ml- half "> {{ .strings.advancedSettings }} < / span >
< span class = "ml- 2 "> {{ .strings.advancedSettings }} < / span >
< / label >
< / div >
< div >
< span class = "button ~info !normal " id = "settings-logs" > {{ .strings.logs }}< / span >
< span class = "button ~neutral !normal " id = "settings-restart" > {{ .strings.settingsRestart }}< / span >
< span class = "button ~urge !normal unfocused" id = "settings-save" > {{ .strings.settingsSave }}< / span >
< span class = "button ~info @low " id = "settings-logs" > {{ .strings.logs }}< / span >
< span class = "button ~neutral @low " id = "settings-restart" > {{ .strings.settingsRestart }}< / span >
< span class = "button ~urge @low unfocused" id = "settings-save" > {{ .strings.settingsSave }}< / span >
< / div >
< / div >
< div class = "row" >
< div class = "card ~neutral !norm al 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 >
< 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 >
< div class = "card @low dark: ~d_ neutral col" id = "settings-sidebar" >
< aside class = "aside sm ~ urge dark:~d_info mb-2 @low " id = "settings-message" > Note: < span class = "badge ~critical" > *< / span > indicates a required field, < span class = "badge ~info dark:~d_warning "> R< / span > indicates changes require a restart.< / aside >
< span class = "button ~neutral @low settings-section-button justify-between mb-2 " id = "setting-about" > < span class = "flex" > {{ .strings.aboutProgram }} < i class = "ri-information-line ml- 2 "> < / i > < / span > < / span >
< span class = "button ~neutral @low settings-section-button justify-between mb-2 " id = "setting-profiles" > < span class = "flex" > {{ .strings.userProfiles }} < i class = "ri-user-line ml- 2 "> < / i > < / span > < / span >
< / 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 >
Harvey Tindall
3 years ago