function alterContent() {
/// This function is used in separate pages. When the package is undefined,
/// the plans are retrieved from the session storage.
let tempPlans = (typeof package != 'undefined') ? package.plans : plans;
try {
populateGeneral(document.getElementById(`generalCardSlider`), true, tempPlans);
populateFoodDrink(tempPlans);
populateFashion(tempPlans);
populateElements(tempPlans);
}
catch (e) { console.log(e); }
}
/// Populates general display of offers; element is passed
/// since [populateGeneral] could populate different elements
function populateGeneral(element, carousel, tempPlans) {
if(!element) return;
try {
/// At least one offer could be listed
let atleastOne = false;
if (typeof general_offers !== 'undefined' && general_offers && general_offers.length > 0) {
var content = ``;
for (let generalOffer of general_offers) {
// If the offer does not include the plan listed from the current package
if (!(generalOffer.plans.some(plan => tempPlans.includes(plan)))) continue;
atleastOne = true;
let fromTo;
if (generalOffer.from && generalOffer.to) {
fromTo = `
`;
else content += general_offer;
}
if(atleastOne) {
element.innerHTML = content;
var generalDivs = document.getElementsByClassName("general");
for (let div of generalDivs) {
if (div != null) div.style.display="block";
}
if(carousel) initiateSliders("general");
}
}
}
catch (e) { console.log(e); }
}
function populateFoodDrink(tempPlans) {
/// Displays food-and-drink brand cards
var food_drinkSlider = document.getElementById(`food-and-drink-card-slider`);
if (food_drinkSlider) {
try {
/// At least one offer could be listed
let atleastOne = false;
if (food_drink_brands && food_drink_brands.length > 0) {
var content = ``;
for (let foodDrinkBrand of food_drink_brands) {
// If the offer does not include the plan listed from the current package
if (!(foodDrinkBrand.plans.some(plan => tempPlans.includes(plan)))) continue;
let tags = foodDrinkBrand.tags.filter((tag) => tag.plans.some((t)=> package.plans.includes(t))).slice(0,3).map(tag => tag.value);
atleastOne = true;
let food_drink_brand =
`
`;
content += food_drink_brand;
}
if(atleastOne) {
food_drinkSlider.innerHTML = content;
var foodDivs = document.getElementsByClassName("food");
for (let div of foodDivs) {
if (div != null) div.style.display="block";
}
initiateSliders("food_drink");
}
}
}
catch (e) { console.log(e); }
}
}
function populateFashion(tempPlans) {
/// Displays fashion brand logos
var fashionSlider = document.getElementById(`fashionLogoSlider`);
if (fashionSlider) {
try {
/// At least one offer could be listed
let atleastOne = false;
if (fashion_brands && fashion_brands.length > 0) {
var content = ``;
for (fashionBrand of fashion_brands) {
// If the offer does not include the plan listed from the current package
if (!(fashionBrand.plans.some(plan => tempPlans.includes(plan)))) continue;
atleastOne = true;
let fashion_brand = `
`;
content += fashion_brand;
}
if(atleastOne) {
fashionSlider.innerHTML = content;
var fashionDivs = document.getElementsByClassName("fashion");
for (let div of fashionDivs) {
if (div != null) div.style.display="block";
}
initiateSliders("fashion");
}
}
}
catch (e) { console.log(e); }
}
}
function populateElements(tempPlans) {
if(!package) return;
var cardTitle = document.getElementById('cardTitle');
if (cardTitle != null) cardTitle.innerText = package.name;
var priceElement = document.getElementById('price');
if (priceElement) priceElement.innerText = priceElement.innerText + package.price;
packageLogo(package.logo);
if (package.plans.find(element => element.includes('tourist_activities')) != undefined) {
var cloudigoDivs = document.getElementsByClassName("cloudigo");
for (let div of cloudigoDivs) {
if (div != null) div.classList.remove('cloudigo');
}
var quoteTitle = document.getElementById('quoteTitle');
if (quoteTitle)
{
if (package.slug == "valletta_pass") quoteTitle.innerText = `“I saved around €50 by visiting a heritage site in Valletta, shopping and dining with the cloudigo app in just one day”`;
else quoteTitle.innerText = `“I got my money back by just booking an excursion for my family using cloudigo!”`;
}
var appImg = document.getElementById('appImg');
if (appImg)
appImg.src = "assets/app_image_1.webp";
}
var upgradeBtns = document.getElementsByClassName("upgradeBtn");
for (upgradeBtn of upgradeBtns) {
if(package.upgradePkg) upgradeBtn.href = `index.html?package=${package.upgradePkg}`;
else upgradeBtn.style.display = 'none';
}
excursionsDisplay(null, true, null, tempPlans, package.slug);
}
/// Functions to display dynamically are split for each file generated
/// from the script, each representing a different API call.
/// filter is when a specific category is required.
function excursionsDisplay(elementToPopulate, carousel, filter, tempPlans, slug) {
try {
if (excursions_data && excursions_data.length > 0) {
var element = elementToPopulate;
/// Amount of elements to be populated and displayed
var iterations = filter ? filter.length : excursions_data.length;
for (let i = 0; i < iterations; i++) {
// if(excursions_data[i].carousel == "valletta" && !slug.includes("valletta")
// || (slug.includes("valletta") && excursions_data[i].carousel != "valletta")) continue;
if(carousel && (slug.includes("valletta") != (excursions_data[i].carousel == "valletta"))) continue;
/// At least one offer could be listed
let atleastOne = false;
let excursions = [];
// If an element wasn't passed, it is assumed that it's a carousel
if (!elementToPopulate) {
element = document.getElementById(`${excursions_data[i].carousel}CardSlider`);
excursions = excursions_data[i].excursions || [];
}
else excursions = excursions_data
.find((c) => c.carousel == filter[i]).excursions;
if (element) {
var content = ``;
for (let excursion of excursions) {
// If the offer does not include the plan listed from the current package
if (!(excursion.plans.some(p => tempPlans.includes(p)))) continue;
atleastOne = true;
let fromTo;
if (excursion.from && excursion.to) {
fromTo = `
