Add new component, add flags on filter

resources/views/load/form/daterangepicker.blade.php

@@ -0,0 +1,49 @@
+@if(!defined('LOAD_DATEPICKER'))
+    @push('css')
+        <link rel="stylesheet" href="/assets/plugins/daterangepicker/daterangepicker.css">
+    @endpush
+    @push('js')
+        @include('load.moment')
+        <script src="/assets/plugins/daterangepicker/daterangepicker.js"></script>
+        <script src="/assets/plugins/daterangepicker/{{ App::getLocale() }}.js"></script>
+        <script>
+
+            function initDaterangepicker(sel, start, end, format) {
+                var selector = (typeof(sel) == 'undefined') ? '.daterangepickerItems' : sel;
+                var format = (typeof(format) == 'undefined') ? 'L' : format;
+                var start = (typeof(start) == 'undefined') ? moment() : start; 
+                var end = (typeof(end) == 'undefined') ? moment() : end;
+                $(selector).daterangepicker({
+                    alwaysShowCalendars: true,
+		            autoUpdateInput: false,
+                    format: dateRangePickerLanguage.format,
+                    showDropdowns: true,
+		            showWeekNumbers: true,
+                    startDate: start,
+                    endDate: end,
+                    separator: dateRangePickerLanguage.separator,
+            		locale: dateRangePickerLanguage.locale,
+		            buttonClasses: 'btn light uppercase weight-900',
+                    ranges: dateRangePickerLanguage.ranges,
+                }).on("apply.daterangepicker", function (e, picker) {
+                    var range = picker.startDate.format(picker.locale.format) + ' - ' + picker.endDate.format(picker.locale.format);
+                    picker.element.val(range);
+                });
+            }
+            
+            function initDatetimerangepicker(sel, date, format) {
+                var selector = (typeof(sel) == 'undefined') ? '.datetimerangepicker' : sel;
+                var format = (typeof(format) == 'undefined') ? '' : format;
+                var date = (typeof(date) == 'undefined') ? new Date() : date;  
+                $(selector).daterangepicker({
+                    timePicker: true,
+                    locale: {
+                        format: format,
+                    }
+                });
+            }
+
+        </script>
+    @endpush
+    @php(define('LOAD_DATEPICKER', true))
+@endif

resources/views/load/form/duallist_multiselect.blade.php

@@ -0,0 +1,31 @@
+@if(!defined('LOAD_DUALLIST'))
+	@push('scripts')
+		<script src="/assets/plugins/multiselect/js/jquery.multi-select.js"></script>  
+
+		<script>
+			function initDualList(sel, model) {
+				var model = (typeof(model) == 'undefined') ? '{{ $model ?? '' }}' : model;
+				var selector = (typeof(sel) == 'undefined') ? '.duallist' : sel;
+				var selectableHeader = "<div class='text-center'><label class='light'>{{ __('non_selected') }}</label></div>";
+    			var selectionHeader = "<div class='text-center'><label class='green'>{{ __('selected') }}</label></div>";
+
+				var settings = {
+					selectableHeader: selectableHeader + "<input type='text' id='"+model+"_selectable_search' class='mb-2 form-control quicksearch selectable-search styled' autocomplete='off' placeholder='{{ __('search') }}'>",
+					selectionHeader: selectionHeader + "<input type='text' id='"+model+"_selection_search' class='mb-2 form-control quicksearch selectable-search styled' autocomplete='off' placeholder='{{ __('search') }}'>",
+					selectableFooter: "<button id='"+model+"_select_all' class='btn btn-alt btn-success btn-block mt-2 pr-3'><span>{{ __('select_all') }}</span><i class='fa fa-arrow-right pull-right'></i></button>",
+					selectionFooter: "<button id='"+model+"_deselect_all' class='btn btn-alt btn-danger btn-block mt-2 pl-3'><i class='fa fa-arrow-left pull-left'></i><span>{{ __('deselect_all') }}</span></button>",
+					selectableOptgroup: true,
+					cssClass: "w-100 bg-darker",
+				};
+
+				$(selector).multiSelect(settings);
+			}
+		</script>
+
+	@endpush
+
+	@push('css')
+		<link rel="stylesheet" href="/assets/plugins/multiselect/css/multi-select.css">  
+	@endpush
+	@php(define('LOAD_DUALLIST', true))
+@endif

resources/views/load/form/icheck.blade.php

@@ -0,0 +1,6 @@
+@if(!defined('LOAD_ICHECK'))
+	@push('css')
+		<link rel="stylesheet" href="/assets/plugins/icheck/icheck-bootstrap.min.css">  
+	@endpush
+	@php(define('LOAD_ICHECK', true))
+@endif

resources/views/load/form/tooltip.blade.php

@@ -0,0 +1,13 @@
+@if(!defined('LOAD_TOOLTIP'))
+	@push('scripts')
+		<script>
+			function initTooltip() {
+				$('[data-toggle="tooltip"]').tooltip({
+					trigger : 'hover',
+					delay: { "show": 500, "hide": 100 }
+				});  
+			}
+		</script>
+	@endpush
+	@php(define('LOAD_TOOLTIP', true))
+@endif

resources/views/load/form/validator.js

@@ -0,0 +1,74 @@
+function initValidator() {
+	$( document ).ready(function() {
+		// console.log('initValidator');
+		// $(window).on('load', function() {
+		// window.addEventListener('load', function() {
+
+			// console.log('initValidator load');
+			var forms = $('.needs-validation');
+
+			$(forms).each(function(i, form) {
+				form.addEventListener('submit', function(event) {
+					checkValidatorFields(form);
+				}, false);
+			});
+
+		// }, false);
+	});
+}
+
+function checkValidatorFields(form) {
+	console.log('checkValidatorFields');
+	if (form.checkValidity() === false) {
+		console.log('non validé');
+		event.preventDefault();
+		event.stopPropagation();
+	} else {
+		console.log("validé");
+		form.classList.add('valid');
+	}
+	form.classList.add('was-validated');
+			
+	form.addEventListener('invalid', function(e) {
+		console.log(e);
+	}, true);
+
+}
+
+function initValidatorHtml() {
+	window.addEventListener('load', function() {
+		// Fetch all the forms we want to apply custom Bootstrap validation styles to
+		var forms = document.getElementsByClassName('needs-validation');
+		// Loop over them and prevent submission
+		var validation = Array.prototype.filter.call(forms, function(form) {
+		  	form.addEventListener('submit', function(event) {
+				if (form.checkValidity() === false) {
+					event.preventDefault();
+					event.stopPropagation();
+				}
+				form.classList.add('was-validated');
+		  	}, false);
+		});
+	}, false);	
+}
+
+function initValidator2() {
+	$('.needs-validation').bootstrapValidator().on('submit', function(e) {
+		if (e.isDefaultPrevented()) {
+			console.log('bad');
+		} else {
+			console.log('good');
+		}
+
+		e.preventDefault();
+		e.stopPropagation();
+		// Active the panel element containing the first invalid element
+		var $form         = $(e.target),
+			validator     = $form.data('bootstrapValidator'),
+			$invalidField = validator.getInvalidFields().eq(0),
+			$collapse     = $invalidField.parents('.collapse');
+
+		$collapse.collapse('show');
+	});
+
+}