공통화 작업 및 워커 해더

app/Views/pages/v2/m706/lists.php

@@ -45,6 +45,8 @@
     background-color: #ff0000 !important;
     color: #fff !important;
   }
+
+  #resultList_wrapper .dt-start { display: flex; align-items: center; gap: 1rem; align-items: baseline;}
 </style>
 
 <h1>1차 재검증 매물현황</h1>
@@ -57,13 +59,6 @@
         <input type="hidden" name="todo" id="todo" value="inq" />
         <input type="hidden" name="usr_id" value="" />
 
-        <!-- 안내 -->
-        <div class="alert alert-warning py-2 mb-3">
-          <small class="mb-0">
-            매물번호를 입력하면 <b>다른 조건은 무시</b>됩니다.
-          </small>
-        </div>
-
         <!-- 검색 폼 -->
         <div class="row g-3">
 
@@ -212,19 +207,6 @@
 
 <div class="col-md-12 col-xl-12">
   <div class="main-card mb-3 card">
-    <div class="card-header d-flex align-items-center">
-      <div class="d-flex align-items-center flex-wrap" style="gap: 8px; flex: 1">
-
-      </div>
-
-      <div class="ml-auto">
-        <button class="btn btn-sm btn-outline-success" id="excel-download">
-          <i class="fa fa-fw" aria-hidden="true" title="file-excel-o"></i>
-          엑셀다운로드
-        </button>
-      </div>
-    </div>
-
     <div class="card-body">
       <table id="resultList" class="table table-hover table-striped table-bordered">
         <thead>
@@ -252,10 +234,10 @@
 </div>
 
 
-<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" />
+<?= $this->include('layouts/partials/datatables_css') ?>
 <link href="https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone.css" rel="stylesheet" type="text/css" />
-<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
-<script defer src="/architectui/assets/js/datatable.kor.js"></script>
+<?= $this->include('layouts/partials/datatables_js') ?>
+<?= $this->include('layouts/partials/datatables_v2_layout_helpers') ?>
 <script type="text/javascript" src="https://oapi.map.naver.com/openapi/v3/maps.js?ncpKeyId=dtounkwjc5"></script>
 <script type="text/javascript">
 
@@ -411,6 +393,12 @@
 
     initReceiptDate();
     table = $('#resultList').DataTable({
+      layout: {
+        topStart: '',
+        topEnd: v2TopEndButtons(),
+        bottomStart: ['pageLength', 'info'],
+        bottomEnd: 'paging'
+      },
       language: lang_kor,
       serverSide: true,
       processing: true,