192 lines
8.3 KiB
HTML
192 lines
8.3 KiB
HTML
<!DOCTYPE html>
|
|
<!-- 관련 Namespace 선언 및 layout:decorate 추가 -->
|
|
<html lang="en"
|
|
xmlns:th="http://www.thymeleaf.org"
|
|
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
layout:decorate="layout">
|
|
<head>
|
|
<!-- layout.html 에 들어간 head 부분을 제외하고 개별 파일에만 적용되는 head 부분 추가 -->
|
|
<title>스팸 단어 선택</title>
|
|
|
|
<!-- 필요하다면 개별 파일에 사용될 css/js 선언 -->
|
|
|
|
<link rel="stylesheet" th:href="@{/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css}">
|
|
<link rel="stylesheet" th:href="@{/plugins/datatables-responsive/css/responsive.bootstrap4.min.css}">
|
|
<link rel="stylesheet" th:href="@{/plugins/datatables-buttons/css/buttons.bootstrap4.min.css}">
|
|
|
|
|
|
<style>
|
|
/* 고정된 헤더를 위한 스타일 */
|
|
.table-fixed thead {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1020;
|
|
background-color: #fff;
|
|
}
|
|
/*.table-fixed tbody {*/
|
|
/* display: block;*/
|
|
/* height: 400px; !* 고정된 높이 *!*/
|
|
/* overflow-y: auto;*/
|
|
/* width: 100%;*/
|
|
/*}*/
|
|
.table-fixed thead, .table-fixed tbody tr {
|
|
display: table;
|
|
width: 100%;
|
|
table-layout: fixed; /* 고정된 너비를 위해 */
|
|
}
|
|
.table-fixed tbody td, .table-fixed thead th {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
|
|
</script>
|
|
</head>
|
|
|
|
<body layout:fragment="body">
|
|
|
|
<div class="wrapper">
|
|
<div th:replace="~{fragments/top_nav :: topFragment}"/>
|
|
|
|
<!-- Main Sidebar Container -->
|
|
<aside class="main-sidebar sidebar-dark-primary elevation-4"
|
|
th:insert="~{fragments/mainsidebar :: sidebarFragment}">
|
|
</aside>
|
|
|
|
<!-- Content Wrapper. Contains page content -->
|
|
<div class="content-wrapper">
|
|
<!-- Content Header (Page header) -->
|
|
<div class="content-header">
|
|
<div class="container-fluid">
|
|
<div class="row mb-2">
|
|
<div class="col-sm-6">
|
|
<h1 class="m-0">스팸 단어 선택</h1>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<ol class="breadcrumb float-sm-right">
|
|
<li class="breadcrumb-item"><a href="#">Home</a></li>
|
|
<li class="breadcrumb-item active">스팸 단어 선택</li>
|
|
</ol>
|
|
</div><!-- /.col -->
|
|
</div><!-- /.row -->
|
|
</div><!-- /.container-fluid -->
|
|
</div>
|
|
<!-- /.content-header -->
|
|
<!-- Main content -->
|
|
<section class="content">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<!-- /.card -->
|
|
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3 class="card-title">스팸 단어 선택</h3>
|
|
</div>
|
|
<!-- /.card-header -->
|
|
<div class="card-body p-0">
|
|
|
|
<table class="table table-hover table-fixed">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 5%;">번호</th>
|
|
<th style="width: 25%;">스팸문자</th>
|
|
<th style="width: 25%;">복합명사</th>
|
|
<th style="width: 25%;">핵심 단어</th>
|
|
<th style="width: 20%;">스팸분류</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td>(광고)♥봄맞이 특별이벤트 진행중♥ ...</td>
|
|
<td>'바다', '서비스', '갯수', '이건조제한', ...</td>
|
|
<td>'바다', '서비스', '갯수', '이건조제한', 'EVENT 1' ...</td>
|
|
<td>
|
|
<select class="form-control">
|
|
<option>선택</option>
|
|
<option>성인</option>
|
|
<option>불법</option>
|
|
<option>해당없음</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>2</td>
|
|
<td>[국민건강보험]...</td>
|
|
<td>'바다', '서비스', '갯수'...</td>
|
|
<td>'바다', '서비스'...</td>
|
|
<td>
|
|
<select class="form-control">
|
|
<option>선택</option>
|
|
<option>성인</option>
|
|
<option>불법</option>
|
|
<option>해당없음</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<!-- 추가 행을 여기에 추가 -->
|
|
</tbody>
|
|
</table>
|
|
|
|
|
|
|
|
</div>
|
|
<!-- /.card-body -->
|
|
</div>
|
|
<!-- /.card -->
|
|
</div>
|
|
<!-- /.col -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div>
|
|
<!-- /.container-fluid -->
|
|
</section>
|
|
<!-- /Main content -->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- /.content-wrapper -->
|
|
<footer class="main-footer"
|
|
th:insert="~{fragments/footer :: footerFragment}">
|
|
</footer>
|
|
|
|
<!-- Control Sidebar -->
|
|
<aside class="control-sidebar control-sidebar-dark">
|
|
<!-- Control sidebar content goes here -->
|
|
</aside>
|
|
<!-- /.control-sidebar -->
|
|
</div>
|
|
<!-- ./wrapper -->
|
|
|
|
<!-- <!– DataTables & Plugins –>-->
|
|
<!-- <script th:src="@{/plugins/datatables/jquery.dataTables.min.js}"></script>-->
|
|
<!-- <script th:src="@{/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js}"></script>-->
|
|
<!-- <script th:src="@{/plugins/datatables-responsive/js/dataTables.responsive.min.js}"></script>-->
|
|
<!-- <script th:src="@{/plugins/datatables-responsive/js/responsive.bootstrap4.min.js}"></script>-->
|
|
<!-- <script th:src="@{/plugins/datatables-buttons/js/dataTables.buttons.min.js}"></script>-->
|
|
<!-- <script th:src="@{/plugins/datatables-buttons/js/buttons.bootstrap4.min.js}"></script>-->
|
|
<!-- <script th:src="@{/plugins/jszip/jszip.min.js}"></script>-->
|
|
<!-- <script th:src="@{/plugins/pdfmake/pdfmake.min.js}"></script>-->
|
|
<!-- <script th:src="@{/plugins/pdfmake/vfs_fonts.js}"></script>-->
|
|
<!-- <script th:src="@{/plugins/datatables-buttons/js/buttons.html5.min.js}"></script>-->
|
|
<!-- <script th:src="@{/plugins/datatables-buttons/js/buttons.print.min.js}"></script>-->
|
|
<!-- <script th:src="@{/plugins/datatables-buttons/js/buttons.colVis.min.js}"></script>-->
|
|
<script>
|
|
$(function () {
|
|
|
|
});
|
|
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|