INIT
@@ -0,0 +1,21 @@
|
||||
<?php if ($paginator->getNumPages() > 1): ?>
|
||||
<ul class="pagination">
|
||||
<?php if ($paginator->getPrevUrl()): ?>
|
||||
<li><a href="<?php echo $paginator->getPrevUrl(); ?>">« Previous</a></li>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php foreach ($paginator->getPages() as $page): ?>
|
||||
<?php if ($page['url']): ?>
|
||||
<li <?php echo $page['isCurrent'] ? 'class="active"' : ''; ?>>
|
||||
<a href="<?php echo $page['url']; ?>"><?php echo $page['num']; ?></a>
|
||||
</li>
|
||||
<?php else: ?>
|
||||
<li class="disabled"><span><?php echo $page['num']; ?></span></li>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
|
||||
<?php if ($paginator->getNextUrl()): ?>
|
||||
<li><a href="<?php echo $paginator->getNextUrl(); ?>">Next »</a></li>
|
||||
<?php endif; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
@@ -0,0 +1,19 @@
|
||||
{% if paginator.numPages > 1 %}
|
||||
<ul class="pagination">
|
||||
{% if paginator.prevUrl %}
|
||||
<li><a href="{{ paginator.prevUrl }}">« Previous</a></li>
|
||||
{% endif %}
|
||||
|
||||
{% for page in paginator.pages %}
|
||||
{% if page.url %}
|
||||
<li {{ page.isCurrent ? 'class="active"' : '' }}><a href="{{ page.url }}">{{ page.num }}</a></li>
|
||||
{% else %}
|
||||
<li class="disabled"><span>{{ page.num }}</span></li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
{% if paginator.nextUrl %}
|
||||
<li><a href="{{ paginator.nextUrl }}">Next »</a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,49 @@
|
||||
<?php if ($paginator->getNumPages() > 1): ?>
|
||||
<div class="input-group" style="width: 1px;">
|
||||
<?php if ($paginator->getPrevUrl()): ?>
|
||||
<span class="input-group-btn">
|
||||
<a href="<?php echo $paginator->getPrevUrl(); ?>" class="btn btn-default" type="button">« Prev</a>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
|
||||
<select class="form-control paginator-select-page" style="width: auto; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;">
|
||||
<?php foreach ($paginator->getPages() as $page): ?>
|
||||
<?php if ($page['url']): ?>
|
||||
<option value="<?php echo $page['url']; ?>"<?php if ($page['isCurrent']) echo ' selected'; ?>>
|
||||
Page <?php echo $page['num']; ?>
|
||||
</option>
|
||||
<?php else: ?>
|
||||
<option disabled><?php echo $page['num']; ?></option>
|
||||
<?php endif; ?>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
|
||||
<?php if ($paginator->getNextUrl()): ?>
|
||||
<span class="input-group-btn">
|
||||
<a href="<?php echo $paginator->getNextUrl(); ?>" class="btn btn-default" type="button">Next »</a>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php /* Depends on a little bit of javascript like this being included somewhere (this example requires jquery):
|
||||
$(function() {
|
||||
$('.paginator-select-page').on('change', function() {
|
||||
document.location = $(this).val();
|
||||
});
|
||||
// Workaround to prevent iOS from zooming the page when clicking the select list:
|
||||
$('.paginator-select-page')
|
||||
.on('focus', function() {
|
||||
if (/(iPad|iPhone|iPod)/g.test(navigator.userAgent)) {
|
||||
$(this).css('font-size', '16px');
|
||||
}
|
||||
})
|
||||
.on('blur', function() {
|
||||
if (/(iPad|iPhone|iPod)/g.test(navigator.userAgent)) {
|
||||
$(this).css('font-size', '');
|
||||
}
|
||||
})
|
||||
;
|
||||
});
|
||||
*/ ?>
|
||||
|
||||
@@ -0,0 +1,49 @@
|
||||
{% if paginator.numPages > 1 %}
|
||||
<div class="input-group" style="width: 1px;">
|
||||
{% if paginator.prevUrl %}
|
||||
<span class="input-group-btn">
|
||||
<a href="{{ paginator.prevUrl }}" class="btn btn-default" type="button">« Prev</a>
|
||||
</span>
|
||||
{% endif %}
|
||||
|
||||
<select class="form-control paginator-select-page" style="width: auto; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;">
|
||||
{% for page in paginator.pages %}
|
||||
{% if page.url %}
|
||||
<option value="{{ page.url }}"{{ page.isCurrent ? 'selected' : '' }}>
|
||||
Page {{ page.num }}
|
||||
</option>
|
||||
{% else %}
|
||||
<option disabled>{{ page.num }}</option>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</select>
|
||||
|
||||
{% if paginator.nextUrl %}
|
||||
<span class="input-group-btn">
|
||||
<a href="{{ paginator.nextUrl }}" class="btn btn-default" type="button">Next »</a>
|
||||
</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{# Depends on this little bit of javascript being included somewhere:
|
||||
$(function() {
|
||||
$('.paginator-select-page').on('change', function() {
|
||||
document.location = $(this).val();
|
||||
});
|
||||
// Workaround to prevent iOS from zooming the page when clicking the select list:
|
||||
$('.paginator-select-page')
|
||||
.on('focus', function() {
|
||||
if (/(iPad|iPhone|iPod)/g.test(navigator.userAgent)) {
|
||||
$(this).css('font-size', '16px');
|
||||
}
|
||||
})
|
||||
.on('blur', function() {
|
||||
if (/(iPad|iPhone|iPod)/g.test(navigator.userAgent)) {
|
||||
$(this).css('font-size', '');
|
||||
}
|
||||
})
|
||||
;
|
||||
});
|
||||
#}
|
||||
|
||||
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 8.3 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 11 KiB |