commit 7ac0e998bfd1d6e5997b89b9cb5703ff639bb350 parent 216b9bd3446499aa1e7e079b7b34e5633f905d63 Author: n0tr1v <n0tr1v@protonmail.com> Date: Mon, 5 Dec 2022 02:11:33 -0500 fancy toggles Diffstat:
| M | pkg/web/public/views/pages/admin/user-edit.gohtml | | | 91 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------- |
1 file changed, 65 insertions(+), 26 deletions(-)
diff --git a/pkg/web/public/views/pages/admin/user-edit.gohtml b/pkg/web/public/views/pages/admin/user-edit.gohtml @@ -89,68 +89,107 @@ </select> </div> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="verified" id="verified" value="1"{{ if .Data.Verified }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="verified" id="verified" value="1"{{ if .Data.Verified }} checked{{ end }} /> + <label for="verified" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="verified">{{ t "Verified" . }}</label> </div> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="is_club_member" id="is_club_member" value="1"{{ if .Data.IsClubMember }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="is_club_member" id="is_club_member" value="1"{{ if .Data.IsClubMember }} checked{{ end }} /> + <label for="is_club_member" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="is_club_member">{{ t "Is club member" . }}</label> </div> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="isAdmin" id="isAdmin" value="1"{{ if .Data.IsAdmin }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="isAdmin" id="isAdmin" value="1"{{ if .Data.IsAdmin }} checked{{ end }} /> + <label for="isAdmin" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="isAdmin">{{ t "Is admin" . }}</label> </div> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="isHellbanned" id="isHellbanned" value="1"{{ if .Data.IsHellbanned }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="isHellbanned" id="isHellbanned" value="1"{{ if .Data.IsHellbanned }} checked{{ end }} /> + <label for="isHellbanned" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="isHellbanned">{{ t "Is hellbanned" . }}</label> </div> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="can_upload_file" id="can_upload_file" value="1"{{ if .Data.CanUploadFile }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="can_upload_file" id="can_upload_file" value="1"{{ if .Data.CanUploadFile }} checked{{ end }} /> + <label for="can_upload_file" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="can_upload_file">{{ t "Can upload file" . }}</label> </div> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="can_use_forum" id="can_use_forum" value="1"{{ if .Data.CanUseForum }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="can_use_forum" id="can_use_forum" value="1"{{ if .Data.CanUseForum }} checked{{ end }} /> + <label for="can_use_forum" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="can_use_forum">{{ t "Can use forum" . }}</label> </div> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="can_change_username" id="can_change_username" value="1"{{ if .Data.CanChangeUsername }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="can_change_username" id="can_change_username" value="1"{{ if .Data.CanChangeUsername }} checked{{ end }} /> + <label for="can_change_username" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="can_change_username">{{ t "Can change username" . }}</label> </div> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="can_change_color" id="can_change_color" value="1"{{ if .Data.CanChangeColor }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="can_change_color" id="can_change_color" value="1"{{ if .Data.CanChangeColor }} checked{{ end }} /> + <label for="can_change_color" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="can_change_color">{{ t "Can change color" . }}</label> </div> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="can_use_multiline" id="can_use_multiline" value="1"{{ if .Data.CanUseMultiline }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="can_use_multiline" id="can_use_multiline" value="1"{{ if .Data.CanUseMultiline }} checked{{ end }} /> + <label for="can_use_multiline" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="can_use_multiline">{{ t "Can use multiline" . }}</label> </div> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="can_see_hellbanned" id="can_see_hellbanned" value="1"{{ if .Data.CanSeeHellbanned }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="can_see_hellbanned" id="can_see_hellbanned" value="1"{{ if .Data.CanSeeHellbanned }} checked{{ end }} /> + <label for="can_see_hellbanned" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="can_see_hellbanned">{{ t "Can see HB" . }}</label> </div> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="is_incognito" id="is_incognito" value="1"{{ if .Data.IsIncognito }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="is_incognito" id="is_incognito" value="1"{{ if .Data.IsIncognito }} checked{{ end }} /> + <label for="is_incognito" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="is_incognito">{{ t "Incognito" . }}</label> </div> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="vetted" id="vetted" value="1"{{ if .Data.Vetted }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="vetted" id="vetted" value="1"{{ if .Data.Vetted }} checked{{ end }} /> + <label for="vetted" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="vetted">{{ t "Vetted" . }}</label> </div> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="collect_metadata" id="collect_metadata" value="1"{{ if .Data.CollectMetadata }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="collect_metadata" id="collect_metadata" value="1"{{ if .Data.CollectMetadata }} checked{{ end }} /> + <label for="collect_metadata" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="collect_metadata">{{ t "Collect metadata" . }}</label> </div>