iger
/
engelsystem
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #650 from MyIgel/persistent-hidden-filters 

Shifts view: Persist hidden filters
This commit is contained in:
msquare 2019-10-08 19:14:37 +02:00 committed by GitHub
parent 24bfc29220 368604bd96
commit 503c479e86
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 35 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
resources/assets/js/forms.js
View File

@ -16,7 +16,7 @@ global.checkAll = (id, checked) => {
* Sets the checkboxes according to the given type
*
* @param {string} id The elements ID
* @param {list} shifts_list A list of numbers
* @param {list} shiftsList A list of numbers
*/
global.checkOwnTypes = (id, shiftsList) => {
$('#' + id + ' input[type="checkbox"]').each(function () {
@ -173,3 +173,30 @@ $(function () {
});
});
});
/**
* Set the filter selects to latest state
*
* Uses DOMContentLoaded to prevent flickering
*/
window.addEventListener('DOMContentLoaded', () => {
const filter = document.getElementById('collapseShiftsFilterSelect');
if (!filter || localStorage.getItem('collapseShiftsFilterSelect') !== 'hidden') {
return;
}
filter.classList.remove('in');
});
$(() => {
if (typeof (localStorage) === 'undefined') {
return;
}
const onChange = (e) => {
localStorage.setItem('collapseShiftsFilterSelect', e.type);
};
$('#collapseShiftsFilterSelect')
.on('hidden.bs.collapse', onChange)
.on('shown.bs.collapse', onChange);
});

6
resources/views/pages/user-shifts.html
View File

@ -55,12 +55,12 @@
<div class="col-md-6">
<button class="btn btn-info btn-sm hidden-print" style="margin-top: 20px; margin-bottom:10px" type="button"
data-toggle="collapse"
data-target="#collapseRoomSelect" aria-expanded="false"
aria-controls="collapseRoomSelect"
data-target="#collapseShiftsFilterSelect" aria-expanded="true"
aria-controls="collapseShiftsFilterSelect"
>
collapse/show filters
</button>
<div class="collapse in" id="collapseRoomSelect">
<div class="collapse in" id="collapseShiftsFilterSelect">
<div class="row">
<div class="col-xs-4 col-xxs-12">%room_select%</div>
<div class="col-xs-4 col-xxs-12">%type_select%</div>