anwisystems/dist/js/productdetails_old.js

const mainPhoto = $('.productDetailsMain > img');
let currentTypeModal = null;

function onClickHandler(e) {
    $(e).parent().find('.borderselector').removeClass('borderselector');

    $(e).addClass('borderselector')

}


function setProductData(data) {
    if (!data) return;
    const productname = data.displayName;

    $('.productname').html(data.displayName)

    const type = data.productType;
    switch (type) {
        case 'ram':
            // setRamProduct(data.type)
             setProductRam_new(data.type)
            break;

        default:
            break;
    }
}

// new

function setProductRam_new(data){
    const {name,specs} = data;

    $('.productname').html(name);
    let parent = $('.memory-parent').find('.borderselector').html();
    let ramTech =  parent.trim().toLowerCase()
    genrateChildMem(ramTech);

}

function getChildHTML(name,isTrue,attr){
    let data_attr = attr;
    if(data_attr == undefined){
        return ` <div data-${attr}="${attr}" type="button" onclick="onClickHandler(this)" class="specsmallcard-mini ${isTrue?'borderselector':''} card small-font p-3" data-version="${name}">
        ${name}
    </div>`;
    }else{
        return ` <div data-${attr}="${attr}" type="button" onclick="onClickHandler(this)" class="specsmallcard-mini ${isTrue?'borderselector':''} card small-font p-3" data-gb="${name}">
        ${name}
    </div>`;
    }

}

function computerSizeClick(obj){
    $(`[data-computersize="computersize"]`).off().click(function (e){
        let size = $(e.target).html().trim().toLowerCase();
       
        setPrice(size);
        // if(size == '16gb'){
        //     const str = './dist/assets/imgs/Home_new/Home_Carousel_2.png';
        //     $('.productDetailsMain > img').attr('src',str);

        // }
    })

    function setPrice(size){
        let namehelper = $('.ramtech').find('.borderselector').html().trim().toLowerCase();
        let devHelper = $('.memorycontainer').find('.borderselector').html().trim().toLowerCase();
        let name = '';
        let realName = '';
        let imgURL = '';
        if(namehelper === 'ddr4' &&  devHelper === 'desktop'){
            name = 'priceddr4d'
       
        }else if(namehelper === 'ddr5' &&  devHelper === 'desktop'){
            name = 'priceddr5d'
        }else if(namehelper === 'ddr4' &&  devHelper === 'laptop'){
            name = 'priceddr4l'
        }else {
            name = 'priceddr5l'
        }
    if(size == '16gb'){
        $('.price').html(obj[name][1]);
        $('.productname').html(obj[`${name}name`][1]);
        $('.productDetailsMain img').attr('src',obj[`${name}img`][1])
    }else if(size == '32gb'){
        $('.price').html(obj[name][2]);
        $('.productname').html(obj[`${name}name`][2]);
        $('.productDetailsMain img').attr('src',obj[`${name}img`][2])
    }else{
        $('.price').html(obj[name][0]);
        $('.productname').html(obj[`${name}name`][0]);
        $('.productDetailsMain img').attr('src',obj[`${name}img`][0]);
    }
    }

    let size = $($(`[data-computersize="computersize"]`)[0]).html().trim().toLowerCase();
    setPrice(size);
}

function genrateChildMem(ramTech,attr){
    let remTechArr = obj[ramTech];
    let items = '';
    for(let i=0;i<remTechArr.length;i++){
        items += getChildHTML(remTechArr[i],i==0,attr); 
    }

    $('.ramtech').html(items);
    $(`[data-${attr}="${attr}"]`).off().click(function (e){
        let ram = $(e.target).html().trim().toLowerCase();
        const ans = obj[ram];
        let html ='';
        for(let i=0;i<ans.length;i++){
            html += getChildHTML(ans[i],i==0,'computersize')
        }
        $('.computersize').html(html);
        computerSizeClick(obj);
    })  

    const ans = obj[remTechArr[0].toLowerCase()];
    let html ='';
    for(let i=0;i<ans.length;i++){
        html += getChildHTML(ans[i],i==0,'computersize')
    }
    $('.computersize').html(html);

    computerSizeClick(obj);


}

$('.memorycontainer').click(function (e){
    const type = $(e.target).data('type');
    if(type !== 'memory-desktop' && type !== 'memory-laptop') return;

    $(e.target).parent().find('.borderselector').removeClass('borderselector');
    $(e.target).addClass('borderselector');

    if(type == 'memory-desktop'){
        debugger;
        genrateChildMem('desktop','ramtech');
    }else{
        genrateChildMem('laptop','ramtech');
    }
})



// new end

function init() {
    $('.product-item-gallery > img').each(function (i, el) {
        $(el).click(function (e) {
            $('.product-item-gallery.active-gallery-img').removeClass('active-gallery-img');
            let src = $(e.target).attr('src');

            $(e.target).parent().addClass('active-gallery-img');
            mainPhoto.attr('src', src);
        })
    })


    // const data = getDataProduct();
    setProductRam_new(obj);

    // setProductItemData(rams);

}



let obj = {
    name:'ORA3',
    desktop:['DDR4','DDR5'],
    laptop:['DDR4','DDR5'],
    ddr4:['8GB','16GB','32GB'],
    ddr5:['8GB','16GB','32GB'],
    priceddr4l:[2990, 4750, 8450],
     priceddr5l:[5150, 7800, 13900],
     priceddr4d:[2990, 4750, 9450],
     priceddr5d:[5800, 7600, 15500],
     priceddr4lname:['ORA 8GB DDR4 3200MHz Laptop RAM','ORA 16GB DDR4 3200MHz Laptop RAM','ORA 32GB DDR4 3200MHz Laptop RAM'],
     priceddr5lname:['ORA 8GB DDR5 4800MHz Laptop RAM','ORA 16GB DDR5 4800MHz Laptop RAM','ORA 32GB DDR5 4800MHz Laptop RAM'], 

     priceddr4dname:['ORA 8GB DDR4 3200MHz Desktop RAM','ORA 16GB DDR4 3200MHz Desktop RAM','ORA 32GB DDR4 3200MHz Desktop RAM'],
     priceddr5dname:['ORA 8GB DDR5 4800MHz Desktop RAM','ORA 16GB DDR5 4800MHz Desktop RAM','ORA 32GB DDR5 4800MHz Desktop RAM'],
   

    priceddr4limg:['../dist/assets/imgs/accessiories/ram/ddr4-laptop.jpg','../dist/assets/imgs/accessiories/ram/ddr4-laptop.jpg', '../dist/assets/imgs/accessiories/ram/ddr4-laptop.jpg'],
    priceddr5limg:['../dist/assets/imgs/accessiories/ram/ddr5-laptop.jpg', '../dist/assets/imgs/accessiories/ram/ddr5-laptop.jpg', '../dist/assets/imgs/accessiories/ram/ddr5-laptop.jpg'], 

    priceddr4dimg:['../dist/assets/imgs/accessiories/ram/ddr4-desktop.jpg', '../dist/assets/imgs/accessiories/ram/ddr4-desktop.jpg','../dist/assets/imgs/accessiories/ram/ddr4-desktop.jpg'],
    priceddr5dimg:['../dist/assets/imgs/accessiories/ram/ddr5-desktop.jpg','../dist/assets/imgs/accessiories/ram/ddr5-desktop.jpg','../dist/assets/imgs/accessiories/ram/ddr5-desktop.jpg'],
}



init();


// function startDetails(){

//     let productId = window.location.search.split('=')[1];
//     getProductDetails(productId);

//     function getParentHTML(name,productid,id){
//         return `<div class="pb-2 $${name?.replace(" ",'')}-parent">
//         <h5 class="py-2 smallHeadingProductDetails">${name}</h5>
//         <div class="d-flex gap-2 ${id}container" data-tagid="${id}">
           
//         </div>
//     </div>`;
//     }


//     async function getProductDetails(id){
//         let res = await postStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/producttagname/productid/${id}`);
//         res = JSON.parse(res.data.result);
//         let html = '';

//         for(let i=0;i<res.length;i++){
//             const {parentattribute,tagid,productid} = res[i];
//             debugger;
//             html += getParentHTML(parentattribute,productid,tagid);
//         }

//         $('#spec-container-details').html(html);






//     }
// }

// startDetails();