mirror of https://github.com/dani/vroom.git
Add a drop down menu to set item per page
This commit is contained in:
parent
e321a4dd01
commit
a2b1664d8c
|
@ -36,9 +36,6 @@ $('.date-picker').datepicker({
|
||||||
language: currentLang
|
language: currentLang
|
||||||
});
|
});
|
||||||
|
|
||||||
// When pagination is done, how many item per page
|
|
||||||
var itemPerPage = 20;
|
|
||||||
|
|
||||||
// Regex to check a date
|
// Regex to check a date
|
||||||
var dateRe = /^\d{4}\-\d{1,2}\-\d{1,2}$/;
|
var dateRe = /^\d{4}\-\d{1,2}\-\d{1,2}$/;
|
||||||
|
|
||||||
|
@ -579,6 +576,7 @@ function initDoc(){
|
||||||
function initAdminRooms(){
|
function initAdminRooms(){
|
||||||
var roomList = {};
|
var roomList = {};
|
||||||
var matches = 0;
|
var matches = 0;
|
||||||
|
var itemPerPage = $('#item-per-page').val();
|
||||||
|
|
||||||
// Update display of room list
|
// Update display of room list
|
||||||
function updateRoomList(filter, min, max){
|
function updateRoomList(filter, min, max){
|
||||||
|
@ -697,6 +695,13 @@ function initAdminRooms(){
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Update pagination
|
||||||
|
$('#item-per-page').change(function(){
|
||||||
|
itemPerPage = $('#item-per-page').val();
|
||||||
|
updateEventList($('#searchRoom').val(), 0, itemPerPage);
|
||||||
|
updatePagination();
|
||||||
|
});
|
||||||
|
|
||||||
// Handle submiting the configuration form
|
// Handle submiting the configuration form
|
||||||
$(document).on('click', '.btn-configure', function(){
|
$(document).on('click', '.btn-configure', function(){
|
||||||
roomName = $(this).data('room');
|
roomName = $(this).data('room');
|
||||||
|
@ -744,6 +749,7 @@ function initAdminRooms(){
|
||||||
function initAdminAudit(){
|
function initAdminAudit(){
|
||||||
var eventList = {};
|
var eventList = {};
|
||||||
var matches = 0;
|
var matches = 0;
|
||||||
|
var itemPerPage = $('#item-per-page').val();
|
||||||
|
|
||||||
// Update display of event list
|
// Update display of event list
|
||||||
function updateEventList(filter, min, max){
|
function updateEventList(filter, min, max){
|
||||||
|
@ -815,6 +821,13 @@ function initAdminAudit(){
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Update pagination
|
||||||
|
$('#item-per-page').change(function(){
|
||||||
|
itemPerPage = $('#item-per-page').val();
|
||||||
|
updateEventList($('#searchEvent').val(), 0, itemPerPage);
|
||||||
|
updatePagination();
|
||||||
|
});
|
||||||
|
|
||||||
// When we click on either refresh or export buttons, check dates are valid
|
// When we click on either refresh or export buttons, check dates are valid
|
||||||
$('#events_refresh,#events_export').click(function(e){
|
$('#events_refresh,#events_export').click(function(e){
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
|
|
@ -54,6 +54,20 @@
|
||||||
% }
|
% }
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<select id="item-per-page"
|
||||||
|
class="form-control navbar-btn help"
|
||||||
|
data-toggle="tooltip"
|
||||||
|
data-placement="bottom"
|
||||||
|
title="<%= l('ITEM_PER_PAGE') %>">
|
||||||
|
% foreach my $i qw(20 40 80 150 300){
|
||||||
|
<option value="<%= $i %>"
|
||||||
|
%== ($i == 20) ? 'selected="selected">' : '>'
|
||||||
|
%= $i
|
||||||
|
</option>
|
||||||
|
% }
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group pull-right hidden-xs">
|
<div class="form-group pull-right hidden-xs">
|
||||||
%= image url_for('/img/loading.gif'), alt => $self->l('LOADING'), id => 'loadingIcon'
|
%= image url_for('/img/loading.gif'), alt => $self->l('LOADING'), id => 'loadingIcon'
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
<div class="panel-heading">
|
<div class="panel-heading">
|
||||||
<div class="form-inline">
|
<div class="form-inline">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class="input-group input-group-lg">
|
<div class="input-group">
|
||||||
<input type="text"
|
<input type="text"
|
||||||
id="searchRoom"
|
id="searchRoom"
|
||||||
class="form-control"
|
class="form-control"
|
||||||
|
@ -19,6 +19,20 @@
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<select id="item-per-page"
|
||||||
|
class="form-control navbar-btn help"
|
||||||
|
data-toggle="tooltip"
|
||||||
|
data-placement="bottom"
|
||||||
|
title="<%= l('ITEM_PER_PAGE') %>">
|
||||||
|
% foreach my $i qw(20 40 80 150 300){
|
||||||
|
<option value="<%= $i %>"
|
||||||
|
%== ($i == 20) ? 'selected="selected">' : '>'
|
||||||
|
%= $i
|
||||||
|
</option>
|
||||||
|
% }
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue