From 3c4f4851a6b665d93d11d2959b8fac05d2fb2441 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Lucas?= <sebastien@slucas.fr>
Date: Thu, 11 Oct 2012 21:14:06 +0200
Subject: [PATCH] Make HTML paging usable.

---
 base.php            |  10 +++++++++-
 images/next.png     | Bin 0 -> 1111 bytes
 images/previous.png | Bin 0 -> 1138 bytes
 index.php           |   9 ++++++---
 style.css           |  23 +++++++++++++++++++++--
 5 files changed, 36 insertions(+), 6 deletions(-)
 create mode 100644 images/next.png
 create mode 100644 images/previous.png

diff --git a/base.php b/base.php
index abc4819..839e295 100644
--- a/base.php
+++ b/base.php
@@ -247,7 +247,9 @@ class Page
     public function isPaginated ()
     {
         global $config;
-        return ($config['cops_max_item_per_page'] != -1 && $this->totalNumber != -1);
+        return ($config['cops_max_item_per_page'] != -1 && 
+                $this->totalNumber != -1 && 
+                $this->totalNumber > $config['cops_max_item_per_page']);
     }
     
     public function getNextLink ()
@@ -271,6 +273,12 @@ class Page
         }
         return NULL;
     }
+    
+    public function getMaxPage ()
+    {
+        global $config;
+        return ceil ($this->totalNumber / $config['cops_max_item_per_page']);
+    }
 
 }
 
diff --git a/images/next.png b/images/next.png
new file mode 100644
index 0000000000000000000000000000000000000000..d258ec23e44bd96fd9819dde475bc50514f79f5e
GIT binary patch
literal 1111
zcmV-d1gQIoP)<h;3K|Lk000e1NJLTq001BW001Be0ssI2{21+{00009a7bBm000XU
z000XU0RWnu7ytkS2}wjjRCt`dmd#5tZ4}0jUu8z7X_gsMmXJdqnjo5H>83>xRN(*M
zUlFt|+6M01L=Z?8Es~N*iVW1!ERzDY%+ZC}Xp_#oi{Ytx@++Ukd+ofruJb!{yziMC
z06-)XK_l_`d=7`x&{ka=8yhy8jlp2l@n|#}hr=P2N}Dat1OO(JX}8-~S64eaI%@ey
zl2j^{4u`{JGBph-m&>J6Nw3#$Zf=f@jMM^@N+m9ryRx!kx7&X|u5Uo8R1%3qYinzZ
zi;I=xq5zZ@78cgm*L!+;egj|ufYoXhi^T*%5Cj1L8jVJwP+VPI;W+-~lSm{Mi-q_j
zp-^bGS`&#xJRWZhuvjc#07`v*ebdv^kw_$y$xuGASWE{H1i@yrO(s)&dwVb#q&lk!
zn3<UoiA2QTYHMqoot-Tfi}&~U0Dz(>hG7VT007;lR4UbKbubuwe}AtDFq_Sl0II3+
z@$rFyfj}UD<9H+zxxT(08yjnFZKc};0)g3VP9~GdWU@NIWHNPibyWf=_4f7}42Ebl
zn$2cW6g@pXmCNNn8e+5AdcB^<<AuZFALC*HfYE5I10V>3%jFu4MjXc<9v+It;@R05
zgTWXY8X`%OZc``}qobptPzb}YzW@e<K`0c~0Z>gL2qKruZ*FdI91n-Xu~-a25H_1l
zw{>=QPEAdvQmL1hmv4YxuWtyTB#}t8T5TW@z%cCf_0{L|O-xL*w6xGYEEY?v)siGh
z?G6?I=yW=PK=2y?K@eOnS0<C4pPvH&hGCgZMy*y?+LTJ=)6-Kroo2(IlU)D2&^0(X
z$l-84KR*HB?(VKu7D13uDD*FYx3{-1e`jZBt!z4-27rG7xLhuhBmscIU|1}cs@YU3
z<@I`-1`q_{a=Cmy9{@0!%=!6wl}c5ajmP6#TU*qttO-D&P}teoiN#_7z~yq6mzRf!
zhbx1@V9@Dwey#r&kjZ4Wx3{y|EC2`u0-Md&-QE2oMUv$4@v+zIr3TmpAQp=`oz9Ps
z4*-zKWJ^m+JRa{y1jq5cy*+C0)72Q@^Z7g;4|SMTD%ITF9E-*J;m_rAySuw6idM$!
z0m|jF+wBg8LIA*EF!Xx8PN$<jZFE~Ak#M<Og+iffe>DMxLgC=x;Q9HP`YDx4CnqN>
zZJ|)e<MEWs<yr%%4nR@#@bEC7&(jwx|5C5l8w>_(m97bRe0)4PIjJm1U%_$Q?RF;;
ziTc&60Q`Qx-|wgIvr0fNmpeK-%H?tmtA7KiAzofy-rn9;^^qh=dGh)E{{BAw!qFH&
zeVB5&T>VF;c4{;lrQV}W0LtZZJRbLYy>*f#NfwL6i;Ihf7ojTZ@9(dF^92AtpDz#y
dnlAl6=szXHoEHLMXL<kt002ovPDHLkV1iB0_}>5k

literal 0
HcmV?d00001

diff --git a/images/previous.png b/images/previous.png
new file mode 100644
index 0000000000000000000000000000000000000000..e41d47260deaba300033c1e615b0d7cc93065119
GIT binary patch
literal 1138
zcmV-&1daQNP)<h;3K|Lk000e1NJLTq001BW001Be0ssI2{21+{00009a7bBm000XU
z000XU0RWnu7ytkSBuPX;RCt`7R!vJXZ4^GYqfcsSnbT+u>BL}Biy(p`#6_)YQ;UL%
zppS)7QB;eFenl->MAW8Tf1q94XdC4R>ZB<nrec`oG&;__i+SH3^Sk$24RW1xo$Gwa
z4e)z3H#e)*>bf+e(Fg#F-)6VjY!??727{pnN2ye9Y;3Hrum4T}Av8TbeR_IoHk&0$
zszxIS;`sP@etur&C>zYK)oS<l_QuD@0YDIhYP6A&k;B77y<RT}LZMJ-RDh=GqoX5|
zB)?OaJ5VZ>%gf7ib8`qGnI?*2eF22f<m9B&=~SsyH45+O=r}ky=<n~BtCmsUfkva*
z+}w0H98lI4xjGrc!^69~yE>h&BB!cAPfySO{(fg?XGs{(^XKR1i9`YbFbrE<T%4Ji
zDX*ZG1BB4T#Kg+VN_ktN(dfy^NhA^h03646c6NGud#kmsvIC7qv$nQ2Ha1pX)cyVa
z<>lqq*B1Z`4GpcYueY?c)EG<!2NsKEYirA7GL?i0f^dC(eS3Q=NfL%(v$L~PQ&Z&?
z)N+6jayT3d3k&6KNu^R}XJ^4+5CDuuqtof6X}WgmQU?g3rKKgi-CkZ4%d#gYCm$al
z0ARIRx3{-zx23WJyWKuII$AO8>gr0)u23jeS69_)b%WV|I2afhs2Ilcd^jAIzi}LI
zYinyf`ws{4c-&^Ql`{}R8jXhIH~`3GGCa>?7}mIe>;MA*mSqPA2URMS_!E*OA%p^f
z0Q@%_ilW4Z5sgOOZZ`%1xm?cU@z6A_R;x=$-QC@yD9Vir27?G8`IiO-JRZ-#mb2OH
z!^4BgWNK|~E#XlV)!N$1FpMaQ&(F`vWRj+7xy7{+i^aTN@86yZg7Eb8)YQ~uHk(VR
z1VLCVmOvno&*$UuIKwbBO)Hhkx&l6*@5j(2Nn#i#lgUsNB}q~-Tc^|Y_4S29A&%oR
znT*@*CP`AO)z%PreSP)&{S~$%7K=q95sIQP3@Z-!^XE^0fB)<2YdW3I<#H~UORv|r
zx3||22m}I^*Y5rO-RJX>Bv~?cg+kHW+skoWJRTQCQEnPZk`)CKi3GziRri|bd9T-N
zFc|cDeQ}s1Nmi@X>-FYxIRJ=8qlrYqVzD5E$_0YKV6DR`6bgYr03k#WL`m@D<D)D9
z0B>(^p-_k<$&yP-CX=C1sQzWLESpZJNs@%3)pWUB-vR)@ah%`p$8o%P?8#*E<>jTJ
z(@&*REX#Ivb$yTB?RFOn0DvF}48y3^YJ<Tbb5f~PI2>;D;gv`vZf<Tkjw=)j#ZQM~
zh@yCRcjt1sWR56`@T-?yHk%CwgK~8>XrWN(^Yc?)2ax~l8iXWC(P)(8ID#Pjet$ln
zuU5y)%L|U<9LKRN+j#!JAPA!F>l(wbuCA{Cll`~&2Z%Dv8RN+(RsaA107*qoM6N<$
Eg20ay`~Uy|

literal 0
HcmV?d00001

diff --git a/index.php b/index.php
index f69322d..37bfc37 100644
--- a/index.php
+++ b/index.php
@@ -223,21 +223,24 @@
         $prevLink = $currentPage->getPrevLink ();
         $nextLink = $currentPage->getNextLink ();
 ?> 
-    <div>
+    <div class="foot">
+        <div class="footcenter">
         <?php
             if (!is_null ($prevLink)) {
         ?>
-        <a href="<?php echo $prevLink->hrefXhtml () ?>" >Prev</a>
+        <a href="<?php echo $prevLink->hrefXhtml () ?>" ><img src="<?php echo getUrlWithVersion("images/previous.png") ?>" alt="Previous" /></a>
         <?php
             }
         ?>
+        <p><?php echo "&nbsp;" . $currentPage->n . " / " . $currentPage->getMaxPage () . "&nbsp;" ?></p>
         <?php
             if (!is_null ($nextLink)) {
         ?>
-        <a href="<?php echo $nextLink->hrefXhtml () ?>" >Next</a>
+        <a href="<?php echo $nextLink->hrefXhtml () ?>" ><img src="<?php echo getUrlWithVersion("images/next.png") ?>" alt="Next" /></a>
         <?php
             }
         ?>
+        </div>
     </div>
 <?php
     }
diff --git a/style.css b/style.css
index 9f9b06c..7198773 100644
--- a/style.css
+++ b/style.css
@@ -12,7 +12,6 @@ background-color:lightgray;
 margin:auto;
 width:100%;
 max-width:800px;
-background-color:white;
 }
 
 .head
@@ -23,6 +22,15 @@ width:100%;
 height:64px;
 }
 
+.foot
+{
+color:white;
+background-color:black;
+width:100%;
+height:32px;
+margin-top:8px;
+}
+
 img
 {
 margin:0;
@@ -52,7 +60,18 @@ height:64px;
 display:table;
 }
 
-.headcenter p
+.footcenter
+{
+margin:auto;
+text-align:center;
+font-size: 1.3em;
+font-weight:bold;
+height:32px;
+display:table;
+}
+
+
+.headcenter p, .footcenter p, .footcenter a
 {
 display: table-cell;
 vertical-align: middle;