bugfix pagination (css)

Etienne Pallier
1 parent b626dc93
Showing 3 changed files with 57 additions and 3 deletions Show diff stats
src/Template/Layout/default.ctp
src/Template/Materiels/index.ctp
webroot/css/inventirap.css
@@ -28,6 +28,7 @@ $cakeDescription = &#39;Labinvent 2&#39;;
         <?=$cakeDescription?>
 </title>
     <?=$this->Html->meta('icon')?>
+    <?//ajout EP pour tester: =$this->Html->css('cake')?>
     <?=$this->Html->css('inventirap')?>
     <?=$this->Html->css('font-awesome')?>
 	<?=$this->Html->script('jquery.min')?>
@@ -281,7 +281,12 @@ if ($nbMateriels &gt; 0) {
 	endif;
  
     ?>
-		
+
+    <!-- La façon cakephp 3.4 avec cake.css: 
+	    <div class="paginator">
+	    <ul class="pagination">
+    -->
+    <!-- La façon inventirap.css -->
     <div class="paging" style="color: black;">
       		<?= $this->Paginator->counter(['format' => 'Page {{page}} sur {{pages}}']) ?>
     		<?= $this->Paginator->first('<< ' . __(''), ['class' => 'prev']) ?>
@@ -290,6 +295,7 @@ if ($nbMateriels &gt; 0) {
             <?= $this->Paginator->next(__('') . ' >', ['class' => 'next disabled']) ?>
             <?= $this->Paginator->last(__('') . ' >>', ['class' => 'next']) ?>
     </div>
+    
     <?= $this->Form->end()?>
     <?php 
 	} else { echo 'Aucun matériel'; }
@@ -56,6 +56,7 @@ h5 {
 ul, li {
 	margin: 0 12px;
 }
+
 p {
 	margin: 0 0 1em 0;
 }
@@ -214,7 +215,8 @@ table.survol tbody tr:hover {
 	color:#fff;
 }
  
-/** Paging **/
+/** Paging Ancien Cakephp <= 3.2 **/
+/*
 .paging {
 	background:#fff;
 	color: #ccc;
@@ -257,6 +259,52 @@ table.survol tbody tr:hover {
 	background: #efefef;
 	color: #c73e14;
 }
+*/
+
+/** Paging Cakephp >= 3.4 **/
+.paging {
+	background:#fff;
+	color: #ccc;
+	margin-top: 1em;
+	clear:both;
+}
+.paging .current,
+.paging .disabled,
+.paging a {
+	text-decoration: none;
+	padding: 5px 8px;
+	display: inline-block
+}
+.paging > li {
+	display: inline-block;
+	border: 1px solid #ccc;
+	border-left: 0;
+}
+.paging > li:hover {
+	background: #efefef;
+}
+.paging .prev {
+	border-left: 1px solid #ccc;
+	-moz-border-radius: 4px 0 0 4px;
+	-webkit-border-radius: 4px 0 0 4px;
+	border-radius: 4px 0 0 4px;
+}
+.paging .next {
+	-moz-border-radius: 0 4px 4px 0;
+	-webkit-border-radius: 0 4px 4px 0;
+	border-radius: 0 4px 4px 0;
+}
+.paging .disabled {
+	color: #ddd;
+}
+.paging .disabled:hover {
+	background: transparent;
+}
+.paging .current {
+	background: #efefef;
+	color: #c73e14;
+}
+
  
 /** Scaffold View **/
 dl {
@@ -820,4 +868,3 @@ textarea {
 .A{
 	margin-bottom: 0px;
 }
-