added aio landing page

This commit is contained in:
2024-04-04 15:01:14 +05:30
parent a12121bc5b
commit d3532c6cb8
24 changed files with 2263 additions and 3122 deletions
+283 -260
View File
@@ -1,103 +1,102 @@
navINIT();
function navINIT() {
async function getAllProdouctsIds() {
let res = await API_SERVICES_ACTIONS.getAPIService(
"apis/v4/bizgaze/integrations/products/getallproducts",
true
);
if (res.isError) {
return;
}
res = JSON.parse(res.response.result);
for (let i = 0; i < res.length; i++) {
let curr = res[i];
let productname = curr.productname;
let id = curr.productid;
// ACCESSORIES
switch (productname) {
case "Zeno Sleekbook":
appendIdNav("zenosleekbook", id);
break;
case "Zeno Dualbook":
appendIdNav("zenodualbook", id);
break;
case "FYRO Flagship":
appendIdNav("fyroflagship", id);
break;
case "AIO Fyro":
// appendIdNav('fyroaio',id);
break;
case "AIO Zeno":
// appendIdNav('zenoaio',id);
default:
break;
}
}
}
async function getAllProdouctsIds(){
let res = await API_SERVICES_ACTIONS.getAPIService('apis/v4/bizgaze/integrations/products/getallproducts',true);
if(res.isError){
return;
function appendIdNav(className, id) {
let html = $(`.${className}`).attr("href");
const pattern = /{[^}]+}/g;
const replacedString = html.replace(pattern, id);
$(`.${className}`).parents(".nav-tab-show").removeClass("d-none");
$(`.${className}`).attr("href", replacedString);
}
if (
!window.location.href.includes("orderconfirmation") &&
!window.location.href.includes("/w/")
) {
loadCart();
}
function loadHelper(src = "./dist/js/utils/helpers.js") {
if ($(`script[src="${src}"]`).length > 0) {
return new Promise((resolve) => resolve());
}
return new Promise(function (resolve, reject) {
var s;
s = document.createElement("script");
s.src = src;
s.onload = resolve;
s.onerror = reject;
document.head.appendChild(s);
});
}
async function loadCart() {
if (!window.location.href.includes("services/paymentmethod.html")) {
let files = ["./dist/js/shoppingcart/addtocart.js"];
await loadHelper();
for (let i = 0; i < files.length; i++) {
if ($(`script[src="${files[i]}"]`).length > 0) {
continue;
}
res = JSON.parse(res.response.result);
for(let i=0;i<res.length;i++){
let curr = res[i];
let productname = curr.productname;
let id = curr.productid;
// ACCESSORIES
switch (productname) {
case 'Zeno Sleekbook':
appendIdNav('zenosleekbook',id);
break;
case 'Zeno Dualbook':
appendIdNav('zenodualbook',id);
break;
case "FYRO Flagship":
appendIdNav('fyroflagship',id);
break;
case "AIO Fyro":
// appendIdNav('fyroaio',id);
break;
case "AIO Zeno":
// appendIdNav('zenoaio',id);
default:
break;
}
try {
await loadHelper(files[i]);
} catch (error) {
return;
}
}
}
function appendIdNav(className,id){
let html = $(`.${className}`).attr('href');
const pattern = /{[^}]+}/g;
const replacedString = html.replace(pattern, id);
$(`.${className}`).parents('.nav-tab-show').removeClass('d-none')
$(`.${className}`).attr('href',replacedString);
}
if(!window.location.href.includes('orderconfirmation')&&!window.location.href.includes('/w/')){
loadCart();
}
function loadHelper(src = './dist/js/utils/helpers.js'){
if ($(`script[src="${src}"]`).length > 0) {
return new Promise((resolve) => resolve());
}
return new Promise(function (resolve, reject) {
var s;
s = document.createElement('script');
s.src = src;
s.onload = resolve;
s.onerror = reject;
document.head.appendChild(s);
});
}
async function loadCart(){
if(!window.location.href.includes('services/paymentmethod.html')){
let files = ['./dist/js/shoppingcart/addtocart.js'];
await loadHelper();
for(let i=0;i<files.length;i++){
if ($(`script[src="${files[i]}"]`).length > 0) {
continue;
}
try {
await loadHelper(files[i])
} catch (error) {
return;
}
}
}
setLengthCart();
getAllProdouctsIds();
//console.log("hello");
}
let URLNAMENAV = window.location.href;
const isTransparent = URLNAMENAV.includes('login')||URLNAMENAV.includes('orderconfirmation')|| URLNAMENAV.includes('services/paymentmethod.html');
debugger;
let nav_html = `
<header class="header-area section-padding-1 transparent-bar" ${isTransparent ?'style="background:#fff"' :''}>
setLengthCart();
getAllProdouctsIds();
//console.log("hello");
}
let URLNAMENAV = window.location.href;
const isTransparent =
URLNAMENAV.includes("login") ||
URLNAMENAV.includes("orderconfirmation") ||
URLNAMENAV.includes("services/paymentmethod.html");
debugger;
let nav_html = `
<header class="header-area section-padding-1 transparent-bar" ${
isTransparent ? 'style="background:#fff"' : ""
}>
<div class="header-large-device">
<div class="header-bottom sticky-bar">
<div class="container">
@@ -160,7 +159,7 @@ function navINIT() {
<div class="position-relative nav-tab-show">
<a class="h-100 nav_items zenoaio" href="/laptopdetails.html?AIO Zeno#productId=106633230000026#itemid=106633240000112">
<div style="" class="align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
<img src="https://assets.bizgaze.com/_files/documents/663/801719ca-c57b-4652-8ab9-37e7dcaab746/aio-removebg-preview.png" alt="ora img" class="nav_imgs"/>
<img src="https://assets.bizgaze.com/_files/documents/663/3e4f2cb7-e48e-4805-a70e-78277dd2ac39/home-aio.png" alt="ora img" class="nav_imgs"/>
<p class="mb-0 text-center text-dark w-100">Zeno All in ones</p>
</div>
</a>
@@ -263,7 +262,11 @@ function navINIT() {
<h2 class="titleproductnav sub_nav_item me-3 fs-9"></h2></span>
<ul class="d-flex mb-0 py-3 justify-content-center align-items-center" style="list-style:none;">
<li>
<a data-overview="#${window.location.href.includes('Zeno')?'overview_data_zeno':'overview_data_fyro'}" class="sub_nav_item overview me-3 fs-9">Overview</a>
<a data-overview="#${
window.location.href.includes("Zeno")
? "overview_data_zeno"
: "overview_data_fyro"
}" class="sub_nav_item overview me-3 fs-9">Overview</a>
</li>
<li>
<a data-spec="true" class="sub_nav_item me-3 fs-9 overviewspecs">Specifications</a>
@@ -449,189 +452,209 @@ function navINIT() {
</div>
</div>
</div>`;
$("#navbar-head").html(nav_html);
$("#navbar-head").html(nav_html);
$('.explandlinavnameparent').click(function (e){
let parentElement = $(e.target).parents('.expandlinav');
if($(parentElement).find('.content-expandlinav').hasClass('d-none')){
const name = $(parentElement).find('.viewall_li').data('name');
$(parentElement).find('.viewall_li').html(`<a href="${name}">view all</a>`);
$(parentElement).find('.content-expandlinav').removeClass('d-none');
}else{
$(parentElement).find('.viewall_li').html('+');
$(parentElement).find('.content-expandlinav').addClass('d-none');
}
});
let width = $(window).width();
$(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width", width);
let ele_page = $("body").hasClass("product_pg");
if (ele_page == true) {
$(".header-area").removeClass("bg-white");
$(".main-menu").find("nav ul li a").addClass("text-white");
$(".header-bottom.sticky-bar").removeClass("sticky-bar");
let src = `../dist/assets/imgs/anwi-logo-2.png`;
$(".logo-menu-wrap").find(".logo a img").attr("src", src);
$(".main-body").find("iframe").attr("width", width);
if (width <= 575 && width >= 390) {
$(".main-body").find("iframe").attr({
width: width,
height: 236,
})
} else if (width <= 390 && width >= 270) {
$(".main-body").find("iframe").attr({
width: width,
height: 210,
});
} else if (width <= 998 && width > 575) {
$(".main-body").find("iframe").attr({
width: width,
height: 530,
});
} else if (width <= 2720 && width > 2300) {
$(".main-body").find("iframe").attr({
width: width,
height: 1440,
});
} else if(width <= 2300 && width > 1921){
$(".main-body").find("iframe").attr({
width: width,
height: 1132,
});
}
else if(width <= 1920 && width > 1620){
$(".main-body").find("iframe").attr({
width: width,
height: 1083,
});
}else {
$(".main-body").find("iframe").attr({
width: width,
height: 861,
});
}
$(".explandlinavnameparent").click(function (e) {
let parentElement = $(e.target).parents(".expandlinav");
if ($(parentElement).find(".content-expandlinav").hasClass("d-none")) {
const name = $(parentElement).find(".viewall_li").data("name");
$(parentElement)
.find(".viewall_li")
.html(`<a href="${name}">view all</a>`);
$(parentElement).find(".content-expandlinav").removeClass("d-none");
} else {
$(parentElement).find(".viewall_li").html("+");
$(parentElement).find(".content-expandlinav").addClass("d-none");
}
});
$("a.ram_data").click(function () {
let item_id = $(this).attr("accessories_id");
let loc_path = '/products.html'
if (window.location.pathname.includes(loc_path)) {
window.location.href = `?itemid=${item_id}`
}
else {
window.location.href = `/products.html#itemid=${item_id}`;
}
})
// $(".main-menu nav ul").find("li").each(function () {
// var current = window.location.pathname;
// var $this = $(this).find("a");
// if (current != "/") {
// if ($this.attr('href').indexOf(current) !== -1) {
// $(this).addClass('active_nav');
// }
// }
// })
// destroy localstorage data
let loc_path = '/productdetails.html';
if (window.location.pathname.includes(loc_path) === false) {
localStorage.removeItem("product_data");
localStorage.removeItem("top_data")
let width = $(window).width();
$(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css(
"width",
width
);
let ele_page = $("body").hasClass("product_pg");
if (ele_page == true) {
$(".header-area").removeClass("bg-white");
$(".main-menu").find("nav ul li a").addClass("text-white");
$(".header-bottom.sticky-bar").removeClass("sticky-bar");
let src = `../dist/assets/imgs/anwi-logo-2.png`;
$(".logo-menu-wrap").find(".logo a img").attr("src", src);
$(".main-body").find("iframe").attr("width", width);
if (width <= 575 && width >= 390) {
$(".main-body").find("iframe").attr({
width: width,
height: 236,
});
} else if (width <= 390 && width >= 270) {
$(".main-body").find("iframe").attr({
width: width,
height: 210,
});
} else if (width <= 998 && width > 575) {
$(".main-body").find("iframe").attr({
width: width,
height: 530,
});
} else if (width <= 2720 && width > 2300) {
$(".main-body").find("iframe").attr({
width: width,
height: 1440,
});
} else if (width <= 2300 && width > 1921) {
$(".main-body").find("iframe").attr({
width: width,
height: 1132,
});
} else if (width <= 1920 && width > 1620) {
$(".main-body").find("iframe").attr({
width: width,
height: 1083,
});
} else {
$(".main-body").find("iframe").attr({
width: width,
height: 861,
});
}
let loc_path1 = '/productcatloguedetails.html';
if (window.location.pathname.includes(loc_path1) === false) {
localStorage.removeItem("product_catlogue_obj");
}
$("a.ram_data").click(function () {
let item_id = $(this).attr("accessories_id");
let loc_path = "/products.html";
if (window.location.pathname.includes(loc_path)) {
window.location.href = `?itemid=${item_id}`;
} else {
window.location.href = `/products.html#itemid=${item_id}`;
}
});
//services pages links and sources
// $(".main-menu nav ul").find("li").each(function () {
// var current = window.location.pathname;
// var $this = $(this).find("a");
// if (current != "/") {
// if ($this.attr('href').indexOf(current) !== -1) {
// $(this).addClass('active_nav');
// }
// }
// })
// destroy localstorage data
let loc_path = "/productdetails.html";
if (window.location.pathname.includes(loc_path) === false) {
localStorage.removeItem("product_data");
localStorage.removeItem("top_data");
}
let loc_path1 = "/productcatloguedetails.html";
if (window.location.pathname.includes(loc_path1) === false) {
localStorage.removeItem("product_catlogue_obj");
}
//services pages links and sources
let $body_pg = $("body").hasClass("services_page");
let $hm_pg = "../index.html";
let $nav_img = "../dist/assets/imgs/anwi-logo-1.png";
let $footer_img = "../dist/assets/imgs/anwi-logo-2.png";
let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png";
let $about_pg = $("body").hasClass("about_page");
if($about_pg == true){
$(".main-menu").find("nav ul li a").addClass("text-dark");
let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
$(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
let $body_pg = $("body").hasClass("services_page");
let $hm_pg = "../index.html";
let $nav_img = "../dist/assets/imgs/anwi-logo-1.png";
let $footer_img = "../dist/assets/imgs/anwi-logo-2.png";
let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png";
let $about_pg = $("body").hasClass("about_page");
if ($about_pg == true) {
$(".main-menu").find("nav ul li a").addClass("text-dark");
let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
$(".logo-menu-wrap").find(".logo a img").attr("src", img_src);
$(".header-bottom").addClass("sticky-bar stick");
$("body.about_page")
.find(".header-large-device")
.find(".header-action-wrap")
.find(".same-style")
.find("svg")
.find("path")
.attr("fill", "#000");
}
if ($body_pg == true) {
$(".header-large-device")
.find(".logo-menu-wrap .logo")
.find("a")
.attr("href", $hm_pg);
$(".header-large-device")
.find(".logo-menu-wrap .logo")
.find("a img")
.attr("src", $nav_img);
$(".mobile-logo").find("a").attr("href", $hm_pg);
$(".mobile-logo").find(".logo a img").attr("src", $nav_img);
$("body.services_page")
.find(".header-large-device")
.find(".header-action-wrap")
.find(".same-style")
.find("svg")
.find("path")
.attr("fill", "#000");
$(".main-menu")
.find("nav ul")
.find("li a")
.each(function () {
$(this).addClass("text-dark");
$(".header-bottom").addClass("sticky-bar stick");
$("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
}
if ($body_pg == true) {
$(".header-large-device").find(".logo-menu-wrap .logo").find("a").attr("href", $hm_pg);
$(".header-large-device").find(".logo-menu-wrap .logo").find("a img").attr("src", $nav_img);
$(".mobile-logo").find("a").attr("href", $hm_pg);
$(".mobile-logo").find(".logo a img").attr("src", $nav_img);
$("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
$(".main-menu").find("nav ul").find("li a").each(function () {
$(this).addClass("text-dark")
$(".header-bottom").addClass("sticky-bar stick");
let $arc = $(this).attr("href");
let $spcial_char = $arc.includes("./");
if ($spcial_char === true) {
let $refarence = `.${$arc}`
$(this).attr("href", $refarence);
}
});
$(".same-style").find("a").each(function () {
let $arc1 = $(this).attr("href");
let $spcial_char1 = $arc1.includes("./");
if ($spcial_char1 === true) {
let $refarence1 = `.${$arc1}`
$(this).attr("href", $refarence1);
}
})
$(".tab-content").find("img").each(function(){
let $img_src = $(this).attr("src");
let $img_src1 = $img_src.includes("./");
if ($img_src1 === true) {
let $refarenceimg1 = `.${$img_src}`;
$(this).attr("src", $refarenceimg1);
}
});
$(".clickable-mainmenu-wrap").find("nav ul").find("li a").each(function () {
let $arc_mbil = $(this).attr("href");
let $spcial_char_mbil = $arc_mbil.includes("./");
if ($spcial_char_mbil === true) {
let $refarence_mbil = `.${$arc_mbil}`
$(this).attr("href", $refarence_mbil);
}
});
}
setTimeout(()=>{
if(width<=600){
$('.same-style').find('svg path').attr('fill','#000');
let $arc = $(this).attr("href");
let $spcial_char = $arc.includes("./");
if ($spcial_char === true) {
let $refarence = `.${$arc}`;
$(this).attr("href", $refarence);
}
},300);
});
$(".same-style")
.find("a")
.each(function () {
let $arc1 = $(this).attr("href");
let $spcial_char1 = $arc1.includes("./");
if ($spcial_char1 === true) {
let $refarence1 = `.${$arc1}`;
$(this).attr("href", $refarence1);
}
});
$(".tab-content")
.find("img")
.each(function () {
let $img_src = $(this).attr("src");
let $img_src1 = $img_src.includes("./");
if ($img_src1 === true) {
let $refarenceimg1 = `.${$img_src}`;
$(this).attr("src", $refarenceimg1);
}
});
$(".clickable-mainmenu-wrap")
.find("nav ul")
.find("li a")
.each(function () {
let $arc_mbil = $(this).attr("href");
let $spcial_char_mbil = $arc_mbil.includes("./");
if ($spcial_char_mbil === true) {
let $refarence_mbil = `.${$arc_mbil}`;
$(this).attr("href", $refarence_mbil);
}
});
}
// overview
setTimeout(() => {
if (width <= 600) {
$(".same-style").find("svg path").attr("fill", "#000");
}
}, 300);
$('.overview').click(function (e){
let name = $(e.target).data('overview');
document.querySelector(name)?.scrollIntoView({
behavior: 'smooth'
});
// overview
$(".overview").click(function (e) {
let name = $(e.target).data("overview");
document.querySelector(name)?.scrollIntoView({
behavior: "smooth",
});
});
$('.overviewspecs').click(function (e){
document.querySelector('#specification_data')?.scrollIntoView({
behavior: 'smooth'
});
$(".overviewspecs").click(function (e) {
document.querySelector("#specification_data")?.scrollIntoView({
behavior: "smooth",
});
}
});
}