export function datasetTimeLine_ready() {
//TIMELINE
$w(“#datasetTimeLine”).onReady(() => {
//DEFAULT YEAR (1946)
//$w(“#datasetTimeLine”).setCurrentItemIndex(0);
//$w(“#datasetTimeLine”).setFieldValue(“image”, red1946);
//SELECTED YEAR
$w(“#timeLine”).onCurrentItemChanged((event, $w) => {
hideInfo();
//clear previous selection
$w(“#datasetTimeLine”).revert();
//get clicked year info
let year = event.item.title;
let image = event.item.src;
let index = event.itemIndex;
//set current year to selected year
$w(“#datasetTimeLine”).setCurrentItemIndex(index);
//get the red image
$w(‘#datasetCurrentYear’).setFilter(wixData.filter()
.eq(“year”, year))
.then(() => {
$w(‘#datasetCurrentYear’).getItems(0, 1)
.then((results) => {
//set image to current year
let currentImage = results.items[0].currentImage;
$w(“#datasetTimeLine”).setCurrentItemIndex(event.item.index);
$w(“#datasetTimeLine”).setFieldValue(“image”, currentImage);
//filter buildings dataset according to year
$w(“#datasetBuildings”).onReady(() => {
$w(“#datasetBuildings”).setFilter(wixData.filter()
.eq(“year”, year))
.then(() => {
$w(“#datasetBuildings”).getItems(0, $w(“#datasetBuildings”).getTotalCount())
.then((result) => {
let totalCount = result.items.length;
//console.log("total count: " + totalCount);
if (totalCount > 0) {
let size;
if (totalCount < 22) {
size = “H”;
}
if (totalCount < 11) {
size = “B”;
}
if (totalCount < 8) {
size = “M”;
}
if (totalCount < 4) {
size = “S”;
}
console.log(“year: " + year + " , totalCount: " + totalCount + " size: " + size);
console.log(“box: " + “#boxInfo” + size);
$w(”#boxInfo” + size).show();
for ( let i = 0; i < result.items.length; i++) {
let buttonColor;
if (result.items[i].histadrut === true ) {
buttonColor = buttonRed;
} else {
buttonColor = buttonBlue;
}
console.log("buttonColor: " + buttonColor);
if (result.items[i].hasPage === true ) {
let button = “#” + size + i;
$w(button).style.color = buttonColor;
$w(button).label = “<< " + result.items[i].title + “, " + result.items[i].city;
$w(”#” + size + i).link = “/Buildings/” + replaceSpace(result.items[i].buildingTitle);
$w(“#” + size + i).target = “_self”;
$w(“#” + size + i).show();
} else {
let button = “#” + size + i;
$w(button).style.color = buttonColor;
$w(button).label = result.items[i].title + “, " + result.items[i].city;
$w(”#" + size + i).link = “”;
$w(“#” + size + i).target = “_self”;
$w(“#” + size + i).show();
}
}
}
});
})
/if (year !== “1946”) {
$w(“#datasetTimeLine”).setCurrentItemIndex(0);
$w(“#datasetTimeLine”).setFieldValue(“image”, black1946);
index = event.itemIndex;
console.log("index: " + index);
}/
});
});
});
});
});
}