authority_list_dev.html 검색 창 전환기능 추가

This commit is contained in:
Suh
2024-01-08 12:34:51 +09:00
parent ef0437456d
commit 2706c902c1

View File

@@ -186,9 +186,20 @@
} }
*/ */
$(function() { $(function() {
$("#div_personal_search").hide();
$("#search_btn").on("click", function () { $("#search_btn").on("click", function () {
$("select[name='search_select'] option:selected").val(); $("select[name='search_select'] option:selected").val();
}); });
$(".nav-item button").on("click", function(obj){
const selectedButtonId = $(obj.currentTarget).attr('id');
if(selectedButtonId === 'home-tab'){
$("#div_group_search").show();
$("#div_personal_search").hide();
}else{
$("#div_group_search").hide();
$("#div_personal_search").show();
}
});
}); });
</script> </script>
<div class="container-fluid"> <div class="container-fluid">
@@ -209,22 +220,26 @@
<!-- 탭 부분 --> <!-- 탭 부분 -->
<ul class="nav nav-tabs" id="myTab" role="tablist"> <ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">그룹 권한</button> <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#group_authority_tab" type="button" role="tab" aria-controls="home" aria-selected="true">그룹 권한</button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">개인 권한</button> <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#personal_authority_tab" type="button" role="tab" aria-controls="profile" aria-selected="false">개인 권한</button>
</li> </li>
</ul> </ul>
</div> </div>
<div class="col-8"> <div class="col-8">
<div id="div_group_search" class="text-end"> <div id="div_group_search" class="text-end">
<input id="search_group_input" type="text" class="w-60 d-inline form-control" placeholder="검색">
<button id="search_group_btn" type="button" class="btn btn-primary">검색</button>
</div>
<div id="div_personal_search" class="text-end">
<select name="search_select" class="form-select d-inline"> <select name="search_select" class="form-select d-inline">
<option selected value="10">10</option> <option selected value="10">10</option>
<option value="20">20</option> <option value="20">20</option>
<option value="30">30</option> <option value="30">30</option>
</select> </select>
<input id="search_input" type="text" class="w-60 d-inline form-control" placeholder="검색"> <input id="search_personal_input" type="text" class="w-60 d-inline form-control" placeholder="검색">
<button id="search_btn" type="button" class="btn btn-primary">검색</button> <button id="search_personal_btn" type="button" class="btn btn-primary">검색</button>
</div> </div>
</div> </div>
</div> </div>