\r\n
\r\n \r\n
\r\n
Contact us- \r\n \r\n
Thank You for visiting our site. We value our users and would be happy to hear from you. Please connect with\r\n us in case of any queries, concerns or for any kind of feedbacks. \r\n \r\n
\r\n \r\n
\r\n
\t\t\r\n
Disclaimer : Kindly do not post any defamatory, infringing, obscene, indecent, discriminatory or unlawful material or information. Indic Media Pvt Ltd reserves the right to remove any content received from users/readers without notice.\r\n \r\n
To advertise on Webdunia network sites/app, click Advertise with Us
\r\n
To know more about Webdunia , click About Us
\r\n
\r\n \r\n `;\r\n return ReactHtmlParser(DataItems);\r\n }\r\n else{\r\n let pageContents = this.state.commonContents.filter(\r\n (x) => x.DefaultUrl == `${url}`\r\n );\r\n {\r\n var DataItems = pageContents.map((item) => {\r\n var htmlContent = item.Pagehtml;\r\n return ReactHtmlParser(htmlContent);\r\n });\r\n }\r\n }\r\n return
{DataItems}
;\r\n }\r\n}\r\n","import React from 'react';\r\n// import { VariableSizeList } from 'react-window';\r\nimport { Suspense, lazy } from 'react';\r\nimport './home.scss';\r\nimport Globals from '../../api';\r\nimport { Helmet } from \"react-helmet\";\r\nimport ReactHtmlParser from 'react-html-parser';\r\nconst ElectionPoll = React.lazy(() => import(\"../../components/Electionpoll/ElectionPoll\"));\r\nconst TopNews = React.lazy(() => import('../../components/TopNews/topnews'));\r\nconst TrandingNews = React.lazy(() => import('../../components/TrandingPagelist/trandingnews'));\r\nconst Horroscope = React.lazy(() => import('../../components/horroscope/horroscope'));\r\nconst SpecialVideo = React.lazy(() => import('../../components/SpecialVideo/specialvideo'));\r\nconst PageList1 = React.lazy(() => import('../../components/Pagelist1/PageList1'));\r\nconst PageList2 = React.lazy(() => import('../../components/Pagelist2/PageList2'));\r\nconst PageList3 = React.lazy(() => import('../../components/Pagelist3/PageList3'));\r\nconst PageList4 = React.lazy(() => import('../../components/Pagelist4/PageList4'));\r\nconst Pagelist5 = React.lazy(() => import('../../components/Pagelist5/PageList5'));\r\nconst Pagelist6 = React.lazy(() => import('../../components/Pagelist6/PageList6'));\r\nconst PageList7 = React.lazy(() => import('../../components/Pagelist7/PageList7'));\r\nconst PageList8 = React.lazy(() => import('../../components/Pagelist8/PageList8'));\r\nconst PageList9 = React.lazy(() => import('../../components/Pagelist9/PageList9'));\r\nconst PageList10 = React.lazy(() => import('../../components/Pagelist10/PageList10'));\r\nconst PageList11 = React.lazy(() => import('../../components/Pagelist11/PageList11'));\r\n// const PageList12 = React.lazy(() => import('../../components/Pagelist12/PageList12'));\r\n// const PageList13 = React.lazy(() => import('../../components/Pagelist13/PageList13'));\r\nconst HomeVideoswidget = React.lazy(() => import('../../components/home_videos/home_videos'));\r\nconst BloggerWidget = React.lazy(() => import('../../components/BloggerWidget/bloggerwidget'));\r\nconst MarketWidget = React.lazy(() => import('../../components/MarketWidget/Marketwidget'));\r\nconst CoronaTracker = React.lazy(() => import('../../components/Coronatracker/Coronatracker'));\r\nconst OpinionWidget = React.lazy(() => import('../../components/opinionwidget/Opinionwidget'));\r\nconst CricketUpdate = React.lazy(() => import('../../components/CricketUpdate/Cricketupdate'));\r\nconst TimelineWidget = React.lazy(() => import('../../components/Timeline/Timeline'));\r\nconst BBCWidget = React.lazy(() => import('../../components/BBCwidget/bbcwidget'));\r\nconst Hp_top_300_250 = React.lazy(() => import('../ad-units/Hp_top_300_250'));\r\nconst Hp_middle_300_250 = React.lazy(() => import('../ad-units/Hp_middle_300_250'));\r\nconst Hp_middle_center_728_90 = React.lazy(() => import('../ad-units/Hp_middle_center_728_90'));\r\nconst Hp_bottom_center_728_90 = React.lazy(() => import('../ad-units/Hp_bottom_center_728_90'));\r\nconst WebStoryWidget = React.lazy(() => import('../../components/StoryWidget/StoryWidget'));\r\nconst Hp_top_center_728_90 = React.lazy(() =>\r\n import(\"../ad-units/Hp_top_center_728_90\")\r\n);\r\n// import axios from \"axios\";\r\n\r\nexport default class Home extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.setStateOfParent.bind(this);\r\n this.state = {\r\n data: [],\r\n videos: [],\r\n meta: [],\r\n title: [],\r\n meta_keywords: [],\r\n meta_description: [],\r\n PhotoGallery: [],\r\n CricketData: [],\r\n Coronadata: [],\r\n AdData: [],\r\n PollResult: [], \r\n electionData : [],\r\n WebstoryData : [] , \r\n WebstoryCat : [], \r\n StoryEnable : []\r\n\r\n };\r\n }\r\n\r\n setStateOfParent = (optionId, GroupId, PollId) => {\r\n // var bodyFormData = new FormData();\r\n // console.log('pollID', PollId);\r\n // console.log('groupID', GroupId);\r\n // console.log('optionID', optionId);\r\n fetch(Globals.submit_poll_api + `&poll_id=${PollId}&group_id=${GroupId}&option_id=${optionId}&ip_address=feff`)\r\n //fetch(\"http://wsdev.webdunia.com/json/api-version4/submit-poll-desktop?&lang=hi&poll_id=2731&group_id=2419&option_id=7467&ip_address=feff\")\r\n // axios({\r\n // method : \"post\",\r\n // url :Globals.poll_api,\r\n // data: bodyFormData\r\n // }) \r\n .then((res) => res.json())\r\n .then((data) => {\r\n\r\n this.setState({\r\n PollResult: data\r\n })\r\n })\r\n }\r\n\r\n\r\n getVideos() {\r\n const url = Globals.language_based_api + '/videos';\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n\r\n this.setState({\r\n videos: data.Contents[2].out.list\r\n })\r\n })\r\n }\r\n\r\n getAds() {\r\n const url = Globals.AdConfig;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n\r\n this.setState({\r\n AdData: data.AdContents[0].homepage\r\n })\r\n\r\n })\r\n\r\n }\r\n\r\n getCoronaTracker() {\r\n const url = 'https://ws-en.webdunia.com/json/tracker-api/get-tracker?lang=en';\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n\r\n this.setState({\r\n Coronadata: data.results\r\n })\r\n // console.log(\"corona \"+data);\r\n })\r\n }\r\n getPhotoGallery() {\r\n const url = Globals.language_based_api + '/photo-gallery';\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n\r\n this.setState({\r\n PhotoGallery: data.Contents\r\n })\r\n })\r\n }\r\n getCricketUpdate() {\r\n const url = Globals.Cricket_update_api;\r\n //const url =\"https://m-marathidev.webdunia.com/ad-config/ticker-test.json\";\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n this.setState({\r\n CricketData: data.CurrentMatches\r\n\r\n })\r\n })\r\n //console.log(\"url \",url)\r\n }\r\n \r\n \r\n getWebStoryData(){\r\n const url='https://ws-en.webdunia.com/json/story/get-story-list?lang=en&categoryurl=/';\r\n \r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n this.setState({\r\n WebstoryData : data.content , \r\n WebstoryCat : data.categoryList \r\n })\r\n }) \r\n //console.log(\"url \",url)\r\n }\r\n componentDidMount() {\r\n // console.log('api at header' + Globals.language_based_api);\r\n const url = Globals.language_based_api + '%2Fhome-page';\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n\r\n this.setState({\r\n data: data.Contents,\r\n meta: data.Meta,\r\n title: data.Title,\r\n meta_keywords: data.Meta.keywords.Attributes.content,\r\n meta_description: data.Meta.description.Attributes.content,\r\n electionData : data.Contents\r\n })\r\n })\r\n this.getVideos();\r\n this.getCricketUpdate();\r\n this.getPhotoGallery();\r\n this.getCoronaTracker();\r\n this.getAds();\r\n this.getWebStoryData();\r\n //this.getElectionData();\r\n }\r\n\r\n render() {\r\n \r\n\r\n\r\n let ElectionPollObj = this.state.data.filter((x) => x.Type == \"ElectionPoll\");\r\n \r\n const ElectionDataItems = ElectionPollObj.map((item, i ) => {\r\n if(item){\r\n const ElectionHtml = item.ElectionHtml\r\n \r\n }\r\n } );\r\n let rawData = this.state.data;\r\n let isWebstory = rawData.filter((x) => x.Type == \"WebStoryWidget\");\r\n let pollResult = this.state.PollResult;\r\n const renderLoader = () =>
;\r\n let PollListData = this.state.data.filter((x) => x.Type == \"Poll\");\r\n if (Object.keys(this.state.PollResult).length > 0) {\r\n PollListData = [pollResult];\r\n // console.log(\"poll intiate\")\r\n }\r\n // console.log(\"🚀 ~ file: home.js ~ line 179 ~ Home ~ render ~ PollListData\", PollListData)\r\n return (\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n {/*
*/}\r\n {/* \r\n {DataItems}\r\n */}\r\n {/*
*/}\r\n
\r\n
\r\n \r\n
\r\n {/* top news */}\r\n \r\n \r\n
\r\n
\r\n {/* trending news pagelist 1*/}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n {/* horoscope widget */}\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {/* webstory widget */}\r\n {(() => {\r\n // if (isWebstory.length > 0) {\r\n return (\r\n \r\n \r\n )\r\n // }\r\n })()}\r\n
\r\n
\r\n {/*
\r\n \r\n {DataItems}\r\n \r\n
*/}\r\n
\r\n \r\n
\r\n
\r\n {/* pagelist 1 */}\r\n
\r\n
\r\n \r\n \r\n
\r\n {/* pagelist 2 */}\r\n
\r\n \r\n
\r\n
\r\n {/* cricket update widget */}\r\n
\r\n \r\n {/*
\r\n
\r\n
*/}\r\n
\r\n
\r\n {/* pagelist 3 */}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n {/* pagelist 4 */}\r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n {/* pagelist 5 */}\r\n
\r\n \r\n
\r\n
\r\n {/* pagelist 6 */}\r\n
\r\n \r\n
\r\n
\r\n {/* pagelist 7 */}\r\n
\r\n \r\n
\r\n
\r\n
\r\n {/* photo gallery widget */}\r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n
\r\n {/* blog list */}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n {/* pagelist 8 */}\r\n\r\n
\r\n\r\n {/* pagelist 9 */}\r\n
\r\n
\r\n
\r\n\r\n {/* pagelist 11 */}\r\n\r\n
\r\n\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n {/* market */}\r\n
\r\n \r\n
\r\n {/* opinion */}\r\n
\r\n \r\n
\r\n {/* pageList 10 */}\r\n\r\n
\r\n \r\n {/*
\r\n */}\r\n
\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport './photodetail.scss';\r\nimport Globals from '../../api' ;\r\nimport SimpleReactLightbox, { SRLWrapper } from \"simple-react-lightbox\";\r\nimport Rightbar from \"../../components/Rightbar/Rightbar\";\r\n// import MustRead from '../../components/MustRead/Mustread';\r\n\r\nexport default class PhotoDetail extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n Gallerydata : [],\r\n videos : [],\r\n meta : [] ,\r\n title : [],\r\n meta_keywords : [],\r\n meta_description : [],\r\n Rightbar : [],\r\n AdData : []\r\n \r\n };\r\n }\r\n getAds(){\r\n const url= Globals.AdConfig;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n AdData : data.AdContents[0].ROS\r\n })\r\n \r\n }) \r\n \r\n } \r\n getRightbar(){\r\n const url= Globals.Rightbar_api+\"/news\";\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n Rightbar : data.Contents[0]\r\n })\r\n }) \r\n } \r\n componentDidMount() {\r\n //photo-gallery-new logic\r\n let url = window.location.pathname;\r\n if(url == \"/photo-gallery\")\r\n url = \"/photo-gallery-new\";\r\n url = url.replace(\"/photo-gallery/\", \"/photo-gallery-new/\");\r\n //photo-gallery-new logic end\r\n // let URI = window.location.pathname;\r\n const Dataurl= Globals.language_based_api+url;\r\n fetch(Dataurl)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n Gallerydata : data.Contents,\r\n meta : data.Meta ,\r\n title : data.Title,\r\n meta_keywords : data.Meta.keywords.Attributes.content,\r\n meta_description : data.Meta.description.Attributes.content\r\n })\r\n }) \r\n this.getRightbar();\r\n this.getAds();\r\n }\r\n\r\n render() {\r\n let Gallery = this.state.Gallerydata;\r\n //next page logic\r\n let NextPageData = Gallery.filter(\r\n (x) => x.Type == \"AutoLoadPage\"\r\n );\r\n var pageValue = [];\r\n const Nextpager = NextPageData.map((item) => {\r\n pageValue = item.PageUrl;\r\n });\r\n const nextPage = () => { \r\n window.location = pageValue; \r\n }\r\n //next page logic end\r\n let menuListData = Gallery.filter((x) => x.Type == \"PhotoGalleryNavigation\");\r\n\r\n var catsvalue = [];\r\n const CatArray = menuListData.map((item) => {\r\n catsvalue = item.Items;\r\n });\r\n const menuArr = catsvalue.map((item, i) => (\r\n
\r\n \r\n {item.Title}\r\n \r\n \r\n ));\r\n // const nextPage = () => { \r\n // let nextPageUrl = this.state.Gallerydata;\r\n // let index = (nextPageUrl.length==7?4:5);\r\n // window.location = nextPageUrl[index].PageUrl; \r\n // }\r\n \r\n let GalleryData = Gallery.filter((x)=>x.Type === \"PhotoGallery\");\r\n let RelatedGalleryData = Gallery.filter((x)=>x.Type === \"SingleCategoryPhotoGalleryList\");\r\n // console.log(\"RelatedGalleryData\"+RelatedGalleryData.Title);\r\n\r\n const GalleryMain = GalleryData.map((item , i) =>\r\n
\r\n
\r\n
{item.Title} \r\n
\r\n
\r\n
\r\n
{item.Items[0]['Title']}
\r\n
\r\n
\r\n \r\n {item.Items.map((item, i ) => \r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n
\r\n
\r\n );\r\n \r\n const RelatedGallery = RelatedGalleryData.map((item , i) =>\r\n
\r\n
\r\n
{item.Title} \r\n
\r\n
\r\n {item.Items.map((item, i ) => \r\n
\r\n )}\r\n
\r\n
\r\n
\r\n );\r\n return (\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {GalleryMain}\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n {RelatedGallery}\r\n
Load More... \r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}\r\n\r\n","import React from \"react\";\r\nimport \"./photogallery.scss\";\r\nimport Globals from \"../../api\";\r\nimport Rightbar from \"../../components/Rightbar/Rightbar\";\r\nexport default class PhotoGallery extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n categoryData: [],\r\n menuListItems: [],\r\n meta: [],\r\n title: [],\r\n meta_keywords: [],\r\n meta_description: [],\r\n Rightbar : [],\r\n AdData : []\r\n };\r\n }\r\n getAds(){\r\n const url= Globals.AdConfig;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n AdData : data.AdContents[0].ROS\r\n })\r\n \r\n }) \r\n \r\n } \r\n getRightbar(){\r\n const url= Globals.Rightbar_api+\"/news\";\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n Rightbar : data.Contents[0]\r\n })\r\n }) \r\n } \r\n componentDidMount() {\r\n //photo-gallery-new logic\r\n let url = window.location.pathname;\r\n if(url == \"/photo-gallery\")\r\n url = \"/photo-gallery-new\";\r\n url = url.replace(\"/photo-gallery/\", \"/photo-gallery-new/\");\r\n //photo-gallery-new logic end\r\n const categoryListURL = Globals.language_based_api + url;\r\n fetch(categoryListURL)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n this.setState({\r\n categoryData: data.Contents,\r\n menuListItems: data.Contents[2].Items,\r\n meta: data.Meta,\r\n title: data.Title,\r\n meta_keywords: data.Meta.keywords.Attributes.content,\r\n meta_description: data.Meta.description.Attributes.content,\r\n });\r\n });\r\n this.getRightbar();\r\n this.getAds();\r\n }\r\n\r\n render() {\r\n //next page logic\r\n let categoryList = this.state.categoryData;\r\n let NextPageData = categoryList.filter(\r\n (x) => x.Type == \"AutoLoadPage\"\r\n );\r\n var pageValue = [];\r\n const Nextpager = NextPageData.map((item) => {\r\n pageValue = item.PageUrl;\r\n });\r\n const nextPage = () => { \r\n window.location = pageValue; \r\n }\r\n //next page logic end\r\n // const nextPage = () => { \r\n // let nextPageUrl = this.state.categoryData;\r\n // let index = (nextPageUrl.length==6?3:4);\r\n // window.location = nextPageUrl[index].PageUrl; \r\n // }\r\n //let categoryList = this.state.categoryData;\r\n let menuListData = categoryList.filter(\r\n (x) => x.Type == \"PhotoGalleryNavigation\"\r\n );\r\n \r\n let menuItemsvalue = this.state.menuListItems;\r\n var catsvalue = [];\r\n //console.log(\"menuItemsvalueasss\", menuItemsvalue);\r\n const CatArray = menuListData.map((item) => {\r\n catsvalue = item.Items;\r\n });\r\n const menuArr = catsvalue.map((item, i) => (\r\n
\r\n \r\n {item.Title}\r\n \r\n \r\n ));\r\n // console.log(\"menuItemsvalue\", menuArr);\r\n\r\n let pagelistData = categoryList.filter(\r\n (x) =>\r\n x.Type == \"MultipleCategoryPhotoGalleryList\" ||\r\n x.Type == \"SingleCategoryPhotoGalleryList\"\r\n );\r\n var itemsvalue = [];\r\n const pageArr = pagelistData.map((item) => {\r\n itemsvalue = item.Items;\r\n });\r\n // console.log(\"itemsvalue\", itemsvalue);\r\n\r\n let topLargeArr = itemsvalue.slice(0, 1);\r\n let topArr = itemsvalue.slice(1, 3);\r\n let listArr = itemsvalue.slice(3);\r\n\r\n const topLargeContent = topLargeArr.map((items) => (\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n ));\r\n\r\n const topContent = topArr.map((items) => (\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n {items.GalleryImageCount || items.ImageCount}\r\n \r\n
\r\n
\r\n
\r\n \r\n ));\r\n\r\n const listData = listArr.map((items, i) => (\r\n
\r\n ));\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n {topLargeContent} \r\n {topContent} \r\n \r\n
\r\n\r\n
{listData}
\r\n
Load More... \r\n
\r\n \r\n
\r\n
\r\n {/* \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport './nav.scss';\r\nimport Globals from '../../api' ;\r\nimport { Nav , NavDropdown, Link } from 'react-bootstrap';\r\n\r\nexport default class Navigation extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n \r\n headerData : []\r\n };\r\n }\r\n componentDidMount(){\r\n \r\n const HeaderConurl= Globals.Desktop_header_based_api;\r\n //console.log(HeaderConurl)\r\n fetch(HeaderConurl)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n //console.log(data)\r\n this.setState({\r\n headerData :data.NavigationMenu.Items\r\n \r\n })\r\n }) \r\n\r\n }\r\n render() {\r\n let CurrentUrl = window.location.pathname+window.location.hash;\r\n //console.log(window.location) \r\n //navmenu \r\n let _navmenu = this.state.headerData; \r\n const NavMenu = _navmenu.map((item, i ) => \r\n {\r\n return(\r\n \r\n
0 ? \"dropdown\" : \"\" }>{item.Text} \r\n {(() => {\r\n if (item.Items.length> 0 ) {\r\n return (\r\n \r\n {\r\n item.Items.map((item, i) =>\r\n \r\n {item.Text} \r\n )\r\n }\r\n \r\n )\r\n }\r\n })()}\r\n \r\n )});\r\n \r\n \r\n return (\r\n \r\n
\r\n\r\n
\r\n \r\n { NavMenu }\r\n\r\n \r\n {/* \r\n \r\n बॉलीवुड न्यूज़ \r\n मूवी रिव्यू \r\n आलेख \r\n सुशांत सिंह राजपूत \r\n आने वाली फिल्म \r\n बॉलीवुड फोकस \r\n आलेख \r\n \r\n */}\r\n {/* \r\n धर्म-संसार \r\n \r\n */}\r\n \r\n \r\n\r\n \r\n \r\n
\r\n )\r\n }\r\n}","import React, { useState } from 'react';\r\nimport './Searchwidget.scss';\r\n\r\nimport { Modal, Button, } from 'react-bootstrap';\r\n\r\nfunction SearchWidget() {\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const handleShow = () => setShow(true);\r\n const [search,setSearch] = useState(\"\");\r\n\r\n const handleSearch = () => { \r\n window.location =\"/tags/\"+ search +\"/article\"; \r\n }\r\n return (\r\n <>\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default SearchWidget;","import React from \"react\";\r\nimport \"./header.scss\";\r\nimport { Dropdown } from \"react-bootstrap\";\r\nimport Navigation from \"../nav/nav\";\r\nimport Globals from \"../../api\";\r\nimport SearchWidget from \"../SearchWidget/Searchwidget\";\r\nexport default class Header extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n headerData: [],\r\n language: [],\r\n languages: [],\r\n };\r\n }\r\n getLanguage() {\r\n const LanguageAPI = Globals.language_based_api;\r\n //console.log(LanguageAPI)\r\n fetch(LanguageAPI)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n //console.log(data)\r\n this.setState({\r\n language: data.Contents[0].Language,\r\n languages: data.Contents[0].Languages,\r\n });\r\n });\r\n }\r\n componentDidMount() {\r\n const HeaderConurl = Globals.Desktop_header_based_api;\r\n // console.log(HeaderConurl)\r\n fetch(HeaderConurl)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n //console.log(data)\r\n this.setState({\r\n headerData: data.NavigationMenu.Items,\r\n });\r\n });\r\n this.getLanguage();\r\n }\r\n\r\n render() {\r\n \r\n //language\r\n let _languagename = this.state.language;\r\n let _languageSlider = this.state.languages;\r\n //date\r\n var options = {\r\n weekday: \"long\",\r\n year: \"numeric\",\r\n month: \"long\",\r\n day: \"numeric\",\r\n };\r\n var today = new Date();\r\n //toggle\r\n\r\n // const LangNames = _languageSlider.map((item , i) =>\r\n\r\n //
{item.Name} \r\n // );\r\n\r\n let _navmenu = this.state.headerData;\r\n const NavMenu = _navmenu.map((item, i) => (\r\n
\r\n \r\n\r\n {item.Items.map((item, i) => (\r\n \r\n {item.Text} \r\n \r\n ))}\r\n \r\n ));\r\n const LangNames = _languageSlider.map((item, i) => (\r\n
\r\n \r\n {item.Name}\r\n \r\n \r\n ));\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {today.toLocaleDateString(Globals.LanguageCode+'-IN', options)}\r\n
\r\n
\r\n
\r\n \r\n Choose your language \r\n \r\n {LangNames}\r\n \r\n
\r\n
\r\n
\r\n \r\n Follow us \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n {NavMenu} \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n {/*
*/}\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport './Astrology.scss';\r\nimport Globals from '../../api';\r\nimport Rightbar from \"../../components/Rightbar/Rightbar\";\r\nexport default class Astrology extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n AstroData: [],\r\n HorroscopeNavigation: [],\r\n HoroscopeTerm: [],\r\n Terms: [],\r\n Horoscopes: [],\r\n meta: [],\r\n title: [],\r\n meta_keywords: [],\r\n meta_description: [],\r\n HoroscopeNavigationItems: [],\r\n HoroscopeDescription: [],\r\n Rightbar: [],\r\n AdData: []\r\n };\r\n }\r\n getRightbar() {\r\n const url = Globals.Rightbar_api + \"/astrology\";\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n\r\n this.setState({\r\n Rightbar: data.Contents[0]\r\n })\r\n })\r\n }\r\n getAds() {\r\n const url = Globals.AdConfig;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n\r\n this.setState({\r\n AdData: data.AdContents[0].ROS\r\n })\r\n\r\n })\r\n\r\n }\r\n componentDidMount() {\r\n let URI = window.location.pathname + window.location.search;\r\n //console.log(URI);\r\n const url = Globals.language_based_api + URI;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n\r\n this.setState({\r\n AstroData: data.Contents[2],\r\n Horoscopes: data.Contents[2].Horoscopes,\r\n HoroscopeNavigation: data.Contents[2].HoroscopeNavigation.Selected,\r\n HoroscopeNavigationItems: data.Contents[2].HoroscopeNavigation,\r\n Terms: data.Contents[2].Terms,\r\n HoroscopeTerm: data.Contents[2].Term,\r\n HoroscopeDescription: data.Contents[2].HoroscopeDescription,\r\n meta: data.Meta,\r\n title: data.Title,\r\n meta_keywords: data.Meta.keywords.Attributes.content,\r\n meta_description: data.Meta.description.Attributes.content\r\n })\r\n })\r\n this.getRightbar();\r\n this.getAds();\r\n }\r\n handleChange(e) {\r\n window.location = e.target.value;\r\n\r\n }\r\n render() {\r\n let Horoscopes = this.state.Horoscopes;\r\n let HoroscopeNavigation = this.state.HoroscopeNavigation;\r\n let HoroscopeTerms = this.state.Terms;\r\n let SelectedTerm = this.state.HoroscopeTerm;\r\n let Selected = SelectedTerm.Value;\r\n let HoroscopeNavigationItems = this.state.HoroscopeNavigationItems;\r\n let DailyTitle = HoroscopeNavigationItems.DailyTitle;\r\n let WeeklyTitle = HoroscopeNavigationItems.WeeklyTitle;\r\n let MonthlyTitle = HoroscopeNavigationItems.MonthlyTitle;\r\n let YearlyTitle = HoroscopeNavigationItems.YearlyTitle;\r\n\r\n // const HoroscopeTermsBar = HoroscopeTerms.map((item,i)=>{ \r\n // return(\r\n //
\r\n // \r\n // {(message) => {message} }\r\n // \r\n // \r\n // )});\r\n\r\n const HoroscopeTermsBar = HoroscopeTerms.map((item, i) => {\r\n return (\r\n
{item.Value} \r\n )\r\n });\r\n\r\n const HoroscopeItems = Horoscopes.map((item, i) =>\r\n
\r\n
\r\n
\r\n
\r\n );\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n\r\n
\r\n
{(HoroscopeNavigation == \"Daily\") ? DailyTitle : (HoroscopeNavigation == \"Weekly\") ? WeeklyTitle :\r\n (HoroscopeNavigation == \"Monthly\") ? MonthlyTitle : YearlyTitle\r\n } \r\n
\r\n Select Date : \r\n \r\n {HoroscopeTermsBar}\r\n \r\n
\r\n
\r\n
{this.state.HoroscopeDescription}
\r\n
\r\n {HoroscopeItems}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n )\r\n }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/ads5.3dacb72f.png\";","import React from 'react';\r\nimport './Zodiacdetail.scss';\r\nimport Globals from '../../api' ;\r\nimport { Helmet } from \"react-helmet\"; \r\nimport ads5 from '../../assets/img/ads5.png';\r\n// import zdc1 from '../../assets/img/zdc1.png';\r\n// import MustRead from '../../components/MustRead/Mustread';\r\n\r\n\r\nexport default class ZodiacDetail extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n AstroData : [],\r\n FaladeshPages : [],\r\n meta : [] ,\r\n title : [],\r\n meta_keywords : [],\r\n meta_description : [],\r\n HoroscopeNavigationItems : [],\r\n HoroscopeDescription : [],\r\n HoroscopeNavigation : []\r\n \r\n };\r\n }\r\n componentDidMount() {\r\n let URI = window.location.pathname + window.location.search;\r\n //console.log(URI);\r\n const url= Globals.language_based_api+URI;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n AstroData : data.Contents[2],\r\n FaladeshPages : data.Contents[2].FaladeshPages,\r\n HoroscopeNavigationItems : data.Contents[2].HoroscopeNavigator,\r\n HoroscopeNavigation : data.Contents[2].HoroscopeNavigator.Selected ,\r\n meta : data.Meta ,\r\n title : data.Title,\r\n meta_keywords : data.Meta.keywords.Attributes.content,\r\n meta_description : data.Meta.description.Attributes.content\r\n })\r\n }) \r\n }\r\n render() {\r\n let HoroscopeNavigation = this.state.HoroscopeNavigation;\r\n let HoroscopeNavigationItems = this.state.HoroscopeNavigationItems;\r\n let DailyTitle = HoroscopeNavigationItems.DailyTitle;\r\n let WeeklyTitle = HoroscopeNavigationItems.WeeklyTitle;\r\n let MonthlyTitle = HoroscopeNavigationItems.MonthlyTitle;\r\n let YearlyTitle = HoroscopeNavigationItems.YearlyTitle;\r\n let AstroData = this.state.AstroData;\r\n let Faladesh = this.state.FaladeshPages;\r\n const FaladeshItems = Faladesh.map((item,i)=>{ \r\n return(\r\n
{item.Title} \r\n )});\r\n\r\n return (\r\n
\r\n {/*
\r\n {this.state.title} \r\n */}\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
{AstroData.RashiName} - {AstroData.FaladeshTitle} \r\n
\r\n
\r\n
{AstroData.Faladesh}
\r\n
\r\n
\r\n \r\n
\r\n
{AstroData.Title} \r\n
\r\n
\r\n\r\n\r\n\r\n
\r\n\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport './Astrologydetail.scss';\r\nimport Globals from '../../api' ;\r\nimport Rightbar from \"../../components/Rightbar/Rightbar\";\r\n\r\nexport default class AstrologyDetail extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n AstroData : [],\r\n FaladeshPages : [],\r\n HoroscopeTerm : [],\r\n Terms : [],\r\n meta : [] ,\r\n title : [],\r\n meta_keywords : [],\r\n meta_description : [],\r\n HoroscopeNavigationItems : [],\r\n HoroscopeDescription : [],\r\n HoroscopeNavigation : [],\r\n RashiSlider : [],\r\n Rightbar : [],\r\n AdData :[] \r\n \r\n };\r\n }\r\n getAds(){\r\n const url= Globals.AdConfig;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n AdData : data.AdContents[0].ROS\r\n })\r\n \r\n }) \r\n \r\n } \r\n getRightbar(){\r\n const url= Globals.Rightbar_api+\"/astrology\";\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n Rightbar : data.Contents[0]\r\n })\r\n }) \r\n } \r\n componentDidMount() {\r\n let URI = window.location.pathname + window.location.search;\r\n //console.log(URI);\r\n const url= Globals.language_based_api+URI;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n AstroData : data.Contents[2],\r\n FaladeshPages : data.Contents[2].FaladeshPages,\r\n HoroscopeNavigationItems : data.Contents[2].HoroscopeNavigation,\r\n HoroscopeNavigation : data.Contents[2].HoroscopeNavigation.Selected ,\r\n RashiSlider : data.Contents[2],\r\n Terms : data.Contents[2].Terms,\r\n HoroscopeTerm : data.Contents[2].Term,\r\n meta : data.Meta ,\r\n title : data.Title,\r\n meta_keywords : data.Meta.keywords.Attributes.content,\r\n meta_description : data.Meta.description.Attributes.content\r\n })\r\n }) \r\n this.getRightbar();\r\n this.getAds();\r\n }\r\n handleChange (e) {\r\n //console.log(e.target.value);\r\n window.location = e.target.value;\r\n \r\n }\r\n \r\n render() {\r\n \r\n let url = new URL(window.location);\r\n let searchParams = new URLSearchParams(url.search);\r\n let UrlRashiID = searchParams.get('rashiID');\r\n let Urldate = searchParams.get('date'); \r\n\r\n let HoroscopeNavigation = this.state.HoroscopeNavigation;\r\n let HoroscopeNavigationItems = this.state.HoroscopeNavigationItems;\r\n let DailyTitle = HoroscopeNavigationItems.DailyTitle;\r\n let WeeklyTitle = HoroscopeNavigationItems.WeeklyTitle;\r\n let MonthlyTitle = HoroscopeNavigationItems.MonthlyTitle;\r\n let YearlyTitle = HoroscopeNavigationItems.YearlyTitle;\r\n let AstroData = this.state.AstroData;\r\n let RashiSliderItems = this.state.RashiSlider;\r\n let HoroscopeTerms = this.state.Terms;\r\n let SelectedTerm = this.state.HoroscopeTerm;\r\n //let Selected = SelectedTerm.Value;\r\n // const RashiTermsBar = RashiSliderItems.map((item,i)=>{ \r\n // return(\r\n //
\r\n // \r\n // {(message) => {message} }\r\n // \r\n // \r\n // )});\r\n //console.log(\"rashies\", RashiSliderItems.Rashies);\r\n // const RashiTermsBar = RashiSliderItems.map((item,i)=>{ \r\n // return(\r\n //
{item.Name} \r\n \r\n // )});\r\n // const HoroscopeTermsBar = HoroscopeTerms.map((item,i)=>{ \r\n // return(\r\n //
\r\n // \r\n // {(message) => {message} }\r\n // \r\n // \r\n // )});\r\n\r\n const HoroscopeTermsBar = HoroscopeTerms.map((item,i)=>{ \r\n return( \r\n
{item.Title} \r\n )});\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n {/* \r\n {RashiTermsBar}\r\n */}\r\n\r\n \r\n {HoroscopeTermsBar}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{AstroData.RashiName} {AstroData.FaladeshTitle} \r\n
\r\n
\r\n
{AstroData.Horoscope}
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n )\r\n }\r\n}","import React from \"react\";\r\nimport \"./Videos.scss\";\r\nimport Rightbar from \"../../components/Rightbar/Rightbar\";\r\nimport Globals from \"../../api\";\r\nimport { Suspense, lazy } from \"react\";\r\nimport ImageConvertionDefault from \"../../config\";\r\nimport ROS_Middle_Center_336_280 from '../ad-units/ros_middle_center_728_90';\r\nexport default class VideoListing extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n videoData: [],\r\n page: 1,\r\n Rightbar : [],\r\n AdData : []\r\n };\r\n }\r\n getAds(){\r\n const url= Globals.AdConfig;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n AdData : data.AdContents[0].ROS\r\n })\r\n \r\n }) \r\n \r\n } \r\n getRightbar(){\r\n const url= Globals.Rightbar_api+\"/news\";\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n Rightbar : data.Contents[0]\r\n })\r\n }) \r\n } \r\n componentDidMount() {\r\n let url = window.location.pathname;\r\n //const videoListURL = Globals.language_based_api + url;\r\n const videoListURL = Globals.language_based_api + \"/videos\";\r\n fetch(videoListURL)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n this.setState({\r\n videoData: data.Contents[2].out.list,\r\n page: 1,\r\n });\r\n });\r\n window.addEventListener(\"scroll\", this.trackScrolling);\r\n this.getRightbar();\r\n this.getAds();\r\n\r\n }\r\n\r\n trackScrolling = () => {\r\n const wrappedElement = document.getElementById(\"videoDiv\");\r\n if (this.isBottom(wrappedElement)) {\r\n let newPage = this.state.page;\r\n newPage++;\r\n this.setState({\r\n page: newPage,\r\n });\r\n this.nextPageData(newPage);\r\n window.removeEventListener(\"scroll\", this.trackScrolling);\r\n }\r\n };\r\n componentWillUnmount() {\r\n window.removeEventListener(\"scroll\", this.trackScrolling);\r\n }\r\n isBottom(el) {\r\n return el.getBoundingClientRect().bottom <= window.innerHeight;\r\n }\r\n nextPageData(page) {\r\n let url = window.location.pathname;\r\n const videoListURL = Globals.language_based_api + url + \"/\" + page;\r\n fetch(videoListURL)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n this.setState({\r\n videoData: [...this.state.videoData, ...data.Contents[2].out.list],\r\n nextPage: true,\r\n });\r\n if (this.state.videoData) {\r\n window.location.url = this.state.videoData;\r\n window.addEventListener(\"scroll\", this.trackScrolling);\r\n }\r\n });\r\n }\r\n\r\n render() {\r\n let videoList = this.state.videoData;\r\n const renderLoader = () =>
;\r\n return (\r\n
\r\n
\r\n
\r\n
VIDEOS \r\n
\r\n {this.state.videoData.map((item, i) => (\r\n <>\r\n {(() => {\r\n // i = i-1;\r\n if (i % 6 == 0 && i != 0) {\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport './Videodetail.scss';\r\nimport Rightbar from \"../../components/Rightbar/Rightbar\";\r\nimport Globals from \"../../api\";\r\nimport ReactHtmlParser from 'react-html-parser';\r\nimport LiteYouTubeEmbed from 'react-lite-youtube-embed';\r\n\r\n\r\nexport default class VideoDetailPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n videoDetail: [],\r\n Rightbar : [],\r\n AdData : []\r\n };\r\n }\r\n getAds(){\r\n const url= Globals.AdConfig;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n AdData : data.AdContents[0].ROS\r\n })\r\n \r\n }) \r\n \r\n } \r\n getRightbar(){\r\n const url= Globals.Rightbar_api+\"/news\";\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n Rightbar : data.Contents[0]\r\n })\r\n }) \r\n } \r\n componentDidMount() {\r\n let url = window.location.pathname;\r\n // url = url.split(\"/\").pop();\r\n //console.log(\"videoList\",url);\r\n const videoListURL = Globals.language_based_api + url;\r\n //const videoListURL = 'http://ws-uat.webdunia.com/json/page?lang=te&url='+url;\r\n //console.log(\"videoList\",videoListURL);\r\n fetch(videoListURL)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n this.setState({\r\n videoDetail: data.Contents[2].out.Contents[1].Items,\r\n });\r\n });\r\n this.getRightbar();\r\n\r\n }\r\n render() {\r\n let videodetails = this.state.videoDetail;\r\n //console.log(\"videos\", videodetails)\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
{videodetails.title} \r\n
\r\n\r\n
\r\n
\r\n {/* \r\n */}\r\n
\r\n
{ReactHtmlParser(videodetails.description)}
\r\n
\r\n \r\n
\r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport './searchresult.scss';\r\nimport Globals from '../../api' ;\r\nimport Rightbar from \"../../components/Rightbar/Rightbar\";\r\nimport ImageConvertionDefault from \"../../config\";\r\nexport default class SearchResult extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n searchdata : [],\r\n meta : [] ,\r\n title : [],\r\n meta_keywords : [],\r\n meta_description : [],\r\n Rightbar : [],\r\n AdData : []\r\n };\r\n }\r\n getAds(){\r\n const url= Globals.AdConfig;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n AdData : data.AdContents[0].ROS\r\n })\r\n \r\n }) \r\n \r\n } \r\n getRightbar(){\r\n const url= Globals.Rightbar_api+\"/news\";\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n Rightbar : data.Contents[0]\r\n })\r\n }) \r\n } \r\n componentDidMount() {\r\n let url = window.location.pathname;\r\n const MainUrl= Globals.language_based_api + url;\r\n // console.log(HeaderConurl)\r\n fetch(MainUrl)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n //console.log(data)\r\n this.setState({\r\n searchdata :data.Contents[2].tagcontents.Contents.Pages,\r\n meta : data.Meta ,\r\n title : data.Title,\r\n meta_keywords : data.Meta.keywords.Attributes.content,\r\n meta_description : data.Meta.description.Attributes.content\r\n })\r\n })\r\n this.getRightbar();\r\n this.getAds();\r\n }\r\n \r\n render() {\r\n var pageURL = window.location.href;\r\n var lastURLSegment = pageURL.substr(pageURL.lastIndexOf('/') + 1); \r\n let TagContents = this.state.searchdata;\r\n const SearchListData = TagContents.map((item, i) => \r\n\r\n
\r\n
\r\n
\r\n
{item.DateTime} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n );\r\n const handleSearch = () => {\r\n let searchValue = document.getElementsByClassName(\"Search_Field\")[0].value;\r\n if(searchValue == \"\")\r\n searchValue = \"latest\";\r\n // console.log(searchValue); \r\n window.location =\"/tags/\"+ searchValue +\"/article\"; \r\n }\r\n return (\r\n <>\r\n {/*
\r\n {this.state.title} \r\n */}\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n {SearchListData}\r\n \r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n\r\n )\r\n }\r\n}","import Globals from \"../../api\";\r\nimport { LazyLoadImage } from \"react-lazy-load-image-component\";\r\nimport React from \"react\";\r\nimport ROS_Middle_Center_336_280 from '../ad-units/ros_middle_center_728_90';\r\nimport Ros_bottom_center_728_90 from '../ad-units/Ros_bottom_center_728_90';\r\nimport ROS_Top_Center_728_90 from '../ad-units/Ros_top_center_728_90';\r\nimport \"./categorylisting.scss\";\r\nimport { Suspense, lazy } from \"react\";\r\nimport ImageConvertionDefault from \"../../config\";\r\nimport Rightbar from \"../../components/Rightbar/Rightbar\";\r\nexport default class CategoryListing extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loadUrlData: [],\r\n page: 1\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n window.addEventListener(\"scroll\", this.trackScrolling); \r\n }\r\n\r\n trackScrolling = () => {\r\n // console.log(\"scrlling\");\r\n const wrappedElement = document.getElementById(\"listDiv\");\r\n if (this.isBottom(wrappedElement)) {\r\n let newPage = this.state.page;\r\n newPage++;\r\n this.setState({\r\n page: newPage,\r\n });\r\n // console.log(\"next\",newPage)\r\n this.nextPageData(newPage);\r\n window.removeEventListener(\"scroll\", this.trackScrolling);\r\n }\r\n };\r\n\r\n componentWillUnmount() {\r\n window.removeEventListener(\"scroll\", this.trackScrolling);\r\n }\r\n\r\n isBottom(el) {\r\n return el.getBoundingClientRect().bottom <= window.innerHeight;\r\n }\r\n nextPageData(page) {\r\n let url = window.location.pathname;\r\n const categoryListURL = Globals.language_based_api + url + \"/\" + page;\r\n fetch(categoryListURL)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n this.setState({\r\n categoryData: [...this.props.categoryData, ...data.Contents],\r\n loadUrlData: data.Contents[3].PageUrl,\r\n nextPage: true,\r\n });\r\n this.props.handler( this.state.categoryData);\r\n if (this.state.loadUrlData) {\r\n window.location.url = this.state.loadUrlData;\r\n window.addEventListener(\"scroll\", this.trackScrolling);\r\n }\r\n });\r\n }\r\n convertToArr = (arr) => {\r\n var output = [];\r\n arr.forEach((value) => {\r\n if (Array.isArray(value)) {\r\n output = [...output, ...this.convertToArr(value)];\r\n } else {\r\n output.push(value);\r\n }\r\n });\r\n return output;\r\n };\r\n\r\n render() {\r\n //console.log(\"rightbar\",this.state.rightbardata);\r\n const renderLoader = () =>
Loading
;\r\n let url = window.location.pathname;\r\n let categoryList = this.props.categoryData;\r\n /** For Sub Menu Data */\r\n let navData = this.props.navigationMenu;\r\n let rawMenu = navData.filter((x) => x.DefaultUrl == url);\r\n let rawSubMenu = rawMenu.map((item) => (item.Items));\r\n\r\n let subMenuArray = this.convertToArr(rawSubMenu);\r\n let subMenuItems = subMenuArray.map((item, i) => (\r\n
\r\n \r\n {item.Text}\r\n \r\n \r\n ));\r\n\r\n let ArticleList = categoryList.filter((x) => x.Type == \"ArticleList\");\r\n let pagelistData = categoryList.filter(\r\n (x) => x.Type == \"PageList\" || x.ViewAllUrl == url\r\n );\r\n let dataArray = [];\r\n if (pagelistData.length != 0) {\r\n pagelistData.forEach((element) => {\r\n dataArray.push(element.Pages);\r\n });\r\n } else {\r\n ArticleList.forEach((element) => {\r\n dataArray.push(element.Items);\r\n });\r\n }\r\n\r\n let categoryArray = this.convertToArr(dataArray);\r\n var topContent = categoryArray.slice(0, 3);\r\n var listContent = categoryArray.slice(3);\r\n\r\n let topListData = topContent.map((item, i) => (\r\n
\r\n \r\n {item.Title} \r\n \r\n ));\r\n let listData = listContent.map((item, i) => \r\n (\r\n <> {(() => {\r\n i = i-1;\r\n if (i % 9 === 2) {\r\n return (\r\n
\r\n \r\n \r\n
\r\n )\r\n \r\n } else if (i % 15 == 2) {\r\n return (\r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n \r\n }\r\n \r\n })()}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {item.Description}\r\n
\r\n
\r\n
\r\n \r\n \r\n ));\r\n // console.log(\"/news\",this.props.Rightbar)\r\n return (\r\n
\r\n
\r\n
\r\n \r\n \r\n\r\n {/* {(() => {\r\n if (url == \"/sports-news\" ) {\r\n return (\r\n <>\r\n \r\n \r\n \r\n )\r\n } \r\n // if(url == \"/bollywood\"){\r\n // return (\r\n // <>\r\n // \r\n // \r\n // )\r\n // }\r\n })()} */}\r\n\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n {listData}\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport { Suspense, lazy } from 'react';\r\nimport './blocklisting.scss';\r\nimport { Helmet } from \"react-helmet\";\r\nimport Globals from \"../../api\";\r\nimport ReactHtmlParser from 'react-html-parser';\r\n\r\nconst ElectionPoll = React.lazy(() => import(\"../../components/Electionpoll/ElectionPoll\"));\r\nconst TopNews = React.lazy(() => import('../../components/TopNews/topnews'));\r\nconst TrandingNews = React.lazy(() => import('../../components/TrandingPagelist/trandingnews'));\r\nconst Horroscope = React.lazy(() => import('../../components/horroscope/horroscope'));\r\nconst SpecialVideo = React.lazy(() => import('../../components/SpecialVideo/specialvideo'));\r\nconst PageList1 = React.lazy(() => import('../../components/Pagelist1/PageList1'));\r\nconst PageList2 = React.lazy(() => import('../../components/Pagelist2/PageList2'));\r\nconst PageList3 = React.lazy(() => import('../../components/Pagelist3/PageList3'));\r\nconst PageList4 = React.lazy(() => import('../../components/Pagelist4/PageList4'));\r\nconst Pagelist5 = React.lazy(() => import('../../components/Pagelist5/PageList5'));\r\nconst Pagelist6 = React.lazy(() => import('../../components/Pagelist6/PageList6'));\r\nconst PageList7 = React.lazy(() => import('../../components/Pagelist7/PageList7'));\r\nconst PageList8 = React.lazy(() => import('../../components/Pagelist8/PageList8'));\r\nconst PageList9 = React.lazy(() => import('../../components/Pagelist9/PageList9'));\r\nconst PageList10 = React.lazy(() => import('../../components/Pagelist10/PageList10'));\r\nconst PageList11 = React.lazy(() => import('../../components/Pagelist11/PageList11'));\r\nconst HomeVideoswidget = React.lazy(() => import( '../../components/home_videos/home_videos'));\r\nconst BloggerWidget= React.lazy(() => import( '../../components/BloggerWidget/bloggerwidget'));\r\nconst MarketWidget = React.lazy(() => import( '../../components/MarketWidget/Marketwidget'));\r\nconst CoronaTracker = React.lazy(() => import( '../../components/Coronatracker/Coronatracker'));\r\nconst OpinionWidget = React.lazy(() => import( '../../components/opinionwidget/Opinionwidget'));\r\nconst CricketUpdate = React.lazy(() => import( '../../components/CricketUpdate/Cricketupdate'));\r\nconst TimelineWidget = React.lazy(() => import( '../../components/Timeline/Timeline'));\r\nconst Hp_top_300_250 = React.lazy(() => import( '../ad-units/Hp_top_300_250'));\r\nconst ROS_Middle_Center_728_90 = React.lazy(() => import( '../ad-units/ros_middle_center_728_90'));\r\nconst Ros_bottom_center_728_90 = React.lazy(() => import( '../ad-units/Ros_bottom_center_728_90'));\r\nconst Hp_top_center_728_90 = React.lazy(() =>\r\n import(\"../ad-units/Hp_top_center_728_90\")\r\n);\r\nimport ROS_Top_336_280 from '../ad-units/ros_top_300_250';\r\n// import ROS_Middle_Center_336_280 from '../ad-units/ros_middle_center_728_90';\r\n// import Ros_bottom_center_728_90 from '../ad-units/Ros_bottom_center_728_90';\r\n\r\nexport default class BlockListing extends React.Component { \r\n \r\n convertToArr = (arr) => {\r\n var output = [];\r\n arr.forEach((value) => {\r\n if (Array.isArray(value)) {\r\n output = [...output, ...this.convertToArr(value)];\r\n } else {\r\n output.push(value);\r\n }\r\n });\r\n return output;\r\n };\r\n render() {\r\n let url = window.location.pathname;\r\n let ElectionPollObj = this.props.data.filter((x) => x.Type == \"ElectionPoll\" || x.Type == \"InteractiveTimeline\");\r\n let PollListData = this.props.data.filter((x)=>x.Type == \"Poll\");\r\n const DataItems = ElectionPollObj.map((item, i ) => {\r\n if(item.Type == \"InteractiveTimeline\" ){\r\n return(\r\n
\r\n )\r\n }\r\n if(item.Type == \"ElectionPoll\" ){\r\n return(\r\n
\r\n )\r\n }\r\n } )\r\n let navData = this.props.navigationMenu;\r\n let rawMenu = navData.filter((x) => x.DefaultUrl == url);\r\n let rawSubMenu = rawMenu.map((item) => (item.Items));\r\n \r\n let subMenuArray = this.convertToArr(rawSubMenu);\r\n let subMenuItems = subMenuArray.map((item, i) => (\r\n
\r\n \r\n {item.Text}\r\n \r\n \r\n ));\r\n \r\n const renderLoader = () =>
;\r\n return (\r\n\r\n
\r\n
\r\n {/*
\r\n {this.props.title} \r\n */}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n {/* top news */}\r\n \r\n \r\n \r\n
\r\n
\r\n {/* trending news pagelist 1*/}\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n {/* horoscope widget */}\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n {/* videos widget */}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {DataItems}\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n {/* pagelist 1 */}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {/* pagelist 2 */}\r\n
\r\n \r\n \r\n
\r\n
\r\n {/* cricket update widget */}\r\n
\r\n \r\n \r\n
\r\n
\r\n {/* pagelist 3 */}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n {/* pagelist 4 */}\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n {/* pagelist 5 */}\r\n
\r\n \r\n \r\n
\r\n
\r\n {/* pagelist 6 */}\r\n
\r\n \r\n \r\n
\r\n
\r\n {/* pagelist 7 */}\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n {/* photo gallery widget */}\r\n
\r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n {/* blog list */}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n {/* pagelist 8 */}\r\n
\r\n {/* pagelist 9 */}\r\n
\r\n
\r\n
\r\n \r\n {/* pagelist 11 */}\r\n
\r\n \r\n
\r\n {/*
\r\n \r\n
*/}\r\n
\r\n
\r\n {/* market */}\r\n
\r\n \r\n \r\n
\r\n {/* opinion */}\r\n
\r\n \r\n \r\n
\r\n {/* pageList 10 */}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n}","import React from \"react\";\r\nimport Globals from \"./../api\";\r\nimport { Helmet } from \"react-helmet\"; \r\nimport CategoryListing from \"./categorylisting/categorylisting\";\r\nimport BlockListing from \"./blocklisting/blocklisting\";\r\nimport axios from \"axios\";\r\n// GPT.enableSingleRequest();\r\n//Gpt.enableSingleRequest();\r\nexport default class ListingMiddleWare extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.handler = this.handler.bind(this);\r\n this.setStateOfParent.bind(this);\r\n this.state = {\r\n data : [],\r\n videos : [],\r\n meta : [] ,\r\n title : [],\r\n meta_keywords : [],\r\n meta_description : [],\r\n PhotoGallery : [],\r\n CricketData :[],\r\n categoryData: [],\r\n loadUrlData: [],\r\n page: 1,\r\n pageType : [],\r\n Coronadata :[],\r\n Horoscope : [],\r\n navigationMenu: [],\r\n AdData : [],\r\n Rightbar :[]\r\n \r\n };\r\n }\r\n\r\n handler = (data) => {\r\n this.setState({\r\n categoryData: data\r\n })\r\n }\r\n getVideos(){\r\n const url= Globals.language_based_api+'%2Fvideos';\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n videos : data.Contents[2].out.list\r\n })\r\n }) \r\n }\r\n getRightbar(){\r\n const url= Globals.Rightbar_api+window.location.pathname;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n Rightbar : data.Contents[0]\r\n })\r\n }) \r\n }\r\n getPhotoGallery(){\r\n const url= Globals.language_based_api+'%2Fphoto-gallery';\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n PhotoGallery : data.Contents\r\n })\r\n }) \r\n }\r\n getCricketUpdate(){\r\n const url= Globals.Cricket_update_api;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n this.setState({\r\n CricketData : data.CurrentMatches,\r\n \r\n })\r\n }) \r\n }\r\n getCoronaTracker(){\r\n const url= 'https://ws-en.webdunia.com/json/tracker-api/get-tracker?lang=hi';\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n Coronadata : data.results\r\n })\r\n // console.log(\"corona \"+data);\r\n }) \r\n }\r\n getHoroscope() {\r\n // console.log('api at header' + Globals.language_based_api);\r\n const url= Globals.language_based_api+'%2Fhome-page';\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n Horoscope : data.Contents\r\n })\r\n }) \r\n }\r\n getAds(){\r\n const url= Globals.AdConfig;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n AdData : data.AdContents[0].ROS\r\n })\r\n \r\n }) \r\n \r\n }\r\n setStateOfParent = (optionId,GroupId,PollId) => {\r\n var bodyFormData = new FormData();\r\n bodyFormData.append('pollID', PollId);\r\n bodyFormData.append('groupID', GroupId);\r\n bodyFormData.append('optionID', optionId);\r\n axios({\r\n method : \"post\",\r\n url :Globals.poll_api,\r\n data: bodyFormData\r\n })\r\n .then(response => response)\r\n .then(data => this.setState({ PollResult: data.data })); \r\n }\r\ncomponentDidMount() {\r\n // console.log('api at header' + Globals.language_based_api);\r\n let url = window.location.pathname;\r\n const categoryListURL = Globals.language_based_api + url;\r\n fetch(categoryListURL)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n data : data.Contents,\r\n meta : data.Meta ,\r\n title : data.Title,\r\n meta_keywords : data.Meta.keywords.Attributes.content,\r\n meta_description : data.Meta.description.Attributes.content,\r\n categoryData: data.Contents,\r\n loadUrlData: data.Contents[3].PageUrl,\r\n nextPage: false,\r\n pageType : data.PageType,\r\n navigationMenu : data.Contents[1].Items\r\n \r\n })\r\n }) \r\n this.getVideos(); \r\n this.getCricketUpdate();\r\n this.getPhotoGallery();\r\n this.getCoronaTracker();\r\n this.getHoroscope();\r\n this.getAds();\r\n this.getRightbar();\r\n }\r\n\r\n render() {\r\n // console.log(this.state)\r\n let props = {\r\n data : this.state.data,\r\n meta : this.state.Meta ,\r\n title : this.state.Title,\r\n meta_keywords : this.state.meta_keywords,\r\n meta_description : this.state.meta_description,\r\n videos : this.state.videos,\r\n CricketData : this.state.CricketData,\r\n PhotoGallery : this.state.PhotoGallery,\r\n categoryData:this.state.categoryData,\r\n loadUrlData: this.state.loadUrlData,\r\n nextPage:this.state.nextPage,\r\n pageType : this.state.pageType,\r\n handler : this.handler,\r\n Coronadata : this.state.Coronadata, \r\n Horoscope : this.state.Horoscope,\r\n navigationMenu : this.state.navigationMenu,\r\n AdData : this.state.AdData, \r\n setStateOfParent : this.setStateOfParent,\r\n Rightbar : this.state.Rightbar\r\n };\r\n let Pagetype = this.state.pageType;\r\n return (\r\n <>\r\n {(() => {\r\n if (Object.keys(this.state.data).length> 0 ) {\r\n return (\r\n <>\r\n {(() => {\r\n if (Pagetype == \"Listing\" ) {\r\n return (\r\n
\r\n )\r\n } else {\r\n return (\r\n
\r\n )\r\n }\r\n })()}\r\n \r\n )\r\n }})()} \r\n \r\n );\r\n }\r\n}\r\n","import Globals from \"../../api\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport React from \"react\";\r\nimport \"./cricketscorecard.scss\";\r\nimport Rightbar from \"../../components/Rightbar/Rightbar\";\r\nimport { Suspense, lazy } from \"react\";\r\nimport ReactHtmlParser from \"react-html-parser\";\r\nimport axios from \"axios\";\r\nexport default class CricketPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n html : [],\r\n meta_description : [],\r\n title : [],\r\n meta_keywords : [],\r\n Rightbar : [],\r\n AdData :[]\r\n };\r\n }\r\n getRightbar(){\r\n const url= Globals.Rightbar_api+\"/cricket-news-update\";\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n Rightbar : data.Contents[0]\r\n })\r\n }) \r\n } \r\n getAds(){\r\n const url= Globals.AdConfig;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n AdData : data.AdContents[0].ROS\r\n })\r\n \r\n }) \r\n \r\n } \r\n componentDidMount() {\r\n let url = window.location.pathname;\r\n var matchId;\r\n if(url == '/cricket-score-card'){\r\n matchId = ''; \r\n var cricketURL = Globals.language_based_api+\"/cricket-score-card\";\r\n fetch(cricketURL)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n this.setState({\r\n html: data.Contents[2].Html,\r\n title : data.Title,\r\n meta_keywords: data.Meta.keywords.Attributes.content,\r\n meta_description: data.Meta.description.Attributes.content\r\n });\r\n });\r\n }\r\n else if(url == '/cricket-fixtures'){\r\n // var cricketURL =\"https://api-en.webdunia.com/getCricketFixture?langCode=hi\";\r\n var cricketURL = \"http://cricketadmin.webdunia.com:200/admin/cricket/worldCupWidgets/EN/allfixtures.htm#odi\"\r\n axios({\r\n method : \"GET\",\r\n url :cricketURL\r\n \r\n }) \r\n .then((data) => {\r\n this.setState({\r\n html: data.data\r\n \r\n });\r\n });\r\n }else{\r\n matchId = url.match(/(\\d+)/)[0];\r\n var cricketURL = Globals.language_based_api+\"/cricket-score-card/\"+ matchId +\".html\";\r\n fetch(cricketURL)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n this.setState({\r\n html: data.Contents[2].Html,\r\n title : data.Title,\r\n meta_keywords: data.Meta.keywords.Attributes.content,\r\n meta_description: data.Meta.description.Attributes.content\r\n });\r\n });\r\n }\r\n //const categoryListURL = \"http://api.webdunia.com/scorecardJson?MatchId=\"+ matchId +\"&LangId=1&InningId=1\";\r\n \r\n this.getRightbar();\r\n this.getAds();\r\n }\r\n\r\n\r\n render() {\r\n //console.log(\"html :\",this.state.html);\r\n \r\n const renderLoader = () =>
Loading
;\r\n let categoryList = this.state.html;\r\n return (\r\n
\r\n
\r\n \r\n \r\n \r\n {this.state.title} \r\n \r\n
{categoryList.title} \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport './Poll.scss';\r\nimport Globals from \"../../api\";\r\nimport ads5 from '../../assets/img/ads5.png';\r\nimport MustRead from '../../components/MustRead/Mustread';\r\nimport OpinionWidget from '../../components/opinionwidget/Opinionwidget';\r\n\r\nexport default class PollPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data : [],\r\n PollItems :[]\r\n \r\n };\r\n }\r\n componentDidMount() {\r\n // console.log('api at header' + Globals.language_based_api);\r\n //let url = window.location.pathname;\r\n const PollListURL = Globals.language_based_api + \"/poll/list\";\r\n fetch(PollListURL)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n \r\n this.setState({\r\n data : data.Contents[2],\r\n PollItems : data.Contents[2].Items\r\n })\r\n }) \r\n \r\n }\r\n render() {\r\n //console.log(\"poll data \", this.state.data)\r\n let PollData = this.state.data;\r\n let PollItems = this.state.PollItems;\r\n let ActivePollListData = PollItems.filter((x) => x.IsArchive == 0);\r\n let InactivePollListData = PollItems.filter((x) => x.IsArchive == 1);\r\n const _ActivePollDataItemss = ActivePollListData.map((item, count) =>{\r\n const name = item.Question;\r\n return(\r\n <>\r\n \r\n \r\n //
\r\n //
{item.Question}
\r\n //
\r\n \r\n // {\r\n // // (() => {if(item.Options != null){\r\n // item.Options.map((item, i) => {\r\n // console.log(\"item\",item.GroupID)\r\n \r\n \r\n // return(\r\n //
\r\n // \r\n // {item.Percentage}% \r\n // \r\n // \r\n // {item.Option} \r\n // \r\n //
\r\n\r\n // )})}\r\n // {/* })()} */}\r\n //
भाग लीजिए \r\n //
\r\n //
\r\n )})\r\n\r\n const _InactivePollDataItemss = InactivePollListData.map((item, count) => (\r\n
\r\n \r\n
{item.Question} \r\n
\r\n {item.Options.map((item, i) => (\r\n
\r\n
{item.Option}
\r\n
\r\n
\r\n {item.Percentage}
\r\n
\r\n
\r\n ))}\r\n
\r\n
\r\n ))\r\n\r\n \r\n const percent_1 = {\r\n color: 'white',\r\n backgroundColor: 'red',\r\n fontSize: 200,\r\n width: '200px'\r\n };\r\n return (\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n
Poll \r\n
{PollData.CurrentSurveyText} \r\n
\r\n \r\n {_ActivePollDataItemss}\r\n \r\n \r\n \r\n
\r\n
{PollData.PreviousSurveyText} \r\n\r\n
\r\n {_InactivePollDataItemss}\r\n {/* \r\n\r\n \r\n
कोरोना के बढ़ते संक्रमण के मद्देनजर क्या इस बार होली घर में ही मनानी चाहिए? \r\n
\r\n
\r\n \r\n\r\n \r\n
कोरोना के बढ़ते संक्रमण के मद्देनजर क्या इस बार होली घर में ही मनानी चाहिए? \r\n
\r\n
\r\n \r\n\r\n \r\n
कोरोना के बढ़ते संक्रमण के मद्देनजर क्या इस बार होली घर में ही मनानी चाहिए? \r\n
\r\n
\r\n \r\n\r\n \r\n
कोरोना के बढ़ते संक्रमण के मद्देनजर क्या इस बार होली घर में ही मनानी चाहिए? \r\n
\r\n
\r\n \r\n\r\n \r\n
कोरोना के बढ़ते संक्रमण के मद्देनजर क्या इस बार होली घर में ही मनानी चाहिए? \r\n
\r\n
\r\n \r\n\r\n \r\n
कोरोना के बढ़ते संक्रमण के मद्देनजर क्या इस बार होली घर में ही मनानी चाहिए? \r\n
\r\n
*/}\r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport './Discussionpage.scss';\r\n\r\nimport ads5 from '../../assets/img/ads5.png';\r\n\r\nimport MustRead from '../../components/MustRead/Mustread';\r\n\r\nexport default class DiscussionPage extends React.Component {\r\n render() {\r\n return (\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
बहस \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n
सामयिक \r\n \r\n
\r\n केन्द्र की मोदी सरकार आंदोलनरत किसानों को एमएसपी पर हल क्यों नहीं निकल पा रहा फसल खरीदी की बात लिखित में क्यों नहीं दे रही?\r\n
\r\n
\r\n 15 \r\n Apr 10,2021 \r\n
\r\n
\r\n \r\n \r\n
\r\n
सामयिक \r\n \r\n
\r\n केन्द्र की मोदी सरकार आंदोलनरत किसानों को एमएसपी पर हल क्यों नहीं निकल पा रहा फसल खरीदी की बात लिखित में क्यों नहीं दे रही?\r\n
\r\n
\r\n 15 \r\n Apr 10,2021 \r\n
\r\n
\r\n \r\n \r\n
\r\n
सामयिक \r\n \r\n
\r\n केन्द्र की मोदी सरकार आंदोलनरत किसानों को एमएसपी पर हल क्यों नहीं निकल पा रहा फसल खरीदी की बात लिखित में क्यों नहीं दे रही?\r\n
\r\n
\r\n 15 \r\n Apr 10,2021 \r\n
\r\n
\r\n \r\n \r\n
\r\n
सामयिक \r\n \r\n
\r\n केन्द्र की मोदी सरकार आंदोलनरत किसानों को एमएसपी पर हल क्यों नहीं निकल पा रहा फसल खरीदी की बात लिखित में क्यों नहीं दे रही?\r\n
\r\n
\r\n 15 \r\n Apr 10,2021 \r\n
\r\n
\r\n \r\n \r\n
\r\n
सामयिक \r\n \r\n
\r\n केन्द्र की मोदी सरकार आंदोलनरत किसानों को एमएसपी पर हल क्यों नहीं निकल पा रहा फसल खरीदी की बात लिखित में क्यों नहीं दे रही?\r\n
\r\n
\r\n 15 \r\n Apr 10,2021 \r\n
\r\n
\r\n \r\n \r\n
\r\n
सामयिक \r\n \r\n
\r\n केन्द्र की मोदी सरकार आंदोलनरत किसानों को एमएसपी पर हल क्यों नहीं निकल पा रहा फसल खरीदी की बात लिखित में क्यों नहीं दे रही?\r\n
\r\n
\r\n 15 \r\n Apr 10,2021 \r\n
\r\n
\r\n \r\n \r\n \r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n )\r\n }\r\n}","import React from 'react';\r\nimport { Helmet } from \"react-helmet\";\r\n\r\nexport default class PopUp extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n status: [],\r\n Image: []\r\n };\r\n }\r\n componentDidMount() {\r\n // console.log('api at header' + Globals.language_based_api);\r\n const url = 'https://s3.ap-south-1.amazonaws.com/dev-media.webdunia.com/public_html/popup/popup.json';\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n\r\n this.setState({\r\n status: data.language.en.status,\r\n Image: data.language.en.popup_image\r\n\r\n })\r\n })\r\n }\r\n\r\n render() {\r\n // console.log(\"state\", this.state);\r\n return (\r\n <>\r\n {(() => {\r\n if (this.state.status == 1) {\r\n return (\r\n <>\r\n\r\n
\r\n \r\n \r\n \r\n \r\n )\r\n }\r\n })()}\r\n\r\n \r\n )\r\n }\r\n\r\n}\r\n","import React , { useState, useEffect } from \"react\";\r\nimport { Suspense, lazy } from \"react\";\r\nimport \"./App.scss\";\r\n//import Analytics from 'react-router-ga';\r\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\r\nimport { TinyButton as ScrollUpButton } from \"react-scroll-up-button\";\r\nimport Footer from \"./components/Footer/footer\";\r\nimport ArticleDetail from \"./pages/Articledetail/articledetail\";\r\nimport CommonPages from \"./pages/common/common\";\r\nimport Home from \"./pages/Home/home\";\r\nimport PhotoDetail from \"./pages/Photodetail/photodetail\";\r\nimport PhotoGallery from \"./pages/Photogallery/photogallery\";\r\nimport Header from \"./components/header/header\";\r\nimport \"./assets/scss/responsive.scss\";\r\nimport Astrology from \"./pages/Astrology/Astrology\";\r\nimport ZodiacDetail from \"./pages/ZodiacDetail/Zodiacdetail\";\r\nimport AstrologyDetail from \"./pages/AstrologyDetail/Astrologydetail\";\r\nimport VideoListing from \"./pages/Videos/Videos\";\r\nimport VideoDetailPage from \"./pages/VideoDetail/Videodetail\";\r\nimport SearchResult from \"./pages/searchresult/searchresult\";\r\nimport videoDetail from \"./pages/VideoDetail/Videodetail\";\r\nimport ListingMiddleWare from \"./pages/listingMiddleWare\";\r\nimport CricketPage from \"./pages/cricketScorecard/cricketScorecard\";\r\nimport PollPage from \"./pages/Poll/Poll\";\r\nimport DiscussionPage from \"./pages/Discussionpage/Discussionpage\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport PopUp from \"./pages/PopUp\";\r\nimport ReactGA from \"react-ga4\";\r\n//import ReactGA from 'react-ga';\r\nfunction App() {\r\n // ReactGA.initialize(\"G-GN0TLTYTPS\"); \r\n \r\n ReactGA.initialize('G-GN0TLTYTPS');\r\n // ReactGA.pageview(window.location.pathname + window.location.search);\r\n \r\n return (\r\n
\r\n {/* popup Component */}\r\n {/*
*/}\r\n {/*
\r\n \r\n \r\n */}\r\n\r\n {/* header component */}\r\n
\r\n
\r\n \r\n \r\n \r\n */}\r\n */}\r\n */}\r\n */}\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\n//import createRoutes from './router';\r\n\r\nconst routes = App();\r\nReactDOM.render(\r\n routes,\r\n document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n","const LanguageCode = \"en\";\r\ndocument.body.classList.add(LanguageCode + \"-body\");\r\nconst Globals = {\r\n LanguageCode : \"en\",\r\n language_based_api:\r\n \"https://ws-en.webdunia.com/json/page?lang=\" + LanguageCode + \"&url=\",\r\n Desktop_language_based_api:\r\n \"https://api-en.webdunia.com/api/v3/get-menu-by-id?lang=\" +\r\n LanguageCode +\r\n \"&menuType=NavigationMenu&menuId=7\",\r\n Desktop_header_based_api:\r\n \"https://api-en.webdunia.com/api/v3/get-menu-by-Id?lang=\" +\r\n LanguageCode +\r\n \"&menuType=NavigationMenu&menuId=7\",\r\n Desktop_footer_based_api:\r\n \"https://api-en.webdunia.com/api/v3/get-menu-by-Id?lang=\" +\r\n LanguageCode +\r\n \"&menuType=FooterMenu&menuId=7\",\r\n Cricket_update_api: \"https://ws-en.webdunia.com/json/ticker?lang=hi\",\r\n\r\n Cricket_Scorecard: \"http://api.webdunia.com/scorecardJson?MatchId=&LangId=1&InningId=\",\r\n poll_api : \"http://m-english.webdunia.com/Api/submitpoll\",\r\n Ad_api: \"http://wsdev.webdunia.com/json/ad-api/desktop?lang=hi\",\r\n AdConfig : \"/ads.json\",\r\n Rightbar_api:`https://ws-en.webdunia.com/json/rightbar?lang=${LanguageCode}&url=`,\r\n //Rightbar_api:\"https://m-hindidev.webdunia.com/ad-config/rightbar-test.json\",\r\n common_contents: `https://api-en.webdunia.com/api/v3/app-common-content?lang=${LanguageCode}`,\r\n DomainUrl : \"http://english.webdunia.com\",\r\n mobileDomainUrl : \"http://m-english.webdunia.com\",\r\n FeatureMobileDomainUrl : \"http://p-english.webdunia.com\",\r\n submit_poll_api : `https://ws-en.webdunia.com/json/api-poll/submit-poll-desktop?lang=${LanguageCode}`,\r\n videos_api : `https://ws-en.webdunia.com/json/dailymotion/get-video-detail?lang=${LanguageCode}&vid=`\r\n};\r\nexport default Globals;\r\n","import React from \"react\";\r\n//import Ads from \"../../ad-config\";\r\nimport { Bling as GPT } from \"react-gpt\";\r\n \r\nGPT.enableSingleRequest();\r\nexport default class ROS_Middle_Center_728_90 extends React.Component {\r\n render() {\r\n let Ads =this.props.AdData;\r\n return (\r\n <> \r\n {(() => {\r\n if (Object.keys(this.props.AdData).length> 0 ) {\r\n return (\r\n
\r\n )\r\n } \r\n })()}\r\n \r\n );\r\n }\r\n}\r\n","import React from 'react';\r\n\r\nimport {Bling as GPT} from \"react-gpt\";\r\n//import Ads from \"../../ad-config\";\r\n\r\nGPT.enableSingleRequest();\r\n//import ReactHtmlParser from 'react-html-parser';\r\n//Gpt.enableSingleRequest();\r\nexport default class Ros_bottom_center_728_90 extends React.Component {\r\n render() {\r\n let Ads = this.props.AdData;\r\n let showAds = this.props.showAds;\r\n return (\r\n <>\r\n {(() => {\r\n if (Object.keys(Ads).length> 0 ) {\r\n return (\r\n
\r\n )\r\n } \r\n })()}\r\n
![\"Online]({require(\"../../assets/img/sponser/10)
\r\n ![\"webdunia]({require(\"../../assets/img/logo/en-logo.svg\").default}\r\n "\\"webdunia"){kind=logo}
\r\n \r\n ![]({\"https://hindi.webdunia.com/img/new-zodiac-signs/zdc\")
\r\n ![]({\"https://hindi.webdunia.com/img/new-zodiac-signs/zdc\"+AstroData.RashiID+\".png\"}/)
\r\n ![\"SevenJackpots]({require(\"../../assets/img/sponser/7)
\r\n // .default})
\r\n 
![\"]({require(\"../../assets/img/sponser/PureWin)