From 54c8d7849679c204f84cfb0e78653e04b73f19f9 Mon Sep 17 00:00:00 2001
From: evilhero <evilhero@gmail.com>
Date: Tue, 19 Jun 2018 13:44:58 -0400
Subject: [PATCH] Removed grey border around navigation controls, removed
 ellipses in navigation, changed pagination limit for buttons so should not
 change positions when moving between pages

---
 data/css/data_table.css                    | 16 +++++--
 data/interfaces/default/css/data_table.css | 10 ++--
 data/interfaces/default/index.html         | 56 +++++++++++-----------
 data/interfaces/default/managecomics.html  | 43 +++++++++--------
 4 files changed, 68 insertions(+), 57 deletions(-)

diff --git a/data/css/data_table.css b/data/css/data_table.css
index c8a34544..626c3066 100755
--- a/data/css/data_table.css
+++ b/data/css/data_table.css
@@ -264,14 +264,17 @@ td.details {
 	border: 2px solid #A19B9E;
 }
 
-.paging_full_numbers {
+.paging_full_numbers,
+        .paging_simple_numbers {
 	width: 400px;
 	height: 22px;
 	line-height: 22px;
 }
 
 .paging_full_numbers span.paginate_button,
- 	.paging_full_numbers span.paginate_active {
+ 	.paging_full_numbers span.paginate_active,
+        .paging_simple_numbers span.paginate_button,
+        .paging_simple_numbers span.paginate_active {
 	border: 1px solid #aaa;
 	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
@@ -281,15 +284,18 @@ td.details {
 	*cursor: hand;
 }
 
-.paging_full_numbers span.paginate_button {
+.paging_full_numbers span.paginate_button,
+        .paging_simple_numbers span.paginate_button {
 	background-color: #fff;
 }
 
-.paging_full_numbers span.paginate_button:hover {
+.paging_full_numbers span.paginate_button:hover,
+        .paging_simple_numbers span.paginate_button:hover {
 	background-color: #ccc;
 }
 
-.paging_full_numbers span.paginate_active {
+.paging_full_numbers span.paginate_active,
+        .paging_simple_numbers span.paginate_active {
 	background-color: #99B3FF;
 }
 
diff --git a/data/interfaces/default/css/data_table.css b/data/interfaces/default/css/data_table.css
index 1b2fc1a8..14d86a44 100755
--- a/data/interfaces/default/css/data_table.css
+++ b/data/interfaces/default/css/data_table.css
@@ -555,14 +555,16 @@ td.details {
 	border: 2px solid #A19B9E;
 }
 
-.paging_full_numbers {
+.paging_full_numbers, .paging_simple_numbers {
 	width: 400px;
 	height: 22px;
 	line-height: 22px;
 }
 
 .paging_full_numbers .paginate_button,
- 	.paging_full_numbers .paginate_active {
+ 	.paging_full_numbers .paginate_active, 
+        .paging_simple_numbers .paginate_button,
+        .paging_simple_numbers .paginate_active {
 	background: none repeat scroll 0 0 #F3F3F3;
 	   border-radius: 5px 5px 5px 5px;
 	   margin: 0 0 0 5px;
@@ -573,11 +575,11 @@ td.details {
 	*cursor: hand;
 }
 
-.paging_full_numbers .paginate_button:hover {
+.paging_full_numbers .paginate_button:hover, .paging_simple_numbers .paginate_button:hover {
 	background-color: #e2e2e2;
 }
 
-.paging_full_numbers .paginate_active {
+.paging_full_numbers .paginate_active, .paging_simple_numbers .paginate_active {
 	background-color: #4183C4;
 	color: #FFF;
 }
diff --git a/data/interfaces/default/index.html b/data/interfaces/default/index.html
index c8d94e32..7a206588 100755
--- a/data/interfaces/default/index.html
+++ b/data/interfaces/default/index.html
@@ -104,37 +104,37 @@
 </%def>
 
 <%def name="javascriptIncludes()">
-	<script src="js/libs/jquery.dataTables.min.js"></script>
+        <script src="js/libs/jquery.dataTables.min.js"></script>
+        <script src="js/libs/full_numbers_no_ellipses.js"></script>
 	<script>
 
 	function initThisPage() {
-		$('#series_table').dataTable(
-                        {
-			        "sDom": '<"top"flip<"clear">>rt<"bottom"ip<"clear">>',
-				"destroy": true,
-                                "columnDefs": [
-                                     { "orderable": false, "targets": [5, 7, 10] },
-                                     { "visible": false, "targets": [5, 7, 10] },
-                                     { "type": 'num', "targets": 5 },
-                                     { "type": 'num', "targets": 7 },
-                                     { "orderData": [ 5, 7 ], "targets": 6 },
-                                     { "orderData": 10, "targets": 9 },
-                                     { "order": [[7, 'asc'],[1, 'asc']] }
-                                ],
-                                "lengthMenu": [[10, 15, 25, 50, 100, 200, -1], [10, 15, 25, 50, 100, 200, 'All' ]],
-			        "language": {
-                                        "lengthMenu":"Show _MENU_ results per page",
-                                        "emptyTable": "No results",
-                                        "info":"Showing _START_ to _END_ of _TOTAL_ results",
-                                        "infoEmpty":"Showing 0 to 0 of 0 results",
-                                        "infoFiltered":"(filtered from _MAX_ total results)",
-                                        "search" : ""},
-                                "stateSave": true,
-                                "pageLength": 25,
-                                "pagingType": "full_numbers"
-		        });
-        
-		        resetFilters("comic");
+                $.fn.DataTable.ext.pager.numbers_length = 3;
+		$('#series_table').dataTable( {
+		        "destroy": true,
+                        "sDom": '<"clear"f><"clear"lp><"clear">rt<"clear"ip>',
+                        "columnDefs": [
+                             { "orderable": false, "targets": [5, 7, 10] },
+                             { "visible": false, "targets": [5, 7, 10] },
+                             { "type": 'num', "targets": 5 },
+                             { "type": 'num', "targets": 7 },
+                             { "orderData": [ 5, 7 ], "targets": 6 },
+                             { "orderData": 10, "targets": 9 },
+                             { "order": [[7, 'asc'],[1, 'asc']] }
+                        ],
+                        "lengthMenu": [[10, 15, 25, 50, 100, 200, -1], [10, 15, 25, 50, 100, 200, 'All' ]],
+			"language": {
+                                "lengthMenu":"Show _MENU_ results per page",
+                                "emptyTable": "No results",
+                                "info":"Showing _START_ to _END_ of _TOTAL_ results",
+                                "infoEmpty":"Showing 0 to 0 of 0 results",
+                                "infoFiltered":"(filtered from _MAX_ total results)",
+                                "search" : ""},
+                        "stateSave": true,
+                        "pageLength": 25,
+                        "pagingType": "simple_numbers"
+		});
+                resetFilters("comic");
 	}
 	
 	$(document).ready(function(){
diff --git a/data/interfaces/default/managecomics.html b/data/interfaces/default/managecomics.html
index 42d45ea0..e6cf080e 100755
--- a/data/interfaces/default/managecomics.html
+++ b/data/interfaces/default/managecomics.html
@@ -93,28 +93,31 @@
 
 <%def name="javascriptIncludes()">
 	<script src="js/libs/jquery.dataTables.min.js"></script>
+        <script src="js/libs/full_numbers_no_ellipses.js"></script>
 	<script>
         function initThisPage() {
-                $('#manage_comic').dataTable(
-                        {
-                                "bDestroy": true,
-                                "aoColumnDefs": [
-                                  { 'bSortable': false, 'aTargets': [ 0, 1 ] }
-                                ],
-                                "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, 'All' ]],
-                                "oLanguage": {
-                                        "sLengthMenu":"Show _MENU_ results per page",
-                                        "sEmptyTable": "No results",
-                                        "sInfo":"Showing _START_ to _END_ of _TOTAL_ results",
-                                        "sInfoEmpty":"Showing 0 to 0 of 0 results",
-                                        "sInfoFiltered":"(filtered from _MAX_ total results)",
-                                        "sSearch" : ""},
-                                "bStateSave": true,
-                                "iDisplayLength": 25,
-                                "sPaginationType": "full_numbers",
-                                "aaSorting": [[2, 'desc'],[3, 'desc']]
-                        });
-                        resetFilters("comic");
+                $.fn.DataTable.ext.pager.numbers_length = 5;
+                $('#manage_comic').dataTable( {
+                        "destroy": true,
+                        "sDom": '<"clear"f><"clear"lp><"clear">rt<"clear"ip>',
+                        "deferRender": true,
+                        "columnDefs": [
+                            { 'bSortable': false, 'aTargets': [ 0, 1 ] },
+                            { 'order': [[2, 'desc'],[3, 'desc']] }
+                        ],
+                        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, 'All' ]],
+                        "language": {
+                                "lengthMenu":"Show _MENU_ results per page",
+                                "emptyTable": "No results",
+                                "info":"Showing _START_ to _END_ of _TOTAL_ results",
+                                "infoEmpty":"Showing 0 to 0 of 0 results",
+                                "infoFiltered":"(filtered from _MAX_ total results)",
+                                "search" : ""},
+                        "stateSave": true,
+                        "pageLength": 25,
+                        "pagingType": "simple_numbers"
+                });
+                resetFilters("comic");
         }
 
         $(document).ready(function(){