공통화 작업 및 워커 해더

app/Views/pages/v2/m708/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>
 <?= $this->endSection() ?>
 
@@ -259,19 +261,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>
@@ -302,9 +291,9 @@
 <?= $this->endSection() ?>
 
 <?= $this->section('page_scripts') ?>
-<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/2.0.7/css/dataTables.dataTables.min.css" />
-<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_css') ?>
+<?= $this->include('layouts/partials/datatables_js') ?>
+<?= $this->include('layouts/partials/datatables_v2_layout_helpers') ?>
 <script type="text/javascript">
 
   const date = new Date();
@@ -499,6 +488,12 @@
 
     initReceiptDate();
     table = $('#resultList').DataTable({
+      layout: {
+        topStart: '',
+        topEnd: v2TopEndButtons(),
+        bottomStart: ['pageLength', 'info'],
+        bottomEnd: 'paging'
+      },
       language: lang_kor,
       serverSide: true,
       processing: true,