@@ -250,7 +250,6 @@ document.addEventListener('alpine:init', () => {
250
250
251
251
}
252
252
} ) ) ;
253
-
254
253
255
254
Alpine . data ( 'booleanFilter' , ( wire , filterKey , tableName , defaultValue ) => ( {
256
255
switchOn : false ,
@@ -270,6 +269,47 @@ document.addEventListener('alpine:init', () => {
270
269
}
271
270
} ) ) ;
272
271
272
+ Alpine . data ( 'newBooleanFilter' , ( filterKey , tableName , defaultValue ) => ( {
273
+ switchOn : false ,
274
+ value : false ,
275
+ toggleStatus ( )
276
+ {
277
+ let tempValue = Boolean ( Number ( this . $wire . get ( 'filterComponents.' + filterKey ) ?? this . value ) ) ;
278
+ let newBoolean = ! tempValue ;
279
+ this . switchOn = this . value = newBoolean ;
280
+ return Number ( newBoolean ) ;
281
+ } ,
282
+ toggleStatusWithUpdate ( )
283
+ {
284
+ let newValue = this . toggleStatus ( ) ;
285
+ this . $wire . set ( 'filterComponents.' + filterKey , newValue ) ;
286
+ } ,
287
+ toggleStatusWithReset ( )
288
+ {
289
+ let newValue = this . toggleStatus ( ) ;
290
+ this . $wire . call ( 'resetFilter' , filterKey ) ;
291
+ } ,
292
+ setSwitchOn ( val )
293
+ {
294
+ let number = Number ( val ?? 0 ) ;
295
+ this . switchOn = Boolean ( number ) ;
296
+ } ,
297
+ init ( ) {
298
+ this . $nextTick ( ( ) => {
299
+ this . value = this . $wire . get ( 'filterComponents.' + filterKey ) ?? defaultValue ;
300
+ this . setSwitchOn ( this . value ?? 0 ) ;
301
+ } ) ;
302
+
303
+ this . listeners . push (
304
+ Livewire . on ( 'filter-was-set' , ( detail ) => {
305
+ if ( detail . tableName == tableName && detail . filterKey == filterKey ) {
306
+ this . switchOn = detail . value ?? defaultValue ;
307
+ }
308
+ } )
309
+ ) ;
310
+ }
311
+ } ) ) ;
312
+
273
313
Alpine . data ( 'numberRangeFilter' , ( wire , filterKey , parentElementPath , filterConfig , childElementRoot ) => ( {
274
314
allFilters : wire . entangle ( 'filterComponents' , false ) ,
275
315
originalMin : 0 ,
@@ -407,7 +447,6 @@ document.addEventListener('alpine:init', () => {
407
447
408
448
} ) ) ;
409
449
410
-
411
450
Alpine . data ( 'tableWrapper' , ( wire , showBulkActionsAlpine ) => ( {
412
451
shouldBeDisplayed : wire . entangle ( 'shouldBeDisplayed' ) ,
413
452
listeners : [ ] ,
0 commit comments