toolPalette.html 팝업 화면 추가
parent
3fdea7abe9
commit
ab7df570eb
@ -0,0 +1,147 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="kr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>툴 팔레트</title>
|
||||
<link rel="icon" type="image/x-icon" href="/webjars/image/favicon.ico" />
|
||||
<link rel="stylesheet" href="/webjars/3rd-party/sneat/fonts/boxicons.css" />
|
||||
<link rel="stylesheet" href="/webjars/3rd-party/sneat/fonts/fontawesome.css" />
|
||||
|
||||
<link rel="stylesheet" href="/webjars/3rd-party/sneat/css/rtl/core.css" class="template-customizer-core-css" />
|
||||
<link rel="stylesheet" href="/webjars/3rd-party/sneat/css/rtl/theme-default.css" class="template-customizer-theme-css" />
|
||||
<link rel="stylesheet" href="/webjars/css/styles.css" />
|
||||
|
||||
<link rel="stylesheet" href="/webjars/3rd-party/sneat/libs/perfect-scrollbar/perfect-scrollbar.css" />
|
||||
<link rel="stylesheet" href="/webjars/3rd-party/sneat/libs/jstree/jstree.css" />
|
||||
<link rel="stylesheet" href="/webjars/3rd-party/sneat/libs/bootstrap-datepicker/bootstrap-datepicker.css" />
|
||||
<style>
|
||||
.accordion-button {
|
||||
background-image: linear-gradient(#D7D7D7, #EEEEEE);
|
||||
border: 1px solid #CBCBCB;
|
||||
}
|
||||
.accordion-body {
|
||||
background-color: #F0F0F0;
|
||||
}
|
||||
|
||||
.btn {
|
||||
color: black!important;
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
padding: 3px;
|
||||
width : 100%;
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
.btn:not(:focus) {
|
||||
border: 1px solid transparent!important;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
border: 1px solid #7495D8!important;
|
||||
background-color: #B7C8EA!important;
|
||||
transform: translateY(0px);
|
||||
}
|
||||
.btn:active {
|
||||
transform: translateY(2px)!important;
|
||||
}
|
||||
.btn:focus {
|
||||
border: 1px solid #7E6ADA;
|
||||
background-color: #C6BEEF;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="accordion" id="accordionRoot" style="width:500px;padding:1px;">
|
||||
<div class="card accordion-item active">
|
||||
<h2 class="accordion-header d-flex align-items-center">
|
||||
<button class="accordion-button fw-bold collapsed"
|
||||
data-bs-toggle="collapse" data-bs-target="#accordion-template">
|
||||
템플릿
|
||||
</button>
|
||||
</h2>
|
||||
<div id="accordion-template" class="accordion-collapse collapse" >
|
||||
<div class="accordion-body">
|
||||
<button type="button" class="btn"
|
||||
onclick="tool.searchArea2;this.focus();" title="검색조건영역(열 2등분)">검색조건영역(열 2등분)</button>
|
||||
<button type="button" class="btn"
|
||||
onclick="tool.searchArea3;this.focus();" title="검색조건영역(열 3등분)">검색조건영역(열 3등분)</button>
|
||||
<button type="button" class="btn"
|
||||
onclick="tool.searchArea4;this.focus();" title="검색조건영역(열 4등분)">검색조건영역(열 4등분)</button>
|
||||
<button type="button" class="btn"
|
||||
onclick="tool.dataGrid;this.focus();" title="데이터그리드">데이터그리드</button>
|
||||
<button type="button" class="btn"
|
||||
onclick="tool.dataGrid_num_cb;this.focus();" title="행번호와 체크박스 포함된 그리드">데이터그리드(+행번호,체크박스)</button>
|
||||
<button type="button" class="btn"
|
||||
onclick="tool.dataGrid_num;this.focus();" title="행번호 포함된 그리드">데이터그리드(+행번호)</button>
|
||||
<button type="button" class="btn"
|
||||
onclick="tool.dataGrid_cb;this.focus();" title="체크박스 포함된 그리드">데이터그리드(+체크박스)</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card accordion-item active mb-2">
|
||||
<h2 class="accordion-header d-flex align-items-center">
|
||||
<button class="accordion-button fw-bold collapsed"
|
||||
data-bs-toggle="collapse" data-bs-target="#accordion-element">
|
||||
기본요소
|
||||
</button>
|
||||
</h2>
|
||||
<div id="accordion-element" class="accordion-collapse collapse" >
|
||||
<div class="accordion-body">
|
||||
<button type="button" class="btn"
|
||||
onclick="tool.button;this.focus();" title="일반버튼">일반버튼</button>
|
||||
<button type="button" class="btn"
|
||||
onclick="tool.btnSearch;this.focus();" title="검색버튼">검색버튼</button>
|
||||
<button type="button" class="btn"
|
||||
onclick="tool.btnExcel;this.focus();" title="엑셀다운버튼">엑셀다운버튼</button>
|
||||
<button type="button" class="btn"
|
||||
onclick="tool.datepicker;this.focus();" title="날짜입력기">날짜입력기</button>
|
||||
<button type="button" class="btn"
|
||||
onclick="tool.datepickerFromTo;this.focus();" title="날짜입력기(범위)">날짜입력기(범위)</button>
|
||||
<button type="button" class="btn"
|
||||
onclick="tool.byTerm;this.focus();" title="키워드검색">by & term</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card accordion-item active">
|
||||
<h2 class="accordion-header d-flex align-items-center">
|
||||
<button class="accordion-button fw-bold collapsed"
|
||||
data-bs-toggle="collapse" data-bs-target="#accordion-2">
|
||||
Dataset 스크립트
|
||||
</button>
|
||||
</h2>
|
||||
<div id="accordion-2" class="accordion-collapse collapse">
|
||||
<div class="accordion-body">
|
||||
<button type="button" class="btn"
|
||||
onclick="tool.dsc_list;this.focus();" title="데이터셋컨트롤(목록조회)">데이터셋컨트롤(목록조회)</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script src="/webjars/3rd-party/sneat/libs/popper/popper.js"></script>
|
||||
<script src="/webjars/3rd-party/sneat/js/bootstrap.js"></script>
|
||||
<script src="/webjars/3rd-party/sneat/libs/jquery/jquery.js"></script>
|
||||
<script src="/webjars/3rd-party/jquery-ui/1.13.2/jquery-ui.js"></script>
|
||||
|
||||
|
||||
<script src="/webjars/3rd-party/sneat/js/config.js"></script>
|
||||
<script src="/webjars/3rd-party/sneat/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
|
||||
<script src="/webjars/3rd-party/sneat/js/helpers.js"></script>
|
||||
<script src="/webjars/3rd-party/sneat/js/menu.js"></script>
|
||||
<script src="/webjars/3rd-party/sneat/libs/jstree/jstree.js"></script>
|
||||
<script src="/webjars/3rd-party/jstree/jstree-support.js"></script>
|
||||
<script src="/webjars/3rd-party/sneat/libs/jquery-sticky/jquery-sticky.js" />"></script>
|
||||
<script src="/webjars/3rd-party/sneat/libs/bootstrap-datepicker/bootstrap-datepicker.js"></script>
|
||||
|
||||
<script src="/webjars/js/base/base.js"></script>
|
||||
<script src="/webjars/js/base/dataset.js"></script>
|
||||
|
||||
<script src="/webjars/js/support/toolPalette.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue