132 lines
4.5 KiB
JavaScript
132 lines
4.5 KiB
JavaScript
|
|
// ===============================
|
|
// Timeline Data
|
|
// ===============================
|
|
alert("Hello World")
|
|
|
|
const timelineData = {
|
|
1983: {
|
|
icon: "../assests/images/1983-Icon.png",
|
|
heading: "The beginning",
|
|
sub: "The beginning — Set up by Mr. Asit Koticha and Mr. Sameer Koticha, ASK Group offers research-based Investment advisory."
|
|
},
|
|
1991: {
|
|
icon: "../assests/images/1991-Icon.png",
|
|
heading: "ASK Raymond James",
|
|
sub: "ASK Group and Raymond James Financial enter into a Partnership."
|
|
},
|
|
2007: {
|
|
icon: "../assests/images/2007-Icon.png",
|
|
heading: "Launch of ASK Wealth Advisors",
|
|
sub: "Raymond James Financial partnership exits."
|
|
},
|
|
2008: {
|
|
icon: "../assests/images/2008-Icon.png",
|
|
heading: "Launch of ASK multi-family office",
|
|
sub: ""
|
|
},
|
|
2013: {
|
|
icon: "../assests/images/2013-Icon.png",
|
|
heading: "License from SEBI",
|
|
sub: "ASK Wealth Advisors receives an Investment Advisor License from SEBI."
|
|
},
|
|
2015: {
|
|
icon: "../assests/images/2015-Icon.png",
|
|
heading: "Best Independent Wealth Advisor",
|
|
sub: "ASK Wealth Advisors adjudged 'the best Independent Wealth Advisor, 2015' by Wealth Briefing, Asia."
|
|
},
|
|
2016: {
|
|
icon: "../assests/images/2016-Icon.png",
|
|
heading: "",
|
|
sub: "Advent International acquires minority stake in ASK Group."
|
|
},
|
|
2017: {
|
|
icon: "../assests/images/2015-Icon.png",
|
|
heading: "",
|
|
sub: "ASK Wealth Advisors adjudged 'One to Watch - Wealth Manager - India Domestic' - Distinction, 2017 by Asian Private Banker."
|
|
},
|
|
2018: {
|
|
icon: "../assests/images/2015-Icon.png",
|
|
heading: "ASK launches its first offshore fund - ASK Global Strategies Fund",
|
|
sub: "TWICE IN A ROW: ASK Wealth advisors adjudged 'Best Performing Financial Advisor' - Wealth 2016-17 by UTI MF & CNBC TV18."
|
|
},
|
|
2019: {
|
|
icon: "../assests/images/1983-Icon.png",
|
|
heading: "Hall of Fame",
|
|
sub: "ASK Wealth Advisors inducted into the 'Hall of Fame' at the Financial Advisor Awards for the Years 2018-19 and 2019-20 by UTI MF & CNBC TV18."
|
|
},
|
|
2020: {
|
|
icon: "../assests/images/2015-Icon.png",
|
|
heading: "Outstanding Private Bank",
|
|
sub: "Outstanding Private Bank for UNHW clients at the Private Banker International Global Wealth Summit & Awards 2020, Singapore."
|
|
},
|
|
2022: {
|
|
icon: "../assests/images/2022-icon.png",
|
|
heading: "Blackstone Acquisition",
|
|
sub: "Blackstone acquires majority stake in ASK Group. Advent International exits."
|
|
}
|
|
};
|
|
|
|
// ===============================
|
|
// Generate Swiper Slides
|
|
// ===============================
|
|
const swiperWrapper = document.querySelector(".swiper-wrapper");
|
|
const timelineItems = document.querySelectorAll(".timeline-item");
|
|
|
|
timelineItems.forEach((item) => {
|
|
const year = item.dataset.year;
|
|
const content = timelineData[year] || { icon: "", heading: "", sub: "" };
|
|
|
|
const slide = document.createElement("div");
|
|
slide.classList.add("swiper-slide");
|
|
|
|
slide.innerHTML = `
|
|
${content.icon ? `<img src="${content.icon}" alt="icon" />` : ""}
|
|
<h2>${year}</h2>
|
|
${content.heading ? `<p class="heading">${content.heading}</p>` : ""}
|
|
${content.sub ? `<div class="sub-heading-container"><p>${content.sub}</p></div>` : ""}
|
|
`;
|
|
|
|
swiperWrapper.appendChild(slide);
|
|
});
|
|
|
|
// ===============================
|
|
// Timeline Line Fill
|
|
// ===============================
|
|
const lineFill = document.querySelector(".line-fill");
|
|
const totalKites = timelineItems.length;
|
|
|
|
function updateTimeline(index) {
|
|
timelineItems.forEach((item, i) => {
|
|
item.classList.toggle("active", i === index);
|
|
});
|
|
|
|
const timelineWidth = document.querySelector(".timeline").offsetWidth - 40; // adjust for padding
|
|
const newWidth = (timelineWidth / (totalKites - 1)) * index;
|
|
lineFill.style.width = newWidth + "px";
|
|
}
|
|
|
|
// ===============================
|
|
// Initialize Swiper
|
|
// ===============================
|
|
const swiper = new Swiper(".mySwiper", {
|
|
spaceBetween: 20,
|
|
centeredSlides: true,
|
|
effect: "fade",
|
|
autoplay: {
|
|
delay: 2500,
|
|
disableOnInteraction: false
|
|
},
|
|
navigation: {
|
|
nextEl: ".swiper-button-next",
|
|
prevEl: ".swiper-button-prev"
|
|
}
|
|
});
|
|
|
|
// Update timeline on slide change
|
|
swiper.on("slideChange", () => {
|
|
updateTimeline(swiper.realIndex);
|
|
});
|
|
|
|
// Initial timeline update
|
|
updateTimeline(0); |