diff --git a/src/main/resources/static/css/userMgt.css b/src/main/resources/static/css/userMgt.css new file mode 100644 index 0000000..3aefd0d --- /dev/null +++ b/src/main/resources/static/css/userMgt.css @@ -0,0 +1,13 @@ +.scrollBtn::before{ + width: 1.25em; + line-height: 0; + transition: transform .35s ease; + transform-origin: 0.5em 50%; + +} +#moveLeftBtn::before{ + content: url("/img/bootstrap-icons-1.7.1/arrow-left-square.svg"); +} +#moveRightBtn::before{ + content: url("/img/bootstrap-icons-1.7.1/arrow-right-square.svg"); +} \ No newline at end of file diff --git a/src/main/resources/static/js/admin/userMgt.js b/src/main/resources/static/js/admin/userMgt.js index 498b199..39eee18 100644 --- a/src/main/resources/static/js/admin/userMgt.js +++ b/src/main/resources/static/js/admin/userMgt.js @@ -120,6 +120,15 @@ $(document).on('click', '#saveCategoryRoleBtn', function (){ }) }) +$(document).on('click', '#moveRightBtn', function (){ + moveCategorySelectBody('right'); +}) +$(document).on('click', '#moveLeftBtn', function (){ + moveCategorySelectBody('left'); +}) +function moveCategorySelectBody(direction){ + +} function valueCheck(form){ const targetForm = $("#"+form); const userId = targetForm.find("#userId").val(); diff --git a/src/main/resources/templates/admin/userCategoryRole.html b/src/main/resources/templates/admin/userCategoryRole.html index 153b366..2997033 100644 --- a/src/main/resources/templates/admin/userCategoryRole.html +++ b/src/main/resources/templates/admin/userCategoryRole.html @@ -1,7 +1,11 @@
-
+
+
+
+
+
diff --git a/src/main/resources/templates/admin/userMgt.html b/src/main/resources/templates/admin/userMgt.html index 0e7d9d8..6a2bd09 100644 --- a/src/main/resources/templates/admin/userMgt.html +++ b/src/main/resources/templates/admin/userMgt.html @@ -4,6 +4,9 @@ xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout/layout}"> + + +