Checklist Beginner

Ask the community
,
10

@lmeyer Well, my full code includes other page elements. I’ll provide it and try to use the previous code.

import wixWindow from 'wix-window';
import wixData from 'wix-data';

$w.onReady(function () {

 let mode = $w("#mainMedia").fitMode; // "fixedWidth"
    $w("#mainMedia").fitMode = "fit";

    filterView();

    $w("#checkboxCollection").onChange( (event, $w) => {
      filterView();
    });

    $w("#checkboxRoom").onChange( (event, $w) => {
      filterView();
    });
});

export function container1_viewportEnter(event) {
 if(wixWindow.formFactor === "Mobile" || wixWindow.formFactor === "Tablet"){
 if($w("#title").hidden){
      $w("#title").show();
    }
  } 
}

let slideOptions = {
 "duration":   100,
 "delay":      50,
 "direction":  "top"
};

let fadeOptions = {
 "duration":   500,
 "delay":      20
};

export function container1_mouseIn(event) {
 let $repeaterData = $w.at(event.context);
    $repeaterData('#title').show("slide", slideOptions);
}

export function container1_mouseOut(event) {
 let $repeaterData = $w.at(event.context);
    $repeaterData('#title').hide("fade", fadeOptions);
}

export function loadingstrip_viewportEnter(event) {
     $w("#loadinggif").show();  //This is your GIF or animated image
    $w("#dataset1").loadMore() //This is your dataset
  .then(() => {
   $w("#loadinggif").hide(); //This is your GIF or animated image

   console.log("Done loading more data");
  });
}

function filterView(){
 var collectionFilter = $w("#checkboxCollection").value
 var roomFilter = $w("#checkboxRoom").value
 
    console.log('collection', collectionFilter);
    console.log('room', roomFilter);
 
    $w("#dataset1").setFilter( wixData.filter()
    .hasSome("Collection", collectionFilter)
    .hasSome("Room", roomFilter)
    )

    .then( () => {
 let count = $w("#dataset1").getTotalCount(); 
 if(count === 0){
                $w("#group1").show();
            }else{
                $w("#group1").hide();
            }
    } )
    .catch( (err) => {
    console.log(err);
    } );
}