// fix pagination Tax Rules Group

admin-dev/themes/default/template/controllers/tax_rules/helpers/list/list_footer.tpl

@@ -24,25 +24,26 @@
 *}
 	</table>
 </div>
-
+<div class="row">
-	{if $bulk_actions}
+	<div class="col-lg-8">
-		<div class="btn-group">
+		{if $bulk_actions}
+		<div class="btn-group bulk-actions">
 			<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
 				{l s='Bulk actions'} <span class="caret"></span>
 			</button>
 			<ul class="dropdown-menu">
-			<li>
+				<li>
-				<a href="#" onclick="javascript:checkDelBoxes($(this).closest('form').get(0), '{$table}Box[]', true);return false;">
+					<a href="#" onclick="javascript:checkDelBoxes($(this).closest('form').get(0), '{$table}Box[]', true);return false;">
-					<i class="icon-check-sign"></i>&nbsp;{l s='Select all'}
+						<i class="icon-check-sign"></i>&nbsp;{l s='Select all'}
-				</a>
+					</a>
-			</li>
+				</li>
-			<li>
+				<li>
-				<a href="#" onclick="javascript:checkDelBoxes($(this).closest('form').get(0), '{$table}Box[]', false);return false;">
+					<a href="#" onclick="javascript:checkDelBoxes($(this).closest('form').get(0), '{$table}Box[]', false);return false;">
-					<i class="icon-check-empty"></i>&nbsp;{l s='Unselect all'}
+						<i class="icon-check-empty"></i>&nbsp;{l s='Unselect all'}
-				</a>
+					</a>
-			</li>
+				</li>
-			<li class="divider"></li>
+				<li class="divider"></li>
-			{foreach $bulk_actions as $key => $params}
+				{foreach $bulk_actions as $key => $params}
 				<li{if $params.text == 'divider'} class="divider"{/if}>
 					{if $params.text != 'divider'}
 					<a href="#" onclick="{if isset($params.confirm)}if (confirm('{$params.confirm}')){/if}sendBulkAction($(this).closest('form').get(0), 'submitBulk{$key}{$table}');">
@@ -50,41 +51,87 @@
 					</a>
 					{/if}
 				</li>
-			{/foreach}
+				{/foreach}
 			</ul>
 		</div>
-	{/if}
-
-	{if !$simple_header && $list_total > 20}
-	<div class="table-pagination pull-right">
-		<span>
-		{if $page > 1}
-			<input type="image" src="../img/admin/list-prev2.gif" onclick="getE('submitFilter{$table}').value=1"/>&nbsp;
-			<input type="image" src="../img/admin/list-prev.gif" onclick="getE('submitFilter{$table}').value={$page - 1}"/>
-		{/if}
-			{l s='Page'} <b>{$page}</b> / {$total_pages}
-		{if $page < $total_pages}
-			<input type="image" src="../img/admin/list-next.gif" onclick="getE('submitFilter{$table}').value={$page + 1}"/>&nbsp;
-			<input type="image" src="../img/admin/list-next2.gif" onclick="getE('submitFilter{$table}').value={$total_pages}"/>
 		{/if}
+	</div>
+	{if !$simple_header && $list_total > $pagination[0]}
+	<div class="col-lg-4">
+		{* Choose number of results per page *}
+		<span class="pagination">
+			{l s='Display'}: 
+			<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+				{$selected_pagination}
+				<i class="icon-caret-down"></i>
+			</button>
+			<ul class="dropdown-menu">
+			{foreach $pagination AS $value}
+				<li>
+					<a href="javascript:void(0);" class="pagination-items-page" data-items="{$value|intval}" data-list-id="{$list_id}">{$value}</a>
+				</li>
+			{/foreach}
+			</ul>
+			/ {$list_total} {l s='result(s)'}
+			<input type="hidden" id="{$list_id}-pagination-items-page" name="{$list_id}_pagination" value="{$selected_pagination|intval}" />
 		</span>
+		<script type="text/javascript">
+			$('.pagination-items-page').on('click',function(e){
+				e.preventDefault();
+				$('#'+$(this).data("list-id")+'-pagination-items-page').val($(this).data("items")).closest("form").submit();
+			});
+		</script>
+		<ul class="pagination pull-right">
+			<li {if $page <= 1}class="disabled"{/if}>
+				<a href="javascript:void(0);" class="pagination-link" data-page="1" data-list-id="{$list_id}">
+					<i class="icon-double-angle-left"></i>
+				</a>
+			</li>
+			<li {if $page <= 1}class="disabled"{/if}>
+				<a href="javascript:void(0);" class="pagination-link" data-page="{$page - 1}" data-list-id="{$list_id}">
+					<i class="icon-angle-left"></i>
+				</a>
+			</li>
+			{assign p 0}
+			{while $p++ < $total_pages}
+				{if $p < $page-2}
+					<li class="disabled">
+						<a href="javascript:void(0);">&hellip;</a>
+					</li>
+					{assign p $page-3}
+				{else if $p > $page+2}
+					<li class="disabled">
+						<a href="javascript:void(0);">&hellip;</a>
+					</li>
+					{assign p $total_pages}
+				{else}
+					<li {if $p == $page}class="active"{/if}>
+						<a href="javascript:void(0);" class="pagination-link" data-page="{$p}" data-list-id="{$list_id}">{$p}</a>
+					</li>
+				{/if}
+			{/while}
+			<li {if $page >= $total_pages}class="disabled"{/if}>
+				<a href="javascript:void(0);" class="pagination-link" data-page="{$page + 1}" data-list-id="{$list_id}">
+					<i class="icon-angle-right"></i>
+				</a>
+			</li>
+			<li {if $page >= $total_pages}class="disabled"{/if}>
+				<a href="javascript:void(0);" class="pagination-link" data-page="{$total_pages}" data-list-id="{$list_id}">
+					<i class="icon-double-angle-right"></i>
+				</a>
+			</li>
+		</ul>
+		<script type="text/javascript">
+			$('.pagination-link').on('click',function(e){
+				e.preventDefault();
 
-		<span>
+				if (!$(this).parent().hasClass('disabled'))
-			&nbsp;|&nbsp;
+					$('#submitFilter'+$(this).data("list-id")).val($(this).data("page")).closest("form").submit();
-			<label >{l s='Display'}</label>
+			});
-			<select class="filter fixed-width-xs" name="pagination" onchange="submit()">
+		</script>
-				{* Choose number of results per page *}
-				{foreach $pagination AS $value}
-					<option value="{$value|intval}"{if $selected_pagination == $value} selected="selected" {elseif $selected_pagination == NULL && $value == $pagination[1]} selected="selected2"{/if}>{$value|intval}</option>
-				{/foreach}
-			</select>
-		</span>
-		<span> / {$list_total} {l s='result(s)'}</span>
 	</div>
 	{/if}
-
+</div>
-
-
 {if !$simple_header}
 		<input type="hidden" name="token" value="{$token}" />
 	</div>