사용자 권한 설정 상단 스크롤 버튼 작업중.

master
강석 최 2021-12-09 18:55:53 +09:00
parent a244c204f6
commit 61e792593a
4 changed files with 30 additions and 1 deletions

View File

@ -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");
}

View File

@ -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();

View File

@ -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">

View File

@ -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>