사용자 권한 설정 상단 스크롤 버튼 작업중.
parent
a244c204f6
commit
61e792593a
|
|
@ -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");
|
||||||
|
}
|
||||||
|
|
@ -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){
|
function valueCheck(form){
|
||||||
const targetForm = $("#"+form);
|
const targetForm = $("#"+form);
|
||||||
const userId = targetForm.find("#userId").val();
|
const userId = targetForm.find("#userId").val();
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,11 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
|
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
|
||||||
<div class="p-3">
|
<div class="p-3">
|
||||||
<div class="row overflow-auto flex-nowrap" id="categorySelectModalBody">
|
<div class="row justify-content-between">
|
||||||
|
<div class="col-auto"><button type="button" class="btn btn-warning scrollBtn" id="moveLeftBtn"></button></div>
|
||||||
|
<div class="col-auto"><button type="button" class="btn btn-warning scrollBtn" id="moveRightBtn"></button></div>
|
||||||
|
</div>
|
||||||
|
<div class="row overflow-auto flex-nowrap" id="categorySelectBody">
|
||||||
<th:block th:each="depth1:${session.categoryList}">
|
<th:block th:each="depth1:${session.categoryList}">
|
||||||
<div class="col-auto">
|
<div class="col-auto">
|
||||||
<table class="table table-striped">
|
<table class="table table-striped">
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,9 @@
|
||||||
xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5"
|
xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5"
|
||||||
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
||||||
layout:decorate="~{layout/layout}">
|
layout:decorate="~{layout/layout}">
|
||||||
|
<th:block layout:fragment="css">
|
||||||
|
<link rel="stylesheet" th:href="@{/css/userMgt.css}">
|
||||||
|
</th:block>
|
||||||
<th:block layout:fragment="script">
|
<th:block layout:fragment="script">
|
||||||
<script type="text/javascript" th:src="@{/js/admin/userMgt.js}"></script>
|
<script type="text/javascript" th:src="@{/js/admin/userMgt.js}"></script>
|
||||||
</th:block>
|
</th:block>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue