// Pagination bootstraping
This commit is contained in:
+32
-38
@@ -23,48 +23,43 @@
|
|||||||
* International Registered Trademark & Property of PrestaShop SA
|
* International Registered Trademark & Property of PrestaShop SA
|
||||||
*}
|
*}
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
{if !$simple_header && $list_total > 20}
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
{if $bulk_actions}
|
{if $bulk_actions}
|
||||||
<div>
|
{if $bulk_actions|count > 1}
|
||||||
{if $bulk_actions|count > 1}
|
<div class="form-group bulk-actions">
|
||||||
<div class="form-group">
|
<div class="col-lg-6">
|
||||||
<div class="col-lg-6">
|
<select id="select_submitBulk" name="select_submitBulk">
|
||||||
<select id="select_submitBulk" name="select_submitBulk">
|
{foreach $bulk_actions as $key => $params}
|
||||||
{foreach $bulk_actions as $key => $params}
|
<option value="{$key}">{$params.text}</option>
|
||||||
<option value="{$key}">{$params.text}</option>
|
{/foreach}
|
||||||
{/foreach}
|
</select>
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6">
|
|
||||||
<input type="submit" class="btn btn-default" name="submitBulk" id="submitBulk" value="{l s='Apply'}" />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
{else}
|
<div class="col-lg-6">
|
||||||
{foreach $bulk_actions as $key => $params}
|
<input type="submit" class="btn btn-default" name="submitBulk" id="submitBulk" value="{l s='Apply'}" />
|
||||||
<div class="form-group">
|
|
||||||
<div class="col-lg-6">
|
|
||||||
{if $key == 'affectzone'}
|
|
||||||
<select id="zone_to_affect" name="zone_to_affect">
|
|
||||||
{foreach $zones as $z}
|
|
||||||
<option value="{$z['id_zone']}">{$z['name']}</option>
|
|
||||||
{/foreach}
|
|
||||||
</select>
|
|
||||||
{/if}
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6">
|
|
||||||
<input type="submit" class="btn btn-default" name="submitBulk{$key}{$table}" value="{$params.text}" {if isset($params.confirm)}onclick="return confirm('{$params.confirm}');"{/if} />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
{/foreach}
|
</div>
|
||||||
{/if}
|
{else}
|
||||||
</div>
|
{foreach $bulk_actions as $key => $params}
|
||||||
|
<div class="form-group bulk-actions">
|
||||||
|
<div class="col-lg-6">
|
||||||
|
{if $key == 'affectzone'}
|
||||||
|
<select id="zone_to_affect" name="zone_to_affect">
|
||||||
|
{foreach $zones as $z}
|
||||||
|
<option value="{$z['id_zone']}">{$z['name']}</option>
|
||||||
|
{/foreach}
|
||||||
|
</select>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-6">
|
||||||
|
<input type="submit" class="btn btn-default" name="submitBulk{$key}{$table}" value="{$params.text}" {if isset($params.confirm)}onclick="return confirm('{$params.confirm}');"{/if} />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/foreach}
|
||||||
{/if}
|
{/if}
|
||||||
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
{if !$simple_header && $list_total > 20}
|
||||||
|
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4">
|
||||||
{* Choose number of results per page *}
|
{* Choose number of results per page *}
|
||||||
<span class="pagination">
|
<span class="pagination">
|
||||||
@@ -136,9 +131,8 @@
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|||||||
+102
-44
@@ -24,58 +24,116 @@
|
|||||||
*}
|
*}
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
{if !$simple_header && $list_total > 20}
|
<div class="row">
|
||||||
<div class="table-pagination pull-right">
|
<div class="col-lg-8">
|
||||||
<span>
|
{if $bulk_actions}
|
||||||
{if $page > 1}
|
{if $bulk_actions|count > 1}
|
||||||
<input type="image" src="../img/admin/list-prev2.gif" onclick="getE('submitFilter{$table}').value=1"/>
|
<div class="form-group bulk-actions">
|
||||||
<input type="image" src="../img/admin/list-prev.gif" onclick="getE('submitFilter{$table}').value={$page - 1}"/>
|
<div class="col-lg-6">
|
||||||
{/if}
|
<select id="select_submitBulk" name="select_submitBulk" >
|
||||||
{l s='Page'} <b>{$page}</b> / {$total_pages}
|
{foreach $bulk_actions as $key => $params}
|
||||||
{if $page < $total_pages}
|
<option value="{$key}">{$params.text}</option>
|
||||||
<input type="image" src="../img/admin/list-next.gif" onclick="getE('submitFilter{$table}').value={$page + 1}"/>
|
{/foreach}
|
||||||
<input type="image" src="../img/admin/list-next2.gif" onclick="getE('submitFilter{$table}').value={$total_pages}"/>
|
</select>
|
||||||
{/if}
|
</div>
|
||||||
</span>
|
<div class="col-lg-6">
|
||||||
|
<input type="submit" class="btn btn-primary" name="submitBulk" id="submitBulk" value="{l s='Apply'}" />
|
||||||
<span>
|
</div>
|
||||||
|
|
|
||||||
<label >{l s='Display'}</label>
|
|
||||||
<select class="filter fixed-width-xs" name="pagination" onchange="submit()">
|
|
||||||
{* 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}
|
|
||||||
{if $bulk_actions}
|
|
||||||
{if $bulk_actions|count > 1}
|
|
||||||
<div class="col-lg-11">
|
|
||||||
<select id="select_submitBulk" name="select_submitBulk" >
|
|
||||||
{foreach $bulk_actions as $key => $params}
|
|
||||||
<option value="{$key}">{$params.text}</option>
|
|
||||||
{/foreach}
|
|
||||||
</select>
|
|
||||||
</div>
|
</div>
|
||||||
<input type="submit" class="btn btn-primary" name="submitBulk" id="submitBulk" value="{l s='Apply'}" />
|
{else}
|
||||||
{else}
|
{foreach $bulk_actions as $key => $params}
|
||||||
{foreach $bulk_actions as $key => $params}
|
<div class="form-group bulk-actions">
|
||||||
{if $key == 'affectzone'}
|
<div class="col-lg-6">
|
||||||
<div class="col-lg-11">
|
{if $key == 'affectzone'}
|
||||||
<select id="zone_to_affect" name="zone_to_affect">
|
<select id="zone_to_affect" name="zone_to_affect">
|
||||||
{foreach $zones as $z}
|
{foreach $zones as $z}
|
||||||
<option value="{$z['id_zone']}">{$z['name']}</option>
|
<option value="{$z['id_zone']}">{$z['name']}</option>
|
||||||
{/foreach}
|
{/foreach}
|
||||||
</select>
|
</select>
|
||||||
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
<div class="col-lg-6">
|
||||||
<input type="submit" class="btn btn-primary" name="submitBulk{$key}{$table}" value="{$params.text}" {if isset($params.confirm)}onclick="return confirm('{$params.confirm}');"{/if} />
|
<input type="submit" class="btn btn-primary" name="submitBulk{$key}{$table}" value="{$params.text}" {if isset($params.confirm)}onclick="return confirm('{$params.confirm}');"{/if} />
|
||||||
{/foreach}
|
</div>
|
||||||
|
</div>
|
||||||
|
{/foreach}
|
||||||
|
{/if}
|
||||||
{/if}
|
{/if}
|
||||||
{/if}
|
</div>
|
||||||
|
{if !$simple_header && $list_total > 20}
|
||||||
|
<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}">{$value}</a>
|
||||||
|
</li>
|
||||||
|
{/foreach}
|
||||||
|
</ul>
|
||||||
|
/ {$list_total} {l s='result(s)'}
|
||||||
|
<input type="hidden" id="pagination-items-page" name="{$table}_pagination" value="{$selected_pagination|intval}" />
|
||||||
|
</span>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$('.pagination-items-page').on('click',function(e){
|
||||||
|
e.preventDefault();
|
||||||
|
$('#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">
|
||||||
|
<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}">
|
||||||
|
<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);">…</a>
|
||||||
|
</li>
|
||||||
|
{assign p $page-3}
|
||||||
|
{else if $p > $page+2}
|
||||||
|
<li class="disabled">
|
||||||
|
<a href="javascript:void(0);">…</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}">{$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}">
|
||||||
|
<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}">
|
||||||
|
<i class="icon-double-angle-right"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<script type="text/javascript">
|
||||||
|
$('.pagination-link').on('click',function(e){
|
||||||
|
e.preventDefault();
|
||||||
|
$('#submitFilter'+'{$table}').val($(this).data("page")).closest("form").submit();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|||||||
@@ -25,8 +25,8 @@
|
|||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
{if $bulk_actions}
|
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
|
{if $bulk_actions}
|
||||||
<div class="btn-group bulk-actions">
|
<div class="btn-group bulk-actions">
|
||||||
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
||||||
{l s='Bulk actions'} <span class="caret"></span>
|
{l s='Bulk actions'} <span class="caret"></span>
|
||||||
@@ -54,9 +54,8 @@
|
|||||||
{/foreach}
|
{/foreach}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
|
||||||
|
|
||||||
{if !$simple_header && $list_total > 20}
|
{if !$simple_header && $list_total > 20}
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4">
|
||||||
{* Choose number of results per page *}
|
{* Choose number of results per page *}
|
||||||
|
|||||||
Reference in New Issue
Block a user