window.onload = function() { function createSectionData (secid) { const fetchListingApi = async (apiUrl) => { try { const response = await fetch(apiUrl); if (response?.ok) { const data = await response.json(); return data; } } catch (error) { console.log("API Error:", error); } }; const getTemplateName = (tn)=>{ const listNodeLabels = { articlelist: ["articlelist"], news: ["articleshow"], photo: ["photoshow"], slideshow: ["photoshow"], video: ["videoshow"], videolist: ["videolist"], photolist: ["photolist"], lb: ["liveblog", "लाइव अपडेट"], moviereview: ["moviereview", "मूवी रिव्यू"], movieshow: ["movieshow", "मूवी"], poll: ["pollsurvey", "पोल"], }; return (listNodeLabels[tn] ? listNodeLabels[tn][0] : tn); } class Card { constructor(props) { this.state = {...props} } render() { const { isWebStory, item, listSectionType } = this.state ; const { id, hl, imageid, seolocation, imgsize, wu, url, override, tn, subsecname, subsecmsid, subsecseolocation } = item; const imgSizeAttr = isWebStory ? "width=300&height=500&resizemode=4" : "width=160&height=90&resizemode=75"; const templateName = getTemplateName(tn); const hrefUrl = override || wu || url || "/" + seolocation + "/" + templateName + "/" + id + ".cms"; const imageUrl = "https://static.langimg.com/nbt/thumb/" + imageid + "/navbharat-times.jpg?imgsize=" + imgsize + "&" + imgSizeAttr; const sectionUrl = "https://navbharattimes.indiatimes.com" + "/" + subsecseolocation + "/" + listSectionType + "/" + subsecmsid + ".cms"; const sectionHtml = subsecmsid ? ("" + subsecname + "") : ""; return ( "

" + "" + "" + "

" + "" + "" + "" + sectionHtml + "" + "" + hl + "" + "" + "" + "

" ); } } const fetchAndCreateHtml = async () => { const fetchData = await fetchListingApi("https://global-feed.indiatimes.com/wufs/feed/list/mixed?client=nbt&pc=nbt&dm=t&msid="+secid+"&cp=1&pp=8"); if(typeof fetchData === "object"){ let elemsHtml = ""; const listSectionType = getTemplateName(fetchData?.tn) || "articlelist"; const secUrl = "https://navbharattimes.indiatimes.com" + "/" + fetchData.seolocation + "/" + listSectionType + "/" + secid + ".cms"; let isWebStory = fetchData.seolocation === "web-stories"; fetchData?.items.some((item, idx)=>{ if(isWebStory && idx > 3) return true; const card = new Card({ item, isWebStory, listSectionType }); elemsHtml += card.render(); }); document.getElementById("content_"+secid).innerHTML = "

"+elemsHtml+"और पढ़ें"; } }; fetchAndCreateHtml(); } function runObserver (){ console.log("Running Observer") const container = document.querySelector(".wrapper"); const targetArr = document.querySelectorAll(".secondary-navbar"); const options = { root: container, threshold: .2 }; const callBack = (entries) => { entries.forEach((entry)=>{ if(entry.isIntersecting){ const targetId = entry.target.getAttribute("id").split('_')[1]; const targetContentHtml = entry.target.querySelector("#content_" + targetId)?.innerHTML; targetContentHtml === "" && createSectionData(targetId); } }); }; const observer = new IntersectionObserver(callBack,options); targetArr.forEach((target) => { observer.observe(target); }) } runObserver(); }

Neemuch News, नीमच समाचार, नीमच न्यूज़, Latest Neemuch News Hindi, नीमच की खबरें – Navbharat Times

Leave a Reply Cancel reply

Search Here

Categories

Archives

Pages

Social Media