From 7de05c2af502463472b8fa3ed18b7660201921ec Mon Sep 17 00:00:00 2001
From: miteruzo <miteruzo@naver.com>
Date: Wed, 28 Feb 2024 02:44:25 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=9A=E3=82=A3=E3=82=B8=E9=81=B8=E6=8A=9E?=
 =?UTF-8?q?=E3=81=AE=E5=80=8B=E6=95=B0=E3=82=92=E5=B9=85=E3=81=AB=E3=82=88?=
 =?UTF-8?q?=E3=81=A3=E3=81=A6=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 broadcast/pagination.cmp.php | 70 ++++++++++++++++++------------------
 broadcast/script.js          | 18 ++++++++++
 2 files changed, 53 insertions(+), 35 deletions(-)

diff --git a/broadcast/pagination.cmp.php b/broadcast/pagination.cmp.php
index f8df9a0..929dfd2 100644
--- a/broadcast/pagination.cmp.php
+++ b/broadcast/pagination.cmp.php
@@ -1,40 +1,40 @@
-    <nav class="d-flex justify-content-center" aria-label="...">
-        <ul class="pagination">
-            <?php if ($page > 1): ?>
-                <li class="page-item">
-                    <a class="page-link no-wrap" href="#" onclick="Script.jumpTo (1)">|&lt;</a>
-                </li>
-            <?php else: ?>
-                <li class="page-item disabled">
-                    <span class="page-link">|&lt;</span>
-                </li>
-            <?php endif ?>
-
-            <?php for ($i = max (min ($page + 2, $pages_max) - 4, 1); $i < $page; ++$i): ?>
-                <li class="page-item">
-                    <a class="page-link" href="#" onclick="Script.jumpTo (<?= $i ?>)"><?= $i ?></a>
-                </li>
-            <?php endfor ?>
+<nav class="d-flex justify-content-center" aria-label="...">
+    <ul class="pagination">
+        <?php if ($page > 1): ?>
+            <li class="page-item">
+                <a class="page-link no-wrap" href="javascript: void (0)" onclick="Script.jumpTo (1)">|&lt;</a>
+            </li>
+        <?php else: ?>
+            <li class="page-item disabled">
+                <span class="page-link">|&lt;</span>
+            </li>
+        <?php endif ?>
 
-            <li class="page-item active" aria-current="page">
-                <span class="page-link"><?= $page ?></span>
+        <?php for ($i = max (min ($page + 10, $pages_max) - 20, 1), $j = 9; $i < $page; ++$i, --$j): ?>
+            <li class="page-item page-<?= $j ?>">
+                <a class="page-link" href="javascript: void (0)" onclick="Script.jumpTo (<?= $i ?>)"><?= $i ?></a>
             </li>
+        <?php endfor ?>
 
-            <?php for ($i = $page + 1; $i <= min (max ($page - 2, 1) + 4, $pages_max); ++$i): ?>
-                <li class="page-item">
-                    <a class="page-link" href="#" onclick="Script.jumpTo (<?= $i ?>)"><?= $i ?></a>
-                </li>
-            <?php endfor ?>
+        <li class="page-item active" aria-current="page">
+            <span class="page-link"><?= $page ?></span>
+        </li>
 
-            <?php if ($page < $pages_max): ?>
-                <li class="page-item">
-                    <a class="page-link no-wrap" href="#" onclick="Script.jumpTo (<?= $pages_max ?>)">&gt;|</a>
-                </li>
-            <?php else: ?>
-                <li class="page-item disabled">
-                    <span class="page-link">&gt;|</span>
-                </li>
-            <?php endif ?>
-        </ul>
-    </nav>
+        <?php for ($i = $page + 1, $j = 0; $i <= min (max ($page - 10, 1) + 20, $pages_max); ++$i, ++$j): ?>
+            <li class="page-item page-<?= $j ?>">
+                <a class="page-link" href="javascript: void (0)" onclick="Script.jumpTo (<?= $i ?>)"><?= $i ?></a>
+            </li>
+        <?php endfor ?>
+
+        <?php if ($page < $pages_max): ?>
+            <li class="page-item">
+                <a class="page-link no-wrap" href="javascript: void (0)" onclick="Script.jumpTo (<?= $pages_max ?>)">&gt;|</a>
+            </li>
+        <?php else: ?>
+            <li class="page-item disabled">
+                <span class="page-link">&gt;|</span>
+            </li>
+        <?php endif ?>
+    </ul>
+</nav>
 
diff --git a/broadcast/script.js b/broadcast/script.js
index a8171ad..d63a52b 100644
--- a/broadcast/script.js
+++ b/broadcast/script.js
@@ -63,6 +63,9 @@ Script
 
     btnFilter.addEventListener ('click', filter);
     $ ('#btn-reset').on ('click', resetFilter);
+
+    $ (window).resize (this.setPagination);
+    this.setPagination ();
   }
 
   static
@@ -75,6 +78,21 @@ Script
 
     window.location.href = url;
   }
+
+  static
+  setPagination ()
+  {
+    for (let i = 0; i < 10; ++i)
+      $ (`.page-${i}`).removeClass ('d-none');
+
+    for (let i = 9; i > 0; --i)
+      {
+        if ($ ('.pagination').width () >= $ ('body').width () * .8)
+          $ (`.page-${i}`).addClass ('d-none');
+        else
+          break;
+      }
+  }
 }