682 lines
29 KiB
HTML
682 lines
29 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" layout:decorator="layout/basic">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title th:text="#{template}"></title>
|
|
|
|
<!-- Spinners -->
|
|
<link rel="stylesheet" href="/css/spinners.css" th:href="@{/css/spinners.css}"/>
|
|
|
|
<script th:inline="javascript" type="text/javascript">
|
|
/*<![CDATA[*/
|
|
var jsonBiztpName = {
|
|
'00' : [[#{default}]]
|
|
// , '10' : [[#{store.biztp.name.10}]]
|
|
// , '20' : [[#{store.biztp.name.20}]]
|
|
// , '30' : [[#{store.biztp.name.30}]]
|
|
// , '40' : [[#{store.biztp.name.40}]]
|
|
// , '41' : [[#{store.biztp.name.41}]]
|
|
// , '97' : [[#{store.biztp.name.97}]]
|
|
// , '98' : [[#{store.biztp.name.98}]]
|
|
}, templateList= [[${templateList}]]
|
|
, biztpList = [[${biztpList}]]
|
|
, isUseGroup1 = [[${isUseGroup1}]]
|
|
, isUseGroup2 = [[${isUseGroup2}]]
|
|
, isUseGroup3 = [[${isUseGroup3}]]
|
|
, nameGroup1 = [[${nameGroup1}]]
|
|
, nameGroup2 = [[${nameGroup2}]]
|
|
, nameGroup3 = [[${nameGroup3}]]
|
|
, i18n_template_group_level_1 = /*[[#{template.group.level.1}]]*/
|
|
, i18n_template_group_level_2 = /*[[#{template.group.level.2}]]*/
|
|
, i18n_template_group_level_3 = /*[[#{template.group.level.3}]]*/
|
|
, i18n_all = /*[[#{all}]]*/
|
|
, i18n_unselected = /*[[#{unselected}]]*/
|
|
, i18n_msg_confirm_save = /*[[#{msg.confirm.save}]]*/
|
|
, i18n_msg_confirm_reg = /*[[#{msg.confirm.reg}]]*/
|
|
, i18n_msg_confirm_modify = /*[[#{msg.confirm.modify}]]*/
|
|
, i18n_msg_confirm_delete = /*[[#{msg.confirm.delete}]]*/
|
|
, i18n_msg_info_check_selecte_item = /*[[#{msg.info.check.selecte.item}]]*/
|
|
, i18n_group = /*[[#{group}]]*/
|
|
, i18n_template = /*[[#{template}]]*/
|
|
, i18n_template_name = /*[[#{template.name}]]*/
|
|
, i18n_add = /*[[#{add}]]*/
|
|
, i18n_modify = /*[[#{modify}]]*/
|
|
, i18n_msg_info_check_input_field = /*[[#{msg.info.check.input.field}]]*/
|
|
, i18n_msg_process_result_save_success= /*[[#{msg.process.result.save.success}]]*/
|
|
, i18n_msg_process_result_save_fail = /*[[#{msg.process.result.save.fail}]]*/
|
|
, i18n_msg_process_result_delete_success= /*[[#{msg.process.result.delete.success}]]*/
|
|
, i18n_msg_process_result_delete_fail = /*[[#{msg.process.result.delete.fail}]]*/
|
|
, i18n_msg_confirm_initialization = /*[[#{msg.confirm.initialization}]]*/
|
|
, i18n_msg_process_result_initialization_success= /*[[#{msg.process.result.initialization.success}]]*/
|
|
, i18n_msg_process_result_initialization_fail = /*[[#{msg.process.result.initialization.fail}]]*/
|
|
;
|
|
|
|
var sortColum = 'name', sortType = 'asc';
|
|
/*]]>*/
|
|
</script>
|
|
|
|
<!-- common pagination -->
|
|
<script src="/js/common/pagination.js" th:src="@{/js/common/pagination.js}" charset="UTF-8"></script>
|
|
<!-- JS for This Page -->
|
|
<script th:inline="javascript" th:src="@{/js/template/templateAjax.js}" charset="UTF-8"></script>
|
|
<script th:inline="javascript" th:src="@{/js/template/template.js}" charset="UTF-8"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div layout:fragment="content">
|
|
|
|
<br />
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col">
|
|
|
|
|
|
<div class="card">
|
|
<div class="card-header bg-custom-dark text-light">
|
|
<!-- 탬플릿 -->
|
|
<div class="float-left mt-2">
|
|
<i style="font-size:16px;" class="fas fa-stream text-secondary"></i>
|
|
<span class="h5 text-bold m-0" th:text="#{template}"></span>
|
|
</div>
|
|
<div class="float-left m-1">
|
|
<span class="badge badge-pill badge-light text-bold list-tot">-</span>
|
|
</div>
|
|
|
|
<!-- 검색어 -->
|
|
<div class="float-right">
|
|
<div class="input-group">
|
|
<input type="text"
|
|
id="search"
|
|
class="form-control border border-warning"
|
|
style="width: 230px;"
|
|
th:placeholder="#{search.placeholder.template.name.model}" />
|
|
<div class="input-group-append">
|
|
<button class="btn btn-warning" type="button" id="btnTeList"><i class="fas fa-search"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 검색 행 수 -->
|
|
<div class="float-right mr-2">
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<label class="input-group-text border border-warning" for="pageLimit" th:text="#{line}"></label>
|
|
</div>
|
|
<select class="custom-select custom-select-md border border-warning" id="pageLimit">
|
|
<option value="10" selected="selected">10</option>
|
|
<option value="20">20</option>
|
|
<option value="30">30</option>
|
|
<option value="40">40</option>
|
|
<option value="50">50</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- [GROUP 3] -->
|
|
<div class="float-right mr-2" th:if="${isUseGroup3}">
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<label class="input-group-text border border-primary name-group-3" for="g3" th:text="${nameGroup3}"></label>
|
|
</div>
|
|
<select class="custom-select custom-select-md border border-primary select-template-group-3" id="g3">
|
|
<option value="-999" th:text="#{all}" selected="selected"></option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<!-- [GROUP 2] -->
|
|
<div class="float-right mr-2" th:if="${isUseGroup2}">
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<label class="input-group-text border border-primary name-group-2" for="g2" th:text="${nameGroup2}"></label>
|
|
</div>
|
|
<select class="custom-select custom-select-md border border-primary select-template-group-2" id="g2">
|
|
<option value="-999" th:text="#{all}" selected="selected"></option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<!-- [GROUP 1] -->
|
|
<div class="float-right mr-2" th:if="${isUseGroup1}">
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<label class="input-group-text border border-primary name-group-1" for="g1" th:text="${nameGroup1}"></label>
|
|
</div>
|
|
<select class="custom-select custom-select-md border border-primary select-template-group-1" id="g1">
|
|
<option value="-999" th:text="#{all}" selected="selected"></option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 업태코드 -->
|
|
<div class="float-right mr-2">
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<label class="input-group-text border border-warning" for="biztpCode" th:text="#{business.conditions}"></label>
|
|
</div>
|
|
<select class="custom-select border border-warning" id="biztpCode">
|
|
<option value="" th:text="#{default}" selected="selected"></option>
|
|
<th:block th:if="${biztpList} != null and ${biztpList.body} != null">
|
|
<th:block th:each="vo,iterStat : ${#lists.sort(biztpList.body)}">
|
|
<option th:value="${vo.biztp_code}" th:text="${vo.biztp_name}"></option>
|
|
</th:block>
|
|
</th:block>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- .card-header -->
|
|
<div class="card-body p-0">
|
|
|
|
<table class="table table-sm table-striped table-bordered table-hover text-center mb-0" id="templateList">
|
|
<thead>
|
|
<tr>
|
|
<th class="border-bottom-0 align-middle p-2" >No.</th>
|
|
<th class="border-bottom-0 align-middle p-2 ellipsis ellipsis-w100" th:text="#{business.conditions}" ></th>
|
|
<th class="border-bottom-0 align-middle p-2" th:text="#{code}" ></th>
|
|
<th class="border-bottom-0 align-middle p-2 name-group-1" th:if="${isUseGroup1}" th:text="${nameGroup1}" ></th>
|
|
<th class="border-bottom-0 align-middle p-2 name-group-2" th:if="${isUseGroup2}" th:text="${nameGroup2}" ></th>
|
|
<th class="border-bottom-0 align-middle p-2 name-group-3" th:if="${isUseGroup3}" th:text="${nameGroup3}" ></th>
|
|
<th class="border-bottom-0 align-middle p-2 sort-col" style="cursor: pointer;">
|
|
<span class="mr-1" th:text="#{template.name}"></span>
|
|
<i class="fas fa-sort-up" value="name"></i>
|
|
</th>
|
|
<th class="border-bottom-0 align-middle p-2 sort-col" style="cursor: pointer;">
|
|
<span class="mr-1" th:text="#{displayname}"></span>
|
|
<i class="fas fa-sort" value="displayname"></i>
|
|
</th>
|
|
<th class="border-bottom-0 align-middle p-2 sort-col" style="cursor: pointer;">
|
|
<span class="mr-1" th:text="#{model}"></span>
|
|
<i class="fas fa-sort" value="modelname"></i>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="spinner-1">
|
|
<!-- fill temp space -->
|
|
<th:block th:each="i, index: ${#numbers.sequence(1, 10)}">
|
|
<tr class="table-secondary">
|
|
<td class="text-light" th:text="${index.index + 1}"></td>
|
|
<td colspan="2"></td>
|
|
<td th:if="${isUseGroup1}"></td>
|
|
<td th:if="${isUseGroup2}"></td>
|
|
<td th:if="${isUseGroup3}"></td>
|
|
<td colspan="3"></td>
|
|
</tr>
|
|
</th:block>
|
|
</tbody>
|
|
</table>
|
|
<h4 class="d-none h4 p-3 mt-0 bg-secondary text-center">
|
|
<i class="fas fa-exclamation-circle text-warning "></i>
|
|
<span class="text-light" th:text="#{msg.data.notfound}" ></span>
|
|
</h4>
|
|
</div><!-- .card-body -->
|
|
<div class="card-footer bg-custom-dark text-light p-2">
|
|
<ul class="pagination justify-content-center m-0" id="pagination">
|
|
<li class="page-item active">
|
|
<button class="page-link">1</button>
|
|
</li>
|
|
</ul>
|
|
</div><!-- .card-footer -->
|
|
</div><!-- .card -->
|
|
|
|
<hr />
|
|
<div class="float-right">
|
|
<div th:if="${isUseGroup1}">
|
|
<!-- 개발 후 '템플릿 그룹 변경' -> '템플릿 관리', '템플릿 관리' -> '그룹 관리' 이름만 마꿨으므로 햇갈리지 않게 주의하자. -->
|
|
<button type="button" class="btn btn-outline-secondary" id="btnModalTemplateChange" >
|
|
<i class="fas fa-exchange-alt"> </i> <span th:text="#{template} + ' ' + #{manage}"></span>
|
|
</button>
|
|
<button type="button" class="btn btn-outline-secondary" id="btnModalTemplateManage" >
|
|
<i class="fas fa-object-group"> </i> <span th:text="#{group} + ' ' + #{manage}"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- .col -->
|
|
</div><!-- .row -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 개발 후 'group change' <-> 'manage' 이름만 마꿨으므로 햇갈리지 않게 주의하자. -->
|
|
<!-- 템플릿 그룹 변경 -->
|
|
<div class="modal fade" id="templateChangeModal" style="min-width:1300px !important;">
|
|
<div class="modal-dialog modal-lg modal-center" style="width: 1260px;">
|
|
<div class="modal-content">
|
|
<div class="modal-header bg-custom-dark text-light">
|
|
<div class="">
|
|
<h5 class="h5" th:text="#{template} + ' ' + #{manage}"></h5>
|
|
</div>
|
|
<button type="button" class="close color-white" data-dismiss="modal" aria-label="close">
|
|
<span aria-hidden="true" class="fas fa-times fa-lg text-light"></span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
|
|
<div class="col-7">
|
|
<div class="card">
|
|
<div class="card-header pt-1">
|
|
<div class="row mb-3">
|
|
<div class="input-group col-3">
|
|
<label class="m-0" for="biztpCodeOnModal" th:text="#{business.conditions}"></label>
|
|
</div>
|
|
<div class="input-group col-3">
|
|
<label class="m-0 name-group-1" for="gg1" th:text="${nameGroup1}"></label>
|
|
</div>
|
|
<div class="input-group col-3 pl-2" style="margin-left: -1px;">
|
|
<label class="m-0 name-group-2" for="gg2" th:text="${nameGroup2}"></label>
|
|
</div>
|
|
<div class="input-group col-3 pl-0" style="margin-left: -2px;">
|
|
<label class="m-0 name-group-3" for="gg3" th:text="${nameGroup3}"></label>
|
|
</div>
|
|
<div class="input-group col-3">
|
|
<select class="custom-select " id="biztpCodeOnModal">
|
|
<option value="" th:text="#{default}" selected="selected"></option>
|
|
<th:block th:if="${biztpList} != null and ${biztpList.body} != null">
|
|
<th:block th:each="vo,iterStat : ${#lists.sort(biztpList.body)}">
|
|
<option th:value="${vo.biztp_code}" th:text="${vo.biztp_name}"></option>
|
|
</th:block>
|
|
</th:block>
|
|
</select>
|
|
</div>
|
|
<div class="input-group col-9">
|
|
<select class="custom-select select-template-group-1" id="gg1"></select>
|
|
<select class="custom-select select-template-group-2" id="gg2"></select>
|
|
<select class="custom-select select-template-group-3" id="gg3"></select>
|
|
</div>
|
|
</div><!-- .row -->
|
|
<div class="row">
|
|
<div class="input-group col-3">
|
|
<div class="input-group-prepend">
|
|
<div class="input-group-text">
|
|
<input type="checkbox" id="templateChangeIsGroupSet" style="cursor: pointer;" checked="checked" />
|
|
</div>
|
|
</div>
|
|
<label class="form-control" for="templateChangeIsGroupSet" style="cursor: pointer;" th:text="#{group.set.include}"></label>
|
|
</div>
|
|
<div class="input-group col-9">
|
|
<input type="text" class="form-control border border-secondary" th:placeholder="search.." id="templateChangeSearch" />
|
|
<div class="input-group-append">
|
|
<button type="button" class="btn btn-outline-secondary" id='btnTemplateChangeSearch' data-toggle="tooltip" title="search">
|
|
<b><i class="fas fa-search"></i></b>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div><!-- .row -->
|
|
</div><!-- .card-header -->
|
|
<div class="card-body p-3">
|
|
<div class="border border-secondary rounded">
|
|
<table class="table table-sm table-striped table-bordered text-center m-0">
|
|
<colgroup>
|
|
<col width="30px" />
|
|
<col width="103px" th:if="${isUseGroup1}" />
|
|
<col width="103px" th:if="${isUseGroup2}" />
|
|
<col width="103px" th:if="${isUseGroup3}" />
|
|
<col width="61px" />
|
|
<col width="*" />
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th class="border-bottom-0 pt-2"><input type="checkbox" id="chkAllTemplateChangeList" style="cursor: pointer;" /></th>
|
|
<th class="border-bottom-0 name-group-1" th:if="${isUseGroup1}" th:text="${nameGroup1}"></th>
|
|
<th class="border-bottom-0 name-group-2" th:if="${isUseGroup2}" th:text="${nameGroup2}"></th>
|
|
<th class="border-bottom-0 name-group-3" th:if="${isUseGroup3}" th:text="${nameGroup3}"></th>
|
|
<th class="border-bottom-0" th:text="#{code}"></th>
|
|
<th class="border-bottom-0" th:text="#{template.name}"></th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
<div style="height: 238px;overflow-y: auto;">
|
|
<table class="table table-sm table-striped table-bordered text-center" id="templateChangeList">
|
|
<colgroup>
|
|
<col width="30px" />
|
|
<col width="103px" th:if="${isUseGroup1}" />
|
|
<col width="103px" th:if="${isUseGroup2}" />
|
|
<col width="103px" th:if="${isUseGroup3}" />
|
|
<col width="61px" />
|
|
<col width="*" />
|
|
</colgroup>
|
|
<tbody></tbody>
|
|
</table>
|
|
<h4 class="d-none h4 p-3 mt-0 bg-secondary text-center">
|
|
<i class="fas fa-exclamation-circle text-warning"></i>
|
|
<span class="text-light" th:text="#{msg.data.notfound}"></span>
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
</div><!-- .card-body -->
|
|
<div class="card-footer p-1">
|
|
<button type="button" class="btn btn-outline-secondary float-right" id="btnTemplateChangeInitGroup" th:text="#{group} + ' ' + #{initialization}"></button>
|
|
</div><!-- .card-footer -->
|
|
</div><!-- .card -->
|
|
</div><!-- .col-7 -->
|
|
|
|
<div class="col-1 text-center align-self-center">
|
|
<button type="button" class="btn btn-outline-secondary" id="btnTemplateChangeCheckedToRight">
|
|
<span th:text="#{add}"></span> <i class="fas fa-angle-double-right"></i>
|
|
</button>
|
|
<br />
|
|
<br />
|
|
<button type="button" class="btn btn-outline-secondary" id="btnTemplateChangeRightRemove">
|
|
<i class="fas fa-angle-double-left"></i> <span th:text="#{get.rid.of}"></span>
|
|
</button>
|
|
</div><!-- .col-1 -->
|
|
<div class="col-4">
|
|
<div class="card">
|
|
<div class="card-header p-1">
|
|
<h5 class="m-0 pl-2">
|
|
<label class="fas fa-exchange-alt"></label>
|
|
<label class="m-0 h5 pt-1" th:text="#{template} + ' ' + #{manage}"></label>
|
|
</h5>
|
|
</div><!-- .card-header -->
|
|
<div class="card-body pt-1">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div class="col">
|
|
<label class="m-0 name-group-1" for="ggg1" th:text="${nameGroup1}"></label>
|
|
</div><!-- col -->
|
|
<div class="col pl-0" style="margin-left: -2px;">
|
|
<label class="m-0 name-group-2" for="ggg2" th:text="${nameGroup2}"></label>
|
|
</div><!-- col -->
|
|
<div class="col pl-0" style="margin-left: -2px;margin-right: 12px;">
|
|
<label class="m-0 name-group-3" for="ggg3" th:text="${nameGroup3}"></label>
|
|
</div><!-- col -->
|
|
</div><!-- row -->
|
|
</div><!-- col -->
|
|
<div class="col">
|
|
<div class="input-group mb-3">
|
|
<select class="custom-select border border-warning" id="ggg1"></select>
|
|
<select class="custom-select border border-warning" id="ggg2"></select>
|
|
<select class="custom-select border border-warning" id="ggg3"></select>
|
|
</div>
|
|
</div><!-- col -->
|
|
</div>
|
|
<div class="border border-secondary rounded">
|
|
<table class="table table-sm table-striped table-bordered text-center m-0">
|
|
<colgroup>
|
|
<col width="30px" />
|
|
<col width="61px" />
|
|
<col width="*" />
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th class="border-bottom-0 pt-2"><input type="checkbox" id="chkAllTemplateChangeRightList" style="cursor: pointer;" /></th>
|
|
<th class="border-bottom-0" th:text="#{code}"></th>
|
|
<th class="border-bottom-0" th:text="#{template.name}"></th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
<div style="height: 253px;overflow-y: auto;">
|
|
<table class="table table-sm table-striped table-bordered text-center" id="templateChangeToRightList">
|
|
<colgroup>
|
|
<col width="30px" />
|
|
<col width="61px" />
|
|
<col width="*" />
|
|
</colgroup>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div><!-- .card-body -->
|
|
<div class="card-footer p-1">
|
|
<button type="button" class="btn btn-outline-warning float-right text-bold" id="btnTemplateChangeUpdate" th:text="#{save}"></button>
|
|
</div><!-- .card-footer -->
|
|
</div><!-- .card -->
|
|
</div><!-- .col-4 -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal-footer ">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal" th:text="#{close}"></button>
|
|
</div>
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div><!-- /.modal -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 개발 후 'group change' <-> 'manage' 이름만 마꿨으므로 햇갈리지 않게 주의하자. -->
|
|
<!-- 템플릿 그룹 관리 -->
|
|
<div class="modal fade" id="templateManageModal" style="min-width:900px !important;">
|
|
<div class="modal-dialog modal-lg modal-center" style="width: 900px;">
|
|
<div class="modal-content ">
|
|
<div class="modal-header bg-custom-dark text-light">
|
|
<h5 class="h5" th:text="#{group} + ' ' + #{manage}"></h5>
|
|
<button type="button" class="close color-white" data-dismiss="modal" aria-label="close"><span aria-hidden="true" style="color: white; font-size:20px;"><i class="fas fa-times fa-lg "></i></span></button>
|
|
</div><!-- .modal-header -->
|
|
<div class="modal-body">
|
|
|
|
<div class="row">
|
|
<div class="col">
|
|
<!-- the first card -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<div class="input-group-text">
|
|
<input type="checkbox" th:checked="${isUseGroup1}" name="templateManageCheckbox1" id="templateManageCheckbox1" checked="checked" disabled="disabled" />
|
|
</div>
|
|
</div>
|
|
<input type="text" class="form-control name-group-1" name="templateManageTitleName1" id="templateManageTitleName1" th:value="${nameGroup1}" />
|
|
<div class="input-group-append">
|
|
<button type="button" class="btn btn-outline-warning" name="templateManageTitleSave1" id="templateManageTitleSave1">
|
|
<b><i class="fas fa-save"></i></b>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- .card-header -->
|
|
<div class="card-body">
|
|
|
|
<div class="input-group mb-3">
|
|
<input type="text" class="form-control" th:placeholder="#{group.name}" name="templateManageSearch1" id="templateManageSearch1" />
|
|
<div class="input-group-append">
|
|
<button type="button" class="btn btn-outline-secondary" name="templateManageSearchBtn1" id="templateManageSearchBtn1" data-toggle="tooltip" title="search">
|
|
<b><i class="fas fa-search"></i></b>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<select class="custom-select" name="templateManageList1" id="templateManageList1" size="14" ></select>
|
|
</div>
|
|
|
|
</div><!-- .card-body -->
|
|
<div class="card-footer">
|
|
|
|
<div class="float-right">
|
|
<button type="button" class="btn btn-outline-secondary" name="templateManageBtnReg1" id="templateManageBtnReg1" th:text="#{reg}"></button>
|
|
<button type="button" class="btn btn-outline-secondary" name="templateManageBtnModify1" id="templateManageBtnModify1" th:text="#{modify}"></button>
|
|
<button type="button" class="btn btn-outline-secondary" name="templateManageBtnDelete1" id="templateManageBtnDelete1" th:text="#{delete}"></button>
|
|
</div>
|
|
|
|
</div><!-- .card-footer -->
|
|
</div><!-- card -->
|
|
</div><!-- .col -->
|
|
<div class="col">
|
|
<!-- the second card -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<div class="input-group-text">
|
|
<input type="checkbox" th:checked="${isUseGroup2}" name="templateManageCheckbox2" id="templateManageCheckbox2" checked="checked" disabled="disabled" />
|
|
</div>
|
|
</div>
|
|
<input type="text" class="form-control name-group-2" name="templateManageTitleName2" id="templateManageTitleName2" th:value="${nameGroup2}" />
|
|
<div class="input-group-append">
|
|
<button type="button" class="btn btn-outline-warning" name="templateManageTitleSave2" id="templateManageTitleSave2" >
|
|
<b><i class="fas fa-save"></i></b>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- .card-header -->
|
|
<div class="card-body">
|
|
|
|
<div class="input-group mb-3">
|
|
<input type="text" class="form-control" th:placeholder="#{group.name}" name="templateManageSearch2" id="templateManageSearch2" />
|
|
<div class="input-group-append">
|
|
<button type="button" class="btn btn-outline-secondary" name="templateManageSearchBtn2" id="templateManageSearchBtn2" data-toggle="tooltip" title="search">
|
|
<b><i class="fas fa-search"></i></b>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<select class="custom-select" name="templateManageList2" id="templateManageList2" size="14" ></select>
|
|
</div>
|
|
|
|
</div><!-- .card-body -->
|
|
<div class="card-footer">
|
|
|
|
<div class="float-right">
|
|
<button type="button" class="btn btn-outline-secondary" name="templateManageBtnReg2" id="templateManageBtnReg2" th:text="#{reg}"></button>
|
|
<button type="button" class="btn btn-outline-secondary" name="templateManageBtnModify2" id="templateManageBtnModify2" th:text="#{modify}"></button>
|
|
<button type="button" class="btn btn-outline-secondary" name="templateManageBtnDelete2" id="templateManageBtnDelete2" th:text="#{delete}"></button>
|
|
</div>
|
|
|
|
</div><!-- .card-footer -->
|
|
</div><!-- card -->
|
|
</div><!-- .col -->
|
|
<div class="col">
|
|
<!-- the third card -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<div class="input-group-text">
|
|
<input type="checkbox" th:checked="${isUseGroup3}" name="templateManageCheckbox3" id="templateManageCheckbox3" checked="checked" disabled="disabled" />
|
|
</div>
|
|
</div>
|
|
<input type="text" class="form-control name-group-3" name="templateManageTitleName3" id="templateManageTitleName3" th:value="${nameGroup3}" />
|
|
<div class="input-group-append">
|
|
<button type="button" class="btn btn-outline-warning" name="templateManageTitleSave3" id="templateManageTitleSave3">
|
|
<b><i class="fas fa-save"></i></b>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- .card-header -->
|
|
<div class="card-body">
|
|
|
|
<div class="input-group mb-3">
|
|
<input type="text" class="form-control" th:placeholder="#{group.name}" name="templateManageSearch3" id="templateManageSearch3" />
|
|
<div class="input-group-append">
|
|
<button type="button" class="btn btn-outline-secondary" name="templateManageSearchBtn3" id="templateManageSearchBtn3" data-toggle="tooltip" title="search">
|
|
<b><i class="fas fa-search"></i></b>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<select class="custom-select" name="templateManageList3" id="templateManageList3" size="14" ></select>
|
|
</div>
|
|
|
|
</div><!-- .card-body -->
|
|
<div class="card-footer">
|
|
|
|
<div class="float-right">
|
|
<button type="button" class="btn btn-outline-secondary" name="templateManageBtnReg3" id="templateManageBtnReg3" th:text="#{reg}"></button>
|
|
<button type="button" class="btn btn-outline-secondary" name="templateManageBtnModify3" id="templateManageBtnModify3" th:text="#{modify}"></button>
|
|
<button type="button" class="btn btn-outline-secondary" name="templateManageBtnDelete3" id="templateManageBtnDelete3" th:text="#{delete}"></button>
|
|
</div>
|
|
|
|
</div><!-- .card-footer -->
|
|
</div><!-- card -->
|
|
</div><!-- col -->
|
|
</div><!-- .row -->
|
|
</div><!-- .modal-body -->
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal" th:text="#{close}"></button>
|
|
</div><!-- .modal-footer -->
|
|
</div><!-- .modal-content -->
|
|
</div><!-- .modal-dialog -->
|
|
</div><!-- .modal -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 그룹 '등록', '수정' 버튼MODAL(#templateCU) -->
|
|
<div class="modal fade" id="templateCU"><!-- template Create & Update -->
|
|
<div class="modal-dialog modal-lg modal-center" style="width:500px">
|
|
<div class="modal-content ">
|
|
<div class="modal-header bg-custom-dark text-light">
|
|
<h5 class="modal-title" th:utext="#{group}+' '+#{add}"></h5>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="templateCUText" th:text="#{group.name}"></label>
|
|
<input type="text" class="form-control" id="templateCUText" name="templateCUText" th:placeholder="#{group.name}" />
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" id="btnTemplateCUTextSave" class="btn btn-warning text-white" th:text="#{save}"></button>
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal" th:text="#{close}"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<br />
|
|
<br />
|
|
</div><!-- .container-fluid -->
|
|
</div><!-- layout:fragment -->
|
|
|
|
|
|
</body>
|
|
</html> |