사용자 권한 설정 상단 스크롤 버튼 작업중.
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){
|
||||
const targetForm = $("#"+form);
|
||||
const userId = targetForm.find("#userId").val();
|
||||
|
|
|
|||
|
|
@ -1,7 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
|
||||
<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}">
|
||||
<div class="col-auto">
|
||||
<table class="table table-striped">
|
||||
|
|
|
|||
|
|
@ -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}">
|
||||
<th:block layout:fragment="css">
|
||||
<link rel="stylesheet" th:href="@{/css/userMgt.css}">
|
||||
</th:block>
|
||||
<th:block layout:fragment="script">
|
||||
<script type="text/javascript" th:src="@{/js/admin/userMgt.js}"></script>
|
||||
</th:block>
|
||||
|
|
|
|||
Loading…
Reference in New Issue