xit-app
/
adds-fo
20
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

UserControl 변경: class -> function

Browse Source
dev
mjkhan21 4 months ago
parent 4a3257909d
commit 327e2aa536
6 changed files with 140 additions and 158 deletions
Show Stats Download Patch File Download Diff File

2
src/main/webapp/WEB-INF/jsp/base/user/password.jsp
Unescape Escape View File

@ -37,7 +37,7 @@ function changePassword() {
return false; return false;
} }
return currentUserControl.changePassword({ return currentUserCtrl.changePassword({
userIDs: "${currentUser.id}", userIDs: "${currentUser.id}",
currentPassword: passwords[0].value, currentPassword: passwords[0].value,
password: passwords[1].value password: passwords[1].value

111
src/main/webapp/WEB-INF/jsp/base/user/select-user.jsp
Unescape Escape View File

@ -1,51 +1,50 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%> <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
<c:set var="prefixName" scope="request">사용자</c:set> <c:set var="prefixName" scope="request">사용자</c:set>
<!-- Page Body --> <div data-doctx="select-user" class="card"><!-- Page Body -->
<div class="card">
<div class="card-datatable text-nowrap"> <div class="card-datatable text-nowrap">
<div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer"> <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
<div class="d-flex flex-row justify-content-between p-3"> <div class="d-flex flex-row justify-content-between p-3">
<div> <div>
<div class="input-group" id="DataTables_Table_0_length"> <div class="input-group" id="DataTables_Table_0_length">
<select id="_userBy" onchange="document.getElementById('_userTerm').focus();" aria-controls="DataTables_Table_0" class="form-select"> <select name="by" onchange="userSelector.find('term').focus();" aria-controls="DataTables_Table_0" class="form-select">
<option value="${infoPrefix}Name">이름</option> <option value="userName">이름</option>
<option value="${infoPrefix}Account">계정</option> <option value="userAccount">계정</option>
</select> </select>
<input id="_userTerm" autofocus type="text" placeholder="조회 조건을 입력하십시오." class="form-control"> <input name="term" autofocus type="text" placeholder="조회 조건을 입력하십시오." class="form-control">
</div> </div>
</div> </div>
<div> <div>
<button onclick="search${infoPrefix}s();" class="btn btn-primary">찾기</button> <button onclick="userSelector.search();" class="btn btn-primary">찾기</button>
</div> </div>
</div> </div>
<table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info"> <table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
<thead id="_${infoPrefix}Thead"> <thead name="userThead">
<tr><th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="text-align:center;"><input onchange="${infoPrefix}Control.dataset.select(this.checked);" type="checkbox" class="form-check-input"></th> <tr><th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="text-align:center;"><input onchange="userSelector.dataset.select(this.checked);" type="checkbox" class="form-check-input"></th>
<th class="sorting sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Full name: activate to sort column descending" style="">계정</th> <th class="sorting sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-sort="ascending" >계정</th>
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Email: activate to sort column ascending" style="">이름</th> <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" >이름</th>
<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Start date: activate to sort column ascending" style="">등록일자</th> <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" >등록일자</th>
</tr> </tr>
</thead> </thead>
<tbody id="_${infoPrefix}List"> <tbody name="userList">
</tbody> </tbody>
<template id="_${infoPrefix}Row"> <template name="userRow">
<tr data-key="{USER_ID}"> <tr data-key="{USER_ID}">
<td style="text-align:center;"><input value="{USER_ID}" onchange="${infoPrefix}Control.dataset.select('{USER_ID}', this.checked);" type="checkbox" class="form-check-input"></td> <td style="text-align:center;"><input value="{USER_ID}" onchange="userSelector.dataset.select('{USER_ID}', this.checked);" type="checkbox" class="form-check-input"></td>
<td onclick="${infoPrefix}Control.setCurrent('{USER_ID}')" ondblclick="${infoPrefix}Control.getInfo({})">{USER_ACNT}</td> <td onclick="userSelector.setCurrent('{USER_ID}')" ondblclick="userSelector.getInfo({})">{USER_ACNT}</td>
<td onclick="${infoPrefix}Control.setCurrent('{USER_ID}')" ondblclick="${infoPrefix}Control.getInfo({})">{USER_NM}</td> <td onclick="userSelector.setCurrent('{USER_ID}')" ondblclick="userSelector.getInfo({})">{USER_NM}</td>
<td onclick="${infoPrefix}Control.setCurrent('{USER_ID}')" ondblclick="${infoPrefix}Control.getInfo({})">{REG_DT}</td> <td onclick="userSelector.setCurrent('{USER_ID}')" ondblclick="userSelector.getInfo({})">{REG_DT}</td>
</tr> </tr>
</template> </template>
<template id="_${infoPrefix}NotFound"> <template name="userNotFound">
<tr class="odd"> <tr class="odd">
<td valign="top" colspan="4" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td> <td valign="top" colspan="4" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
</tr> </tr>
</template> </template>
</table> </table>
<div class="d-flex flex-row p-3 justify-content-between"> <div class="d-flex flex-row p-3 justify-content-between">
<label id="_${infoPrefix}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label> <label name="userPagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
<ul id="_${infoPrefix}Paging" class="pagination pagination-primary"> <ul name="userPaging" class="pagination pagination-primary">
</ul> </ul>
</div> </div>
</div> </div>
@ -53,69 +52,69 @@
</div> </div>
<!--/ Page Body --> <!--/ Page Body -->
<script > <script >
var ${infoPrefix}Control = new UserControl(); var userSelector = newUserControl("select-user");
function getSelectedUser() { function getSelectedUser() {
let selected = ${infoPrefix}Control.dataset.getKeys("selected"); let selected = userSelector.dataset.getKeys("selected");
if (selected.length < 1) if (selected.length < 1)
return dialog.alert("사용자를 선택하십시오."); return dialog.alert("사용자를 선택하십시오.");
else else
return selected; return selected;
} }
function search${infoPrefix}s() { userSelector.search = () => {
${infoPrefix}Control.query = { userSelector.query = {
by:$("#_userBy").val(), by: userSelector.find("by").value,
term:$("#_userTerm").val() term: userSelector.find("term").value
}; };
${infoPrefix}Control.load(1); userSelector.load(1);
} }
${infoPrefix}Control.onDatasetChange = obj => { userSelector.onDatasetChange = obj => {
let ${infoPrefix}List = ${infoPrefix}Control.dataset; let userList = userSelector.dataset;
let empty = ${infoPrefix}List.empty; let empty = userList.empty;
let trs = empty ? let trs = empty ?
[document.getElementById("_${infoPrefix}NotFound").innerHTML] : <%-- from template#${infoPrefix}NotFound --%> [userSelector.find("userNotFound").innerHTML] :
${infoPrefix}List.inStrings(document.getElementById("_${infoPrefix}Row").innerHTML); <%-- from template#${infoPrefix}Row --%> userList.inStrings(userSelector.find("userRow").innerHTML);
$("#_${infoPrefix}List").html(trs.join()); userSelector.find("userList").innerHTML = trs.join("");
$("#_${infoPrefix}Thead").find("th input[type='checkbox']").prop("checked", false); userSelector.querySelector("[name='userThead'] th input[type='checkbox']").checked = false;
$("#_${infoPrefix}Paging").setPaging({ $(userSelector.selector("[name='userPaging']")).setPaging({
list:${infoPrefix}Control.dataset, list:userSelector.dataset,
prefix:${infoPrefix}Control.prefix, prefix:userSelector.prefix,
start:obj.${infoPrefix}Start, start: obj.userStart,
totalSize:obj.${infoPrefix}Total, totalSize: obj.userTotal,
fetchSize:obj.${infoPrefix}Fetch, fetchSize: obj.userFetch,
func:"${infoPrefix}Control.load({index})" func:"userSelector.load({index})"
}); });
}; };
${infoPrefix}Control.onCurrentChange = item => { userSelector.onCurrentChange = item => {
if (!item) return; if (!item) return;
let key = item.data.USER_ID; let key = item.data.USER_ID;
$("#_${infoPrefix}List").setCurrentRow(key); $(userSelector.selector("[name='userList']")).setCurrentRow(key);
}; };
${infoPrefix}Control.onSelectionChange = selected => { userSelector.onSelectionChange = selected => {
let ${infoPrefix}List = ${infoPrefix}Control.dataset; let userList = userSelector.dataset;
let keys = selected.map(e => ${infoPrefix}List.getKey(e)); let keys = selected.map(e => userList.getKey(e));
$("#_${infoPrefix}List input[type='checkbox']").each(function() { userSelector.querySelectorAll("[name='userList'] input[type='checkbox']")
let checkbox = $(this); .forEach(node => {
checkbox.prop("checked", keys.includes(checkbox.val())); node.checked = keys.includes(node.value);
}); });
}; };
$("#_userTerm").onEnterPress(search${infoPrefix}s); $(userSelector.selector("[name='term']")).onEnterPress(userSelector.search);
$(function(){ $(function(){
${onload} ${onload}
${infoPrefix}Control.setData({ userSelector.setData({
${infoPrefix}List:${userList}, userList:${userList},
${infoPrefix}Start:${userStart}, userStart:${userStart},
${infoPrefix}Fetch:${userFetch}, userFetch:${userFetch},
${infoPrefix}Total:${userTotal} userTotal:${userTotal}
}); });
}); });
//# sourceURL=select-user.jsp //# sourceURL=select-user.jsp

40
src/main/webapp/WEB-INF/jsp/base/user/user-info.jsp
Unescape Escape View File

@ -1,13 +1,11 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%> <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
<c:set var="admin">${currentUser.hasAuthorities("ROLE_ADMIN")}</c:set> <c:set var="admin">${currentUser.hasAuthorities("ROLE_ADMIN")}</c:set>
<form id="infoPrefix-form"> <form data-doctx="user" id="infoPrefix-form">
<div class="row g-3"> <div class="row g-3">
<div class="col-md-6"> <div class="col-md-6">
<div class="row"> <div class="row">
<label class="col-sm-3 col-form-label text-sm-end" for="account" <label class="col-sm-3 col-form-label text-sm-end" for="account">계정</label>
>계정</label
>
<div class="col-sm-9"> <div class="col-sm-9">
<input name="id" type="hidden" data-map="USER_ID" /> <input name="id" type="hidden" data-map="USER_ID" />
<input name="institute" type="hidden" data-map="NSTT_CD" /> <input name="institute" type="hidden" data-map="NSTT_CD" />
@ -17,9 +15,7 @@
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="row"> <div class="row">
<label class="col-sm-3 col-form-label text-sm-end" for="name" <label class="col-sm-3 col-form-label text-sm-end" for="name">이름</label>
>이름</label
>
<div class="col-sm-9"> <div class="col-sm-9">
<input name="name" type="text" required data-map="USER_NM" class="form-control" placeholder="prefixName 이름" /> <input name="name" type="text" required data-map="USER_NM" class="form-control" placeholder="prefixName 이름" />
</div> </div>
@ -27,9 +23,7 @@
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="row"> <div class="row">
<label class="col-sm-3 col-form-label text-sm-end" for="password" <label class="col-sm-3 col-form-label text-sm-end" for="password">비밀번호</label>
>비밀번호</label
>
<div class="col-sm-9"> <div class="col-sm-9">
<input name="password" type="password" required class="form-control" placeholder="비밀번호" /> <input name="password" type="password" required class="form-control" placeholder="비밀번호" />
</div> </div>
@ -37,9 +31,7 @@
</div> </div>
<div class="col-md-6 hidden"> <div class="col-md-6 hidden">
<div class="row"> <div class="row">
<label class="col-sm-3 col-form-label text-sm-end" for="confirmPassword" <label class="col-sm-3 col-form-label text-sm-end" for="confirmPassword">비밀번호 확인</label>
>비밀번호 확인</label
>
<div class="col-sm-9"> <div class="col-sm-9">
<input name="confirmPassword" type="password" required class="form-control" placeholder="비밀번호 확인" /> <input name="confirmPassword" type="password" required class="form-control" placeholder="비밀번호 확인" />
</div> </div>
@ -191,12 +183,10 @@ sggDepts.depts.onDatasetChange = obj => {
sggDepts.sggs.setData({sggList: ${sggs}}); sggDepts.sggs.setData({sggList: ${sggs}});
sggDepts.depts.setData({deptList: ${depts}}); sggDepts.depts.setData({deptList: ${depts}});
var infoPrefixFields = new FormFields("#infoPrefix-form"); <c:if test="${!empty userInfo}">infoPrefixCtrl.setData([${userInfo}]);</c:if>
<c:if test="${!empty userInfo}">infoPrefixControl.setData([${userInfo}]);</c:if>
infoPrefixControl.setInfo = obj => { infoPrefixCtrl.setInfo = obj => {
obj = obj || infoPrefixControl.dataset.getCurrent("item"); obj = obj || infoPrefixCtrl.dataset.getCurrent("item");
infoPrefixFields.set(infoPrefixControl, obj);
let create = isEmpty(obj.data.USER_ACNT); let create = isEmpty(obj.data.USER_ACNT);
$("input[name='account']").prop("readonly", !create); $("input[name='account']").prop("readonly", !create);
$("input[type='password']").each(function(){ $("input[type='password']").each(function(){
@ -216,13 +206,13 @@ infoPrefixControl.setInfo = obj => {
document.querySelector("input[name='" + (create ? "account" : "name") + "']").focus(); document.querySelector("input[name='" + (create ? "account" : "name") + "']").focus();
} }
infoPrefixControl.onModify = (changed) => { infoPrefixCtrl.onModify = (changed) => {
if (["USER_NM", "EML_ADRS", "MBL_TELNO"].filter(e => changed.includes(e)).length < 1) if (["USER_NM", "EML_ADRS", "MBL_TELNO"].filter(e => changed.includes(e)).length < 1)
return; return;
if (window.renderinfoPrefixList) if (infoPrefixCtrl.renderList)
renderinfoPrefixList(); infoPrefixCtrl.renderList();
infoPrefixControl.dataset.setState(); infoPrefixCtrl.dataset.setState();
} }
function saveinfoPrefix() { function saveinfoPrefix() {
@ -244,7 +234,7 @@ function saveinfoPrefix() {
dialog.alert({ dialog.alert({
content:"현재 prefixName 정보를 저장하시겠습니까?", content:"현재 prefixName 정보를 저장하시겠습니까?",
onOK:() => { onOK:() => {
infoPrefixControl.save(infoPrefixFields.get()); infoPrefixCtrl.save(infoPrefixCtrl.toObject());
} }
}); });
} }
@ -254,8 +244,8 @@ async function initPassword() {
title: "비밀번호 초기화", title: "비밀번호 초기화",
content: "비밀번호를 초기화하시겠습니까?", content: "비밀번호를 초기화하시겠습니까?",
onOK: () => { onOK: () => {
userControl.changePassword({ userCtrl.changePassword({
userIDs: userControl.getCurrent().USER_ID, userIDs: userCtrl.getCurrent().USER_ID,
init: true init: true
}) })
.then(resp => { .then(resp => {

129
src/main/webapp/WEB-INF/jsp/base/user/user-main.jsp
Unescape Escape View File

@ -1,30 +1,29 @@
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%> <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
<c:set var="prefixName" scope="request">사용자</c:set> <c:set var="prefixName" scope="request">사용자</c:set>
<!-- Page Body --> <div data-doctx="user" class="d-flex flex-column flex-grow-1"><!-- Page Body -->
<div class="d-flex flex-column flex-grow-1">
<div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer"> <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
<div class="d-flex flex-row justify-content-between p-3"> <div class="d-flex flex-row justify-content-between p-3">
<div> <div>
<div class="input-group" id="${infoPrefix}-query"> <div class="input-group">
<select id="${infoPrefix}by" onchange="document.getElementById('${infoPrefix}term').focus();" aria-controls="DataTables_Table_0" class="form-select"> <select name="by" onchange="userCtrl.find('term').focus();" class="form-select">
<option value="${infoPrefix}Name">이름</option> <option value="userName">이름</option>
<option value="${infoPrefix}Account">계정</option> <option value="userAccount">계정</option>
</select> </select>
<input id="${infoPrefix}term" autofocus type="text" placeholder="조회 조건을 입력하십시오." class="form-control"> <input name="term" autofocus type="text" placeholder="조회 조건을 입력하십시오." class="form-control">
</div> </div>
</div> </div>
<div> <div>
<button onclick="search${infoPrefix}s();" class="btn btn-primary">찾기</button> <button onclick="userCtrl.search();" class="btn btn-primary">찾기</button>
<button onclick="${infoPrefix}Control.newInfo();" class="btn btn-primary">+ 추가</button> <button onclick="userCtrl.newInfo();" class="btn btn-primary">+ 추가</button>
<button id="btnRemove${infoPrefix}s" onclick="remove${infoPrefix}s();" class="btn btn-primary">- 제거</button> <button onclick="userCtrl.removeUsers();" class="btn btn-primary enable-onfound">- 제거</button>
</div> </div>
</div> </div>
<div class="table-responsive"> <div class="table-responsive">
<table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info"> <table class="datatables-ajax table table-bordered dataTable no-footer">
<thead id="${infoPrefix}Thead"> <thead name="userThead">
<tr><th tabindex="0" style="width: 158.828px; text-align:center;"><input onchange="${infoPrefix}Control.select(this.checked);" type="checkbox" class="form-check-input"></th> <tr><th tabindex="0" style="width: 158.828px; text-align:center;"><input onchange="userCtrl.select(this.checked);" type="checkbox" class="form-check-input"></th>
<th class="sorting sorting_asc" aria-sort="ascending" style="width: 223.719px;">계정</th> <th class="sorting sorting_asc" aria-sort="ascending" style="width: 223.719px;">계정</th>
<th class="sorting" style="width: 146.156px;">이름</th> <th class="sorting" style="width: 146.156px;">이름</th>
<th class="sorting" style="width: 195.688px;">이메일</th> <th class="sorting" style="width: 195.688px;">이메일</th>
@ -32,11 +31,11 @@
<th class="sorting" style="width: 230.469px;">등록일자</th> <th class="sorting" style="width: 230.469px;">등록일자</th>
</tr> </tr>
</thead> </thead>
<tbody id="${infoPrefix}List"> <tbody name="userList">
</tbody> </tbody>
<template id="${infoPrefix}Row"> <template name="userRow">
<tr data-key="{USER_ID}"> <tr data-key="{USER_ID}">
<td style="text-align:center;"><input value="{USER_ID}" onchange="${infoPrefix}Control.select('{USER_ID}', this.checked);" type="checkbox" class="form-check-input"></td> <td style="text-align:center;"><input value="{USER_ID}" onchange="userCtrl.select('{USER_ID}', this.checked);" type="checkbox" class="form-check-input"></td>
<td {onclick} {ondblclick}>{USER_ACNT}</td> <td {onclick} {ondblclick}>{USER_ACNT}</td>
<td {onclick} {ondblclick}>{USER_NM}</td> <td {onclick} {ondblclick}>{USER_NM}</td>
<td {onclick} {ondblclick}>{EML_ADRS}</td> <td {onclick} {ondblclick}>{EML_ADRS}</td>
@ -44,7 +43,7 @@
<td {onclick} {ondblclick}>{REG_DT}</td> <td {onclick} {ondblclick}>{REG_DT}</td>
</tr> </tr>
</template> </template>
<template id="${infoPrefix}NotFound"> <template name="userNotFound">
<tr class="odd"> <tr class="odd">
<td valign="top" colspan="6" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td> <td valign="top" colspan="6" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
</tr> </tr>
@ -52,94 +51,88 @@
</table> </table>
</div> </div>
<div class="d-flex flex-row p-3 justify-content-between"> <div class="d-flex flex-row p-3 justify-content-between">
<label id="${infoPrefix}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label> <label name="userPagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
<ul id="${infoPrefix}Paging" class="pagination pagination-primary"> <ul name="userPaging" class="pagination pagination-primary">
</ul> </ul>
</div> </div>
</div> </div>
</div> </div><!--/ Page Body -->
<!--/ Page Body -->
<script > <script >
var ${infoPrefix}Control = new UserControl(); var userCtrl = newUserControl();
function search${infoPrefix}s() { userCtrl.search = () => {
${infoPrefix}Control.query = { userCtrl.query = {
by:$("#${infoPrefix}-query [name='by']").val(), by: userCtrl.find("by").value,
term:$("#${infoPrefix}-query [name='term']").val() term: userCtrl.find("term").value
}; };
${infoPrefix}Control.load(1); userCtrl.load(1);
} }
function remove${infoPrefix}s() { userCtrl.removeUsers = () => {
dialog.alert({ dialog.alert({
content:"선택한 ${prefixName} 정보를 제거하시겠습니까?", content:"선택한 ${prefixName} 정보를 제거하시겠습니까?",
onOK:() => { onOK:() => {
${infoPrefix}Control.remove(); userCtrl.remove();
} }
}); });
} }
function render${infoPrefix}List() { userCtrl.renderList = () => {
let ${infoPrefix}List = ${infoPrefix}Control.dataset; let userList = userCtrl.dataset,
let empty = ${infoPrefix}List.empty; empty = userList.empty;
let trs = empty ? let trs = empty ?
[document.getElementById("${infoPrefix}NotFound").innerHTML] : <%-- from template#${infoPrefix}NotFound --%> [userCtrl.find("userNotFound").innerHTML] :
${infoPrefix}List.inStrings( userList.inStrings(
document.getElementById("${infoPrefix}Row").innerHTML, <%-- from template#${infoPrefix}Row --%> userCtrl.find("userRow").innerHTML,
(str, dataItem) => str (str, dataItem) => str
.replace(/{onclick}=""/gi, 'onclick="userControl.setCurrent(\'' + dataItem.getValue("USER_ID") + '\');"') .replace(/{onclick}=""/gi, 'onclick="userCtrl.setCurrent(\'' + dataItem.getValue("USER_ID") + '\');"')
.replace(/{ondblclick}=""/gi, 'ondblclick="userControl.getInfo(\'' + dataItem.getValue("USER_ID") + '\')"') .replace(/{ondblclick}=""/gi, 'ondblclick="userCtrl.getInfo(\'' + dataItem.getValue("USER_ID") + '\')"')
<%-- OR
(str, dataItem) => {
let userID = dataItem.getValue("USER_ID");
return str
.replace(/{onclick}=""/gi, 'onclick="userControl.setCurrent(\'' + userID + '\');"')
.replace(/{ondblclick}=""/gi, 'ondblclick="userControl.getInfo(\'' + userID + '\')"')
}
--%>
); );
$("#${infoPrefix}List").html(trs.join()); userCtrl.find("userList").innerHTML = trs.join("");
$("#${infoPrefix}Thead").find("th input[type='checkbox']").prop("checked", false); userCtrl.querySelector("[name='userThead'] th input[type='checkbox']").checked = false;
} }
${infoPrefix}Control.onDatasetChange = obj => { userCtrl.onDatasetChange = obj => {
render${infoPrefix}List(); userCtrl.renderList();
$("#${infoPrefix}Paging").setPaging({ $("#userPaging").setPaging({
list:${infoPrefix}Control.dataset, list: userCtrl.dataset,
prefix:${infoPrefix}Control.prefix, prefix: userCtrl.prefix,
start:obj.${infoPrefix}Start, start: obj.userStart,
totalSize:obj.${infoPrefix}Total, totalSize: obj.userTotal,
fetchSize:obj.${infoPrefix}Fetch, fetchSize: obj.userFetch,
func:"${infoPrefix}Control.load({index})" func:"userCtrl.load({index})"
}); });
}; };
${infoPrefix}Control.onCurrentChange = item => { userCtrl.onCurrentChange = item => {
if (!item) return; if (!item) return;
let key = item.data.USER_ID; let key = item.data.USER_ID;
$("#${infoPrefix}List").setCurrentRow(key); $(userCtrl.selector("[name='userList']")).setCurrentRow(key);
}; };
${infoPrefix}Control.onSelectionChange = selected => { userCtrl.onSelectionChange = selected => {
let ${infoPrefix}List = ${infoPrefix}Control.dataset; let userList = userCtrl.dataset;
let keys = selected.map(e => ${infoPrefix}List.getKey(e)); let keys = selected.map(e => userList.getKey(e));
$("#${infoPrefix}List input[type='checkbox']").each(function() { userCtrl.querySelectorAll("[name='userList'] input[type='checkbox']")
let checkbox = $(this); .forEach(node => {
checkbox.prop("checked", keys.includes(checkbox.val())); node.checked = keys.includes(node.value);
}); });
$("#btnRemove${infoPrefix}s").prop("disabled", keys.length < 1); userCtrl.querySelectorAll(".enable-onfound")
.forEach(node => {
node.disabled = keys.length < 1;
});
}; };
$("#${infoPrefix}term").onEnterPress(search${infoPrefix}s); $(userCtrl.selector("[name='term']")).onEnterPress(userCtrl.search);
$(function(){ $(function(){
${onload} ${onload}
${infoPrefix}Control.setData({ userCtrl.setData({
${infoPrefix}List:${userList}, userList:${userList},
${infoPrefix}Start:${userStart}, ${infoPrefix}Start:${userStart},
${infoPrefix}Fetch:${userFetch}, ${infoPrefix}Fetch:${userFetch},
${infoPrefix}Total:${userTotal} ${infoPrefix}Total:${userTotal}

10
src/main/webapp/WEB-INF/jsp/include/top.jsp
Unescape Escape View File

@ -33,7 +33,7 @@
</a> </a>
</li> </li>
<li><div class="dropdown-divider"></div></li> <li><div class="dropdown-divider"></div></li>
<li><a class="dropdown-item" onclick="currentUserControl.changePassword()"> <li><a class="dropdown-item" onclick="currentUserCtrl.changePassword()">
<i class="bx bx-cog me-2"></i> <i class="bx bx-cog me-2"></i>
<span class="align-middle">비밀번호 변경</span> <span class="align-middle">비밀번호 변경</span>
</a> </a>
@ -51,12 +51,12 @@
<%--/ Navbar --%> <%--/ Navbar --%>
<c:set var="functions" scope="request"> <c:set var="functions" scope="request">
${functions} ${functions}
var currentUserControl = new UserControl(); var currentUserCtrl = newUserControl();
currentUserControl.prefix = "currentUser"; currentUserCtrl.prefix = "currentUser";
function currentUserInfo() { function currentUserInfo() {
currentUserControl.dataset.clear(); currentUserCtrl.dataset.clear();
currentUserControl.getInfo({userID: '${currentUser.id}'}); currentUserCtrl.getInfo({userID: '${currentUser.id}'});
} }
function setPageTitle(pageTitle) { function setPageTitle(pageTitle) {

2
src/main/webapp/WEB-INF/jsp/index.jsp
Unescape Escape View File

@ -146,7 +146,7 @@ $(".sticky-element").sticky({
$(function() { $(function() {
${onload} ${onload}
mainTabs.open(FIRST_PAGE); mainTabs.open(FIRST_PAGE);
<c:if test="${currentUser.info.promptPasswordChange}">currentUserControl.changePassword();</c:if> <c:if test="${currentUser.info.promptPasswordChange}">currentUserCtrl.changePassword();</c:if>
}); });
//# sourceURL=index.jsp //# sourceURL=index.jsp

Write Preview
Loading…
Cancel
Save