Ajout <select multiple> dropdown

This commit is contained in:
alexandre-pereira 2015-03-14 18:20:35 +01:00
parent 4135ae7317
commit 6ea2de6e26
4 changed files with 1395 additions and 2 deletions

View File

@ -64,7 +64,7 @@ class APIController extends Controller {
->designationFilter($designations)
->domaineFilter($domaines)
->matiereFilter($matieres)
->simplePaginate(15);
->simplePaginate(10);
return view('backend/ref_listeoeuvres',['oeuvres' => $listeoeuvres]);

View File

@ -0,0 +1 @@
.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}

1384
SRC/public/js/bootstrap-multiselect.js vendored Normal file

File diff suppressed because it is too large Load Diff

View File

@ -202,11 +202,13 @@
@endsection
@section('page-css')
<link rel="stylesheet" href="{{ URL::to('css/image-picker.css') }}">
<link rel="stylesheet" href="{{ URL::to('css/bootstrap-multiselect.css') }}">
@endsection
@section('page-scripts')
<script src="{{ URL::to('js/image-picker.min.js') }}"></script>
<script src="{{ URL::to('js/image-picker.min.js') }}"></script>
<script src="{{ URL::to('js/bootstrap-multiselect.js') }}"></script>
<script>
$("select.multiple").imagepicker();
@ -226,6 +228,12 @@ $('#imagesSearched').on('click', '.pager a', function (event) {
});
$('#recherche select').multiselect({
enableFiltering: true,
buttonWidth: '100%'
});
$("#recherche").on('submit', function(event){
event.preventDefault();
$('#imagesSearched').empty();