code added

dist/Js/products/products.js

@@ -0,0 +1,143 @@
+function ramProductsInit(){
+    let RAM_ID =  '';
+  
+    async function init(){
+        const id = await getProductIdService();
+        getRamData(id)
+    }
+
+    function getProductIdService(){
+        return new Promise(async (reslove,reject)=>{
+            let resData =await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getallproducts`,true); 
+           if(resData.isError){
+                alert(resData.errorMsg.message);
+                return;
+            }
+
+            let res = resData.response;
+                
+            res = JSON.parse(res.result);
+
+            console.log(res);
+            let urlPathName = window.location.pathname; 
+            let searchTerm = '';
+             if(urlPathName.includes('ram')){
+                searchTerm = "RAM ORA";
+            }else if(urlPathName.includes('storage')){
+                searchTerm = `SSD ORA`;
+            }
+            let resultItem = null;
+
+            for(let i=0;i<res.length;i++){
+                if(res[i].productname.includes(searchTerm)){
+                    resultItem = res[i];
+                    break;
+                }
+            }
+            const {productid} = resultItem;
+            RAM_ID = productid;
+            console.log(resultItem);
+            return reslove(productid)
+
+        });
+    }
+
+    async function getRamData(id){
+        let resData =await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`,true); 
+
+        if(resData.isError){
+            alert(resData.errorMsg.message);
+            return;
+        }
+
+        let res = resData.response;
+            
+        res = JSON.parse(res.result);
+
+        console.log(res);
+        let html = '';
+
+        for(let i=0;i<res.length;i++){
+            html += getRamCardHTML(res[i]);
+        }
+
+        $('.product_card_section').html(html);
+
+        $('.ramcard').click(function(e){
+            let sku = $(e.target).data('itemid');
+            let itemid = $(e.target).data('itemid');
+            debugger;
+            window.location.href = `/productdetails.html?productId=${RAM_ID}#itemid=${itemid}`
+
+        })
+    }
+
+    function getRamCardHTML({itemname,pricelist,itemid,sku}){
+        let tags = itemname.split('-');
+        let ramTech = tags[tags.length-2];
+        let gb =  tags[tags.length-1];
+        const [currencySymbol,amount] = getCurrencySymbol(pricelist);
+        let priceAmt = `${currencySymbol} ${amount}`;
+        return ` 
+        
+            <!--desktop--->
+            <div class="col-sm-4 p-3">
+                <div class="product_card_3 shadow ram_card">
+                    <div class="card-item-header">
+                        <div class="card-header-sub-3"><a class=" py-md-1" href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}">
+                        <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="w-100 h-100"></a>
+                        </div>
+                    </div>
+                    <div class="card-item-body">
+                      <h3 cclass="mb-2"> <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class="" >  ${itemname} </a></h3>
+                      <hr>
+                        <h6>${gb}</h6> <h6>${ramTech}</h6><h6>${priceAmt}</h6>
+                        <div class="py-2 card_product_footer">
+                            <button   data-sku="${sku}" data-itemid="${itemid}" class="w-100 border-0 ramcard bg-transparent satoshi_font ram_btn" data_name="ORA 8GB DDR4 3200MHz Desktop RAM "  data_version="DDR4" data_device="Desktop" data_gb="8GB"   data_price="2900">Details </button>
+                        </div>
+                    </div>
+                </div>
+         </div>
+           `;
+        return `<div class="col-lg-3 col-md-6 ram_card">
+        <div class="card shadow border-0 p-1 h-100">
+            <a href="#">
+                <img src="../dist/assets/imgs/Navbar/ora_ddr5_laptop.png" class="card-img-top" alt="...">
+            </a>
+            <div class="card-body">
+                <a href="#" class="text-decoration-none text-dark">
+                    <h5 class="card-title satoshi_font mb-0">
+                        ${itemname}
+                    </h5>
+                </a>
+            </div>
+            <ul class="list-group list-group-flush">
+                <li class="list-group-item border-0 py-0">
+                    <span class="satoshi_font">${gb} ${ramTech}</span>
+                </li>
+                <li class="list-group-item border-0 py-0">
+                    <span class="satoshi_font">3200 Mhz</span>
+                </li>
+            </ul>
+            <div class="card-body d-none">
+                <button class="btn--md btn-primary w-100 card-link">
+                    <span class="cost currency-symbol">₹</span><span class="cost product-price satoshi_font">${pricelist}</span>
+                </button>
+            </div>
+            <div class="card-body text-center">
+                <div  data-sku="${sku}" data-itemid="${itemid}" class="bg-black ramcard btn font-1-2 px-5 text-white w-100 satoshi_font" data_des="Upgrade your laptop with DDR4 Laptop
+                    Memory, oering 3200 MHz speed in 8, 16,
+                    and 32 GB capacities. Experience enhanced
+                    thermal performance, increased longevity,
+                    and superior performance with our
+                    innovative graphene sticker technology." data_name="ORA 8GB DDR4 3200MHz Laptop RAM ">Details
+                </div>
+            </div>
+        </div>
+    </div>`
+    }
+
+    init();
+}
+debugger;
+ramProductsInit();