검색 모달 기능 추가

This commit is contained in:
Suh
2024-01-11 16:32:40 +09:00
parent 6f2cd14220
commit 76e6d3c949
15 changed files with 462 additions and 15 deletions

View File

@@ -0,0 +1,31 @@
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script>
function onButtonClick(tag){
const $tag = $(tag);
const id = $tag.data("tid");
const
}
</script>
<div class="container">
<div class="row">
<div class="col-12">
<table class="table" >
<thead class="table-dark">
<tr><th>번호</th><th>권한 명</th><th>선택</th></tr>
</thead>
<tbody>
<c:forEach items="${list }" var="dto" varStatus="status">
<c:if test="${dto.isGroupAuthority == true and dto.activation == true}">
<tr class="group_authority_tr">
<td>${status.count}</td>
<td>${dto.name}</td>
<td><button data-tid="${dto.id}" data-tname="${dto.name}" class="btn-primary btn" onclick="onButtonClick(this)">선택</button></td>
</tr>
</c:if>
</c:forEach>
</tbody>
</table>
</div>
</div>
</div>

View File

@@ -0,0 +1,49 @@
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script>
function onSearchAuth(){
//
}
function onSelectAuth(tag){
const $tag = $(tag);
const tid = $tag.data('tid');
const name = $tag.data('tname');
$("#account_auth_group_name").val(name);
$("#groupAuthorityId").val(tid);
hideSearchModal();
}
</script>
<div class="container">
<div class="row">
<div class="col-12">
<div id="div_auth_search" class="text-end">
<select name="search_select" class="form-select d-inline w-10">
<option selected value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
</select>
<input id="search_auth_input" type="text" class="w-30 d-inline form-control" placeholder="검색">
<button id="search_auth_btn" type="button" class="btn btn-primary" onclick="onSearchAuth()">검색</button>
</div>
</div>
<div class="col-12">
<table class="table">
<thead class="table-dark">
<tr><th>권한명</th><th></th></tr>
</thead>
<tbody>
<tr>
<td>관리자</td>
<td><button data-tid="1234" data-tname="관리자" class="btn btn-primary" onclick="onSelectAuth(this)">선택</button></td>
</tr>
<tr>
<td>사원</td>
<td><button data-tid="5678"data-tname="사원" class="btn btn-primary" onclick="onSelectAuth(this)">선택</button></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>