2020-12-12 22:15:43 +00:00
<!DOCTYPE html>
2021-01-03 21:13:37 +00:00
< html lang = "en" class = "{{ .cssClass }}" >
2020-12-12 22:15:43 +00:00
< head >
2020-12-28 19:56:11 +00:00
< link rel = "stylesheet" type = "text/css" href = "css/base.css" >
2020-12-29 18:42:26 +00:00
< script >
window.URLBase = "{{ .urlBase }}";
2021-01-01 23:31:32 +00:00
window.notificationsEnabled = {{ .notifications }};
window.emailEnabled = {{ .email_enabled }};
window.ombiEnabled = {{ .ombiEnabled }};
window.usernamesEnabled = {{ .username }};
2020-12-29 18:42:26 +00:00
< / script >
{{ template "header.html" . }}
< title > Admin - jfa-go< / title >
2020-12-12 22:15:43 +00:00
< / head >
< body class = "max-w-full overflow-x-hidden section" >
2020-12-20 22:49:54 +00:00
< div id = "modal-login" class = "modal" >
< form class = "modal-content card" id = "form-login" href = "" >
2020-12-16 18:25:16 +00:00
< span class = "heading" > Login< / span >
< input type = "text" class = "field input ~neutral !high mt-half mb-1" placeholder = "username" id = "login-user" >
< input type = "password" class = "field input ~neutral !high mb-1" placeholder = "password" id = "login-password" >
2021-01-01 23:31:32 +00:00
< label >
< input type = "submit" class = "unfocused" >
< span class = "button ~urge !normal full-width center supra submit" > Login< / span >
< / label >
2020-12-16 18:25:16 +00:00
< / form >
< / div >
2020-12-20 22:49:54 +00:00
< div id = "modal-add-user" class = "modal" >
< form class = "modal-content card" id = "form-add-user" href = "" >
< span class = "heading" > New User < span class = "modal-close" > × < / span > < / span >
< input type = "text" class = "field input ~neutral !high mt-half mb-1" placeholder = "username" id = "add-user-user" >
2021-01-01 23:31:32 +00:00
< input type = "email" class = "field input ~neutral !high mt-half mb-1" placeholder = "email address" >
2020-12-20 22:49:54 +00:00
< input type = "password" class = "field input ~neutral !high mb-1" placeholder = "password" id = "add-user-password" >
2021-01-01 23:31:32 +00:00
< label >
< input type = "submit" class = "unfocused" >
< span class = "button ~urge !normal full-width center supra submit" > Create< / span >
< / label >
2020-12-20 22:49:54 +00:00
< / form >
< / div >
< div id = "modal-about" class = "modal" >
< div class = "modal-content content card" >
< span class = "heading" > About < span class = "modal-close" > × < / span > < / span >
2020-12-30 23:48:01 +00:00
< img src = "/banner.svg" class = "mt-1" alt = "jfa-go banner" >
2020-12-27 16:56:55 +00:00
< p > < i class = "icon ri-github-fill" > < / i > < a href = "https://github.com/hrfee/jfa-go" > jfa-go< / a > < / p >
2020-12-29 18:42:26 +00:00
< p > Version < span class = "code monospace" > {{ .version }}< / span > < / p >
< p > Commit < span class = "code monospace" > {{ .commit }}< / span > < / p >
2020-12-20 22:49:54 +00:00
< p > < a href = "https://github.com/hrfee/jfa-go/blob/main/LICENSE" > Available under the MIT License.< / a > < / p >
< / div >
< / div >
2020-12-23 01:34:22 +00:00
< div id = "modal-modify-user" class = "modal" >
< form class = "modal-content card" id = "form-modify-user" href = "" >
2021-01-01 23:31:32 +00:00
< span class = "heading" > Modify Settings for < span id = "header-modify-user" > < / span > < span class = "modal-close" > × < / span > < / span >
2020-12-23 01:34:22 +00:00
< p class = "content" > Apply settings from an existing profile, or source them directly from a user.< / p >
< div class = "flex-row mb-1" >
2020-12-26 15:51:07 +00:00
< label class = "flex-row-group mr-1" >
< input type = "radio" name = "modify-user-source" class = "unfocused" id = "radio-use-profile" checked >
2020-12-23 01:34:22 +00:00
< span class = "button ~neutral !high supra full-width center" > Profile< / span >
< / label >
2020-12-26 15:51:07 +00:00
< label class = "flex-row-group ml-1" >
< input type = "radio" name = "modify-user-source" class = "unfocused" id = "radio-use-user" >
2020-12-23 01:34:22 +00:00
< span class = "button ~neutral !normal supra full-width center" > User< / span >
< / label >
< / div >
2021-01-01 23:31:32 +00:00
< div class = "select ~neutral !normal mb-1" >
< select id = "modify-user-profiles" >
2020-12-23 01:34:22 +00:00
< option > Friends< / option >
< option > Family< / option >
< option > Default< / option >
< / select >
< / div >
2021-01-01 23:31:32 +00:00
< div class = "select ~neutral !normal mb-1 unfocused" >
< select id = "modify-user-users" >
2020-12-23 01:34:22 +00:00
< option > Person< / option >
< option > Other person< / option >
< / select >
< / div >
< label class = "switch mb-1" >
< input type = "checkbox" id = "modify-user-homescreen" checked >
< span > Apply homescreen layout< / span >
< / label >
2021-01-01 23:31:32 +00:00
< label >
< input type = "submit" class = "unfocused" >
< span class = "button ~urge !normal full-width center supra submit" > Apply< / span >
< / label >
2020-12-23 01:34:22 +00:00
< / form >
< / div >
< div id = "modal-delete-user" class = "modal" >
< form class = "modal-content card" id = "form-delete-user" href = "" >
2021-01-01 23:31:32 +00:00
< span class = "heading" > Delete < span id = "header-delete-user" > < / span > < span class = "modal-close" > × < / span > < / span >
2020-12-23 01:34:22 +00:00
< div class = "content mt-half" >
< label class = "switch mb-1" >
< input type = "checkbox" id = "delete-user-notify" checked >
< span > Send notification email< / span >
< / label >
< textarea id = "textarea-delete-user" class = "textarea full-width ~neutral !normal mb-1" placeholder = "Your account has been deleted." > < / textarea >
2021-01-01 23:31:32 +00:00
< label >
< input type = "submit" class = "unfocused" >
< span class = "button ~critical !normal full-width center supra submit" > Delete< / span >
< / label >
2020-12-23 01:34:22 +00:00
< / div >
< / form >
< / div >
< div id = "modal-restart" class = "modal" >
2021-01-03 20:58:44 +00:00
< div class = "modal-content card ~critical !low" >
2020-12-23 01:34:22 +00:00
< span class = "heading" > Restart needed < span class = "modal-close" > × < / span > < / span >
< p class = "content pb-1" > A restart is needed to apply some settings you changed. Do it now or later?< / p >
< div class = "fr" >
2021-01-03 20:58:44 +00:00
< span class = "button ~info !normal" id = "settings-apply-no-restart" > Apply, restart later< / span >
< span class = "button ~critical !normal" id = "settings-apply-restart" > Apply & restart< / span >
2020-12-23 01:34:22 +00:00
< / div >
< / div >
< / div >
< div id = "modal-refresh" class = "modal" >
2021-01-03 20:58:44 +00:00
< div class = "modal-content card ~neutral !normal" >
2020-12-23 01:34:22 +00:00
< span class = "heading" > Settings applied.< / span >
< p class = "content" > Refresh the page in a few seconds.< / p >
< / div >
< / div >
< div id = "modal-ombi-defaults" class = "modal" >
< form class = "modal-content card" id = "form-ombi-defaults" href = "" >
< span class = "heading" > Ombi user defaults < span class = "modal-close" > × < / span > < / span >
< p class = "content" > Create an Ombi user and configure it, then select it here. It's settings/permissions will be stored and applied to new ombi users created by jfa-go.< / p >
< div class = "select ~neutral !normal mb-1" >
< select >
< option > Person< / option >
< option > Other person< / option >
< / select >
< / div >
2021-01-01 23:31:32 +00:00
< label >
< input type = "submit" class = "unfocused" >
< span class = "button ~urge !normal full-width center supra submit" > Submit< / span >
< / label >
2020-12-23 01:34:22 +00:00
< / form >
< / div >
2020-12-30 18:31:38 +00:00
< div id = "notification-box" > < / div >
2020-12-26 15:51:07 +00:00
< div class = "page-container max-w-screen-lg px-6 py-4 mx-auto lg:mx-auto md:py-8" >
2020-12-24 21:22:28 +00:00
< div class = "mb-1" >
2020-12-12 22:15:43 +00:00
< header class = "flex flex-wrap items-center justify-between" >
< div class = "text-neutral-700" >
2020-12-26 15:51:07 +00:00
< span id = "invitesTab-button" class = "tab-button portal ~urge active" > Invites< / span >
< span id = "accountsTab-button" class = "tab-button portal" > Accounts< / span >
< span id = "settingsTab-button" class = "tab-button portal" > Settings< / span >
2020-12-12 22:15:43 +00:00
< / div >
< / header >
< / div >
2020-12-24 21:22:28 +00:00
< div class = "mb-1" >
2020-12-12 22:15:43 +00:00
< div class = "text-neutral-700" >
2020-12-30 23:48:01 +00:00
< span class = "button ~critical !normal mb-1 unfocused" id = "logout-button" > Logout< / span >
2020-12-24 21:22:28 +00:00
< span id = "button-theme" class = "button ~neutral !normal mb-1" > Theme< / span >
2020-12-12 22:15:43 +00:00
< / div >
< / div >
2020-12-23 01:34:22 +00:00
< div id = "invitesTab" >
2020-12-24 21:22:28 +00:00
< div class = "card ~neutral !low invites mb-1" >
2020-12-13 22:00:44 +00:00
< span class = "heading" > Invites< / span >
2020-12-30 23:48:01 +00:00
< div id = "invites" > < / div >
2020-12-13 22:00:44 +00:00
< / div >
2020-12-30 23:48:01 +00:00
< div class = "card ~neutral !low" >
2020-12-13 22:00:44 +00:00
< span class = "heading" > Create< / span >
2020-12-30 23:48:01 +00:00
< div class = "row" id = "create-inv" >
2020-12-24 21:22:28 +00:00
< div class = "card ~neutral !normal col" >
2020-12-30 23:48:01 +00:00
< label class = "label supra" for = "create-days" > Days< / label >
2020-12-28 18:15:52 +00:00
< div class = "select ~neutral !normal mb-1 mt-half" >
2020-12-30 23:48:01 +00:00
< select id = "create-days" >
2020-12-13 22:00:44 +00:00
< option > 0< / option >
< / select >
< / div >
2020-12-30 23:48:01 +00:00
< label class = "label supra" for = "create-hours" > Hours< / label >
2020-12-28 18:15:52 +00:00
< div class = "select ~neutral !normal mb-1 mt-half" >
2020-12-30 23:48:01 +00:00
< select id = "create-hours" >
2020-12-13 22:00:44 +00:00
< option > 0< / option >
< / select >
< / div >
2020-12-30 23:48:01 +00:00
< label class = "label supra" for = "create-minutes" > Minutes< / label >
2020-12-28 18:15:52 +00:00
< div class = "select ~neutral !normal mb-1 mt-half" >
2020-12-30 23:48:01 +00:00
< select id = "create-minutes" >
2020-12-13 22:00:44 +00:00
< option > 0< / option >
< / select >
< / div >
< / div >
2020-12-24 21:22:28 +00:00
< div class = "card ~neutral !normal col" >
2020-12-30 23:48:01 +00:00
< label class = "label supra" for = "create-uses" > Number of uses< / label >
2020-12-28 18:15:52 +00:00
< div class = "flex-expand mb-1 mt-half" >
2020-12-30 23:48:01 +00:00
< 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" >
2020-12-13 22:00:44 +00:00
< span > ∞< / span >
2020-12-30 23:48:01 +00:00
< input type = "checkbox" class = "unfocused" id = "create-inf-uses" aria-label = "Set uses to infinite" >
2020-12-12 22:15:43 +00:00
< / label >
< / div >
2020-12-30 23:48:01 +00:00
< p class = "support unfocused" id = "create-inf-uses-warning" > < span class = "badge ~critical" > Warning< / span > invites with infinite uses can be used abusively.< / p >
2020-12-13 22:00:44 +00:00
< label class = "label supra" > Profile< / label >
2020-12-30 23:48:01 +00:00
< div class = "select ~neutral !normal mb-1 mt-half" >
< select id = "create-profile" >
2020-12-13 22:00:44 +00:00
< / select >
2020-12-12 22:15:43 +00:00
< / div >
2021-01-01 23:31:32 +00:00
< div id = "create-send-to-container" >
< label class = "label supra" > Send to< / label >
< div class = "flex-expand mb-1 mt-half" >
< input type = "email" id = "create-send-to" class = "input ~neutral !normal mr-1" placeholder = "example@example.com" >
< label for = "create-send-to-enabled" class = "button ~neutral !normal" >
< input type = "checkbox" id = "create-send-to-enabled" aria-label = "Send to address enabled" >
< / label >
< / div >
2020-12-12 22:15:43 +00:00
< / div >
2020-12-30 23:48:01 +00:00
< span class = "button ~urge !normal supra full-width center lg" id = "create-submit" > Create< / span >
2020-12-12 22:15:43 +00:00
< / div >
< / div >
< / div >
< / div >
2020-12-14 21:40:25 +00:00
< div id = "accountsTab" class = "unfocused" >
2020-12-24 21:22:28 +00:00
< div class = "card ~neutral !low accounts mb-1" >
2020-12-13 22:00:44 +00:00
< span class = "heading" > Accounts< / span >
2020-12-14 21:40:25 +00:00
< div class = "fr" >
< span class = "button ~neutral !normal" id = "accounts-add-user" > Add User< / span >
2020-12-24 21:22:28 +00:00
< span class = "button ~urge !normal" id = "accounts-modify-user" > Modify Settings< / span >
2020-12-23 01:34:22 +00:00
< span class = "button ~critical !normal" id = "accounts-delete-user" > Delete User< / span >
2020-12-14 21:40:25 +00:00
< / div >
2021-01-02 00:56:45 +00:00
< div class = "card ~neutral !normal accounts-header table-responsive mt-half" >
2020-12-13 22:00:44 +00:00
< table class = "table" >
< thead >
< tr >
< th > < input type = "checkbox" value = "" id = "accounts-select-all" > < / th >
< th > Username< / th >
< th > Email Address< / th >
< th > Last Active< / th >
< / tr >
< / thead >
2021-01-01 23:31:32 +00:00
< tbody id = "accounts-list" > < / tbody >
2020-12-13 22:00:44 +00:00
< / table >
2020-12-12 22:15:43 +00:00
< / div >
< / div >
2020-12-14 21:40:25 +00:00
< / div >
2020-12-23 01:34:22 +00:00
< div id = "settingsTab" class = "unfocused" >
2021-01-03 20:58:44 +00:00
< div class = "card ~neutral !low settings overflow" >
2020-12-14 21:40:25 +00:00
< span class = "heading" > Settings< / span >
2020-12-23 01:34:22 +00:00
< div class = "fr" >
2021-01-03 20:58:44 +00:00
< span class = "button ~neutral !normal unfocused" id = "settings-save" > Save< / span >
2020-12-23 01:34:22 +00:00
< / div >
2020-12-14 21:40:25 +00:00
< div class = "row" >
2021-01-02 21:39:36 +00:00
< div class = "card ~neutral !normal col" id = "settings-sidebar" >
2021-01-03 20:58:44 +00:00
< aside class = "aside sm ~info mb-half" > 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" > About < i class = "ri-information-line ml-half" > < / i > < / span > < / span >
2020-12-14 21:40:25 +00:00
< / div >
2021-01-03 20:58:44 +00:00
< div class = "card ~neutral !normal col overflow" id = "settings-panel" > < / div >
2020-12-14 21:40:25 +00:00
< / div >
< / div >
2020-12-12 22:15:43 +00:00
< / div >
< / div >
2020-12-28 19:56:11 +00:00
< script src = "js/admin.js" type = "module" > < / script >
2020-12-12 22:15:43 +00:00
< / body >
< / html >
