공통화 작업 및 워커 해더

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

@@ -221,20 +221,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">
-        <button class="btn btn-sm btn-outline-secondary" onclick="ajax_getNotAssign();">
-          배정확인
-        </button>
-      </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">
@@ -266,14 +252,16 @@
 <?= $this->endSection() ?>
 
 <?= $this->section('page_styles') ?>
-<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/2.0.7/css/dataTables.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" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<style>
+  #resultList_wrapper .dt-start { display: flex; align-items: center; gap: 1rem; align-items: baseline;}
+</style>
 <?= $this->endSection() ?>
 
 <?= $this->section('page_scripts') ?>
-<script src="https://cdn.datatables.net/2.0.7/js/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">
 
@@ -490,6 +478,17 @@ $(function () {
 
     initReceiptDate();
     table = $('#resultList').DataTable({
+      layout: {
+        topStart: function() {
+          const btn = document.createElement('button');
+          btn.className = 'btn btn-sm btn-outline-secondary';
+          btn.textContent = '배정확인';
+          btn.onclick = function() { ajax_getNotAssign(); };
+          return btn;
+        },
+        topEnd: v2TopEndButtons(),
+        ...v2BottomLayout()
+      },
       language: lang_kor,
       serverSide: true,
       processing: true,