|
Lines 44-50
Link Here
|
| 44 |
<div class="page-section" id="bookings-timeline"></div> |
44 |
<div class="page-section" id="bookings-timeline"></div> |
| 45 |
<div class="page-section"> |
45 |
<div class="page-section"> |
| 46 |
<fieldset class="action filters" style="cursor:pointer;"> |
46 |
<fieldset class="action filters" style="cursor:pointer;"> |
| 47 |
<a id="completed_filter" class="filtered"><i class="fa fa-bars"></i> Include completed</a> |
47 |
<a id="expired_filter" class="filtered"><i class="fa fa-bars"></i> Show expired</a> |
| 48 |
</fieldset> |
48 |
</fieldset> |
| 49 |
|
49 |
|
| 50 |
<table id="bookings_table"></table> |
50 |
<table id="bookings_table"></table> |
|
Lines 202-211
Link Here
|
| 202 |
} |
202 |
} |
| 203 |
); |
203 |
); |
| 204 |
|
204 |
|
| 205 |
let filter_completed = true; |
205 |
let filter_expired = true; |
| 206 |
let additional_filters = { |
206 |
let additional_filters = { |
| 207 |
end_date: function(){ |
207 |
end_date: function(){ |
| 208 |
if ( filter_completed ) { |
208 |
if ( filter_expired ) { |
| 209 |
let today = new Date(); |
209 |
let today = new Date(); |
| 210 |
return { ">=": today.toISOString() } |
210 |
return { ">=": today.toISOString() } |
| 211 |
} else { |
211 |
} else { |
|
Lines 299-313
Link Here
|
| 299 |
}] |
299 |
}] |
| 300 |
}, [], 0, additional_filters); |
300 |
}, [], 0, additional_filters); |
| 301 |
|
301 |
|
| 302 |
var txtActivefilter = _("Include completed"); |
302 |
var txtActivefilter = _("Show expired"); |
| 303 |
var txtInactivefilter = _("Filter completed"); |
303 |
var txtInactivefilter = _("Hide expired"); |
| 304 |
$('#completed_filter').on("click", function() { |
304 |
$("#expired_filter").on("click", function() { |
| 305 |
if ($(this).hasClass('filtered')){ |
305 |
if ($(this).hasClass('filtered')){ |
| 306 |
filter_completed = false; |
306 |
filter_expired = false; |
| 307 |
$(this).html('<i class="fa fa-filter"></i> '+txtActivefilter); |
307 |
$(this).html('<i class="fa fa-filter"></i> '+txtInactivefilter); |
| 308 |
} else { |
308 |
} else { |
| 309 |
filter_completed = true; |
309 |
filter_expired = true; |
| 310 |
$(this).html('<i class="fa fa-bars"></i> '+txtInactivefilter); |
310 |
$(this).html('<i class="fa fa-bars"></i> '+txtActivefilter); |
| 311 |
} |
311 |
} |
| 312 |
bookings_table.DataTable().draw(); |
312 |
bookings_table.DataTable().draw(); |
| 313 |
$(this).toggleClass('filtered'); |
313 |
$(this).toggleClass('filtered'); |
| 314 |
- |
|
|