From 57b261a751629d9c2070c029b3675d172f2364eb Mon Sep 17 00:00:00 2001
From: miteruzo <miteruzo@naver.com>
Date: Sun, 31 Mar 2024 19:29:40 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=8B=E3=82=B8=E3=82=AB=20Pagination?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 broadcast/assets/page-body.png  | Bin 0 -> 1061 bytes
 broadcast/assets/page-first.png | Bin 0 -> 3214 bytes
 broadcast/assets/page-last.png  | Bin 0 -> 9501 bytes
 broadcast/index.frm.php         |   3 ++-
 broadcast/pagination.cmp.php    |  24 +++++++++++++++++-------
 broadcast/style.css             |  11 +++++++++++
 6 files changed, 30 insertions(+), 8 deletions(-)
 create mode 100644 broadcast/assets/page-body.png
 create mode 100644 broadcast/assets/page-first.png
 create mode 100644 broadcast/assets/page-last.png

diff --git a/broadcast/assets/page-body.png b/broadcast/assets/page-body.png
new file mode 100644
index 0000000000000000000000000000000000000000..6dfaada72d05b484914cbca5df6a24d22a2642ef
GIT binary patch
literal 1061
zcmV+=1ls$FP)<h;3K|Lk000e1NJLTq002Ay0046c1^@s6#PVUw0004lX+uL$Nkc;*
zaB^>EX>4Tx04R}tkv&MmKpe$iQ>7vmhjtJV$<R94MMWHI6^c+H)C#RSm|Xe=O$<qj
zi=*ILaPVWX>fqw6tAnc`2!4P#J2)x2NQwVT3N2zhIPS;0dyl(!fY7Wl&FV=4nr@rf
zbV|$@R>aUNf*3^vA;e{78MBg<f$#XbM}V()37+MD?$0rx7A*z@MB*efOq+O}czV+|
zIPVijSw&Wf&xyxPx*+i**A<W7IG0@(cxKehW#@>a#A3ONl`du#QzM=tj;WeX`9j`f
zmGc&7tyX94d-4~Ci~8~s*J+L*jRh=1f(Qk5R8fPC1g$zL7P7RT^6?M5eu-QPxvF5~
zn8yY*$gUs!4}N!Rl_n>=q;Lx8eQ}(RI1t(eS`EkfK6aee2@re+uJn$7qY2D>lHTZO
zu_It`8@RacXv!XNxdRM68L}z6Qjn%lDgp0j^i2gIatrjYdcC#xaryw{sH@BkaBv8W
zl_`78=iPnXz5RQp-QN$5v2wAioJKwX000JJOGiWi{{Wx>pgf6!djJ3c32;bRa{vGf
z6951U69E94oEQKA00(qQO+^Rj10EFvJ3(%;PXGV{BS}O-RCwC$*-dWKP!t8=bDm#O
znIcg}z?^ZH(g7P_%68ZR5>s}-8rVQt0G&`Zq9OM%$V-!$XD2ObQak69EG3SU-0N$<
zKLciFW@ct)W@ct)W@ct)W@ct)W@grfUq5~L2;f}63(U6@NdN$a5D}1s2tiVL9gqM)
zk{|$60=Fc8CvcL;o0OXCCZ+3?(k+P@$=SUkQ*EEh2U;Gmh_$?z1eKV}7J?>{ZU9{7
zw`VV319%7E48SV@&({A#+r_u#an-X<KIZX%0Q@Z5x4f$#zi-folELUtM19xT@Z@@B
zmdSA>i7qQ#uj>;CP5VrE^>2CLQ?T2_vqA?v-&-|@yKc0OYv7TNZKRc<4JGF2T4_G1
zJ9ZBPkB2lG!#yE6aMGC&Ay83ClJoZ*Uh-LJIujNGi-Fksh)b2)Ybf{d!@B=c<H7Z6
z$JZ@woYjr2!OkhMX9CaG#jC-0(K%w)Q`P{gt@OMR(*UQBImNX9I<A&+!2NK4@EYAs
zoX0j+{?7_~dgz3muoHH|kB(&LlaPG%Yw`oYcdR^2TTX&RNsD#bu2DB7BuR~+20|k!
zRaOruAW2G+P9yYO(rMY(v?pHdU6SBG2d?fbxvC@`0HQq13tqf`)69cbDitTd1fZd~
z*w;>gt?z7#v9gB3wI6Gbc-XP>z`GjaE}4~tW&oyT3jq53<x(&+Gcz+YGcz+YGcz+Y
fGcz+Yv%UEX8F$xP6^t?v00000NkvXXu0mjfPeIt!

literal 0
HcmV?d00001

diff --git a/broadcast/assets/page-first.png b/broadcast/assets/page-first.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ae51595460c8edc1c9a9ea25dec42f36d205541
GIT binary patch
literal 3214
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

literal 0
HcmV?d00001

diff --git a/broadcast/assets/page-last.png b/broadcast/assets/page-last.png
new file mode 100644
index 0000000000000000000000000000000000000000..53ec92d1539ff6af7378a150894d572883abb448
GIT binary patch
literal 9501
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

literal 0
HcmV?d00001

diff --git a/broadcast/index.frm.php b/broadcast/index.frm.php
index 8b3720f..a64210f 100644
--- a/broadcast/index.frm.php
+++ b/broadcast/index.frm.php
@@ -101,7 +101,8 @@
                     <?php foreach (array_slice ($log_data,
                                                 ($page - 1) * $length,
                                                 $length,
-                                                true) as $record): ?>
+                                                true)
+                                   as $record): ?>
                         <div class="mb-4">
                             <div>
                                 <?= $record['date_time'] ?>
diff --git a/broadcast/pagination.cmp.php b/broadcast/pagination.cmp.php
index 4c88f00..89ae363 100644
--- a/broadcast/pagination.cmp.php
+++ b/broadcast/pagination.cmp.php
@@ -2,37 +2,47 @@
     <ul class="pagination opacity-0">
         <?php if ($page > 1): ?>
             <li class="page-item">
-                <a class="page-link no-wrap" href="javascript: void (0)" onclick="Script.jumpTo (1)">|&lt;</a>
+                <a class="page-link" href="javascript: void (0)" onclick="Script.jumpTo (1)">
+                    <img src="./assets/page-first.png" />|&lt;
+                </a>
             </li>
         <?php else: ?>
             <li class="page-item disabled">
-                <span class="page-link">|&lt;</span>
+                <span class="page-link">
+                    <img src="./assets/page-first.png" />|&lt;
+                </span>
             </li>
         <?php endif ?>
 
         <?php for ($i = max (min ($page + 10, $pages_max) - 20, 1); $i < $page; ++$i): ?>
             <li class="page-item page-<?= $page - $i ?>">
-                <a class="page-link" href="javascript: void (0)" onclick="Script.jumpTo (<?= $i ?>)"><?= $i ?></a>
+                <a class="page-link" href="javascript: void (0)" onclick="Script.jumpTo (<?= $i ?>)">
+                    <img src="./assets/page-body.png" /><?= $i ?>
+                </a>
             </li>
         <?php endfor ?>
 
         <li class="page-item active" aria-current="page">
-            <span class="page-link"><?= $page ?></span>
+            <span class="page-link"><img src="./assets/page-body.png" /><?= $page ?></span>
         </li>
 
         <?php for ($i = $page + 1; $i <= min (max ($page - 10, 1) + 20, $pages_max); ++$i): ?>
             <li class="page-item page-<?= $i - $page ?>">
-                <a class="page-link" href="javascript: void (0)" onclick="Script.jumpTo (<?= $i ?>)"><?= $i ?></a>
+                <a class="page-link" href="javascript: void (0)" onclick="Script.jumpTo (<?= $i ?>)">
+                    <img src="./assets/page-body.png" /><?= $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>
+                <a class="page-link" href="javascript: void (0)" onclick="Script.jumpTo (<?= $pages_max ?>)">
+                    <img src="./assets/page-last.png" />&gt;|
+                </a>
             </li>
         <?php else: ?>
             <li class="page-item disabled">
-                <span class="page-link">&gt;|</span>
+                <span class="page-link"><img src="./assets/page-last.png" />&gt;|</span>
             </li>
         <?php endif ?>
     </ul>
diff --git a/broadcast/style.css b/broadcast/style.css
index 79b3a46..edc2cc5 100644
--- a/broadcast/style.css
+++ b/broadcast/style.css
@@ -18,9 +18,20 @@
   max-width:  6px;
 }
 
+.pagination
+{
+
+}
+
 .page-item
 {
   width:      3.5em;
   text-align: center;
+  vertical-align: middle;
+}
+
+.page-item:not(:not(.disabled, .active)) img
+{
+  filter: invert(100%);
 }