commit b31595a6c6042e0bfdc54128b1b4d1775e55db89 parent 7ac0e998bfd1d6e5997b89b9cb5703ff639bb350 Author: n0tr1v <n0tr1v@protonmail.com> Date: Mon, 5 Dec 2022 02:14:50 -0500 fancy toggles Diffstat:
| M | pkg/web/public/views/pages/admin/settings.gohtml | | | 56 | ++++++++++++++++++++++++++++++++++++++++---------------- |
1 file changed, 40 insertions(+), 16 deletions(-)
diff --git a/pkg/web/public/views/pages/admin/settings.gohtml b/pkg/web/public/views/pages/admin/settings.gohtml @@ -24,36 +24,60 @@ <form id="" method="post" class="mb-3"> <input type="hidden" name="csrf" value="{{ .CSRF }}" /> <input type="hidden" name="formName" value="saveSettings" /> - <div class="form-check"> - <input class="form-check-input" id="protectHome" type="checkbox" value="1" name="protectHome"{{ if .Data.ProtectHome }} checked{{ end }}> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="protectHome" id="protectHome" value="1"{{ if .Data.ProtectHome }} checked{{ end }} /> + <label for="protectHome" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="protectHome">Protect home</label> </div> - <div class="form-check"> - <input class="form-check-input" id="homeUsersList" type="checkbox" value="1" name="homeUsersList"{{ if .Data.HomeUsersList }} checked{{ end }}> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="homeUsersList" id="homeUsersList" value="1"{{ if .Data.HomeUsersList }} checked{{ end }} /> + <label for="homeUsersList" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="homeUsersList">Home users list</label> </div> - <div class="form-check"> - <input class="form-check-input" id="forceLoginCaptcha" type="checkbox" value="1" name="forceLoginCaptcha"{{ if .Data.ForceLoginCaptcha }} checked{{ end }}> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="forceLoginCaptcha" id="forceLoginCaptcha" value="1"{{ if .Data.ForceLoginCaptcha }} checked{{ end }} /> + <label for="forceLoginCaptcha" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="forceLoginCaptcha">Force login captcha</label> </div> - <div class="form-check"> - <input class="form-check-input" id="signupEnabled" type="checkbox" value="1" name="signupEnabled"{{ if .Data.SignupEnabled }} checked{{ end }}> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="signupEnabled" id="signupEnabled" value="1"{{ if .Data.SignupEnabled }} checked{{ end }} /> + <label for="signupEnabled" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="signupEnabled">Signup enabled</label> </div> - <div class="form-check"> - <input class="form-check-input" id="signupFakeEnabled" type="checkbox" value="1" name="signupFakeEnabled"{{ if .Data.SignupFakeEnabled }} checked{{ end }}> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="signupFakeEnabled" id="signupFakeEnabled" value="1"{{ if .Data.SignupFakeEnabled }} checked{{ end }} /> + <label for="signupFakeEnabled" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="signupFakeEnabled">Signup fake enabled</label> </div> - <div class="form-check"> - <input class="form-check-input" id="downloadsEnabled" type="checkbox" value="1" name="downloadsEnabled"{{ if .Data.DownloadsEnabled }} checked{{ end }}> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="downloadsEnabled" id="downloadsEnabled" value="1"{{ if .Data.DownloadsEnabled }} checked{{ end }} /> + <label for="downloadsEnabled" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="downloadsEnabled">Downloads enabled</label> </div> - <div class="form-check"> - <input class="form-check-input" id="forumEnabled" type="checkbox" value="1" name="forumEnabled"{{ if .Data.ForumEnabled }} checked{{ end }}> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="forumEnabled" id="forumEnabled" value="1"{{ if .Data.ForumEnabled }} checked{{ end }} /> + <label for="forumEnabled" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="forumEnabled">Forum enabled</label> </div> - <div class="form-check"> - <input class="form-check-input" id="maybeAuthEnabled" type="checkbox" value="1" name="maybeAuthEnabled"{{ if .Data.MaybeAuthEnabled }} checked{{ end }}> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="maybeAuthEnabled" id="maybeAuthEnabled" value="1"{{ if .Data.MaybeAuthEnabled }} checked{{ end }} /> + <label for="maybeAuthEnabled" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="maybeAuthEnabled">Maybe auth enabled</label> </div> <div>