dwell

); }; function App() { const data, setData = React.useState(); const datetime, setDatetime = React.useState(null); const days, setDays = React.useState("00"); const hours, setHours = React.useState("00"); const minutes, setMinutes = React.useState("00"); const seconds, setSeconds = React.useState("00"); // URL const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); let contentId = urlParams.get("content"); let ENVURL = "https://dwell.cdn.content.amplience.net"; // production if (contentId) { ENVURL = "https://btzbj25aekwz1wx9dnc4kt6zi.staging.bigcontent.io"; // staging } else { contentId = "c899d6c2-f5c4-4331-8803-f928c8f09a78"; } // slideshow const slide, setSlide = React.useState(0); const slideCount, setSlideCount = React.useState(null); React.useEffect(() => { getData(); }, ); React.useEffect(() => { if (datetime) { setInterval(() => { setCountdown(datetime); }, 1000); } }, datetime); // Slideshow: auto play React.useEffect(() => { const autoplay = setInterval(() => { if (slideCount) { setSlide(slide clearInterval(autoplay); }, slideCount, slide); const getData = async () => { let response = await fetch( `${ENVURL}/content/id/${contentId}?depth=all&format=inlined` ) .then((response) => { return response.json(); }) .catch((error) => { console.log(error); }); const dataArray = response"content".slot ? response"content".slot : response"content"; setData(dataArray); console.log(dataArray); if ( dataArray0"_meta".schema === "https://dwell.co.uk/banner-countdown" ) { const endCountdown = dataArray0.countdownEndDate; setDatetime(endCountdown.trim()); } // slideshow: auto play if ( dataArray0"_meta".schema === "https://dwell.co.uk/banner-slider" ) { setSlideCount(dataArray0.slideshow.length); } }; const setCountdown = (datetime) => { const countDownDate = new Date(datetime).getTime(); const now = new Date().getTime(); const distance = countDownDate - now; let days = Math.floor(distance / (1000 * 60 * 60 * 24)); let hours = Math.floor( (distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60) ); let minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); let seconds = Math.floor((distance % (1000 * 60)) / 1000); /*if (days 0) { const banner = data0; const { countdownEndDate, countdownBgColor = "#5E4171", countdownCopy = "Hurry, up to 30% off ends in", countdownTextColor = "rgb(255, 255, 255)", } = data0.countdown || {}; const { elementId = { name: data0._meta.name } } = data0; if (banner"_meta".schema === "https://dwell.co.uk/banner") { return ( ); } } } const domContainer = document.querySelector( "#slot-c899d6c2-f5c4-4331-8803-f928c8f09a78" ); const root = ReactDOM.createRoot(domContainer); root.render(e(App)); '; } this.addEventListeners(); } addEventListeners() { this.sliderEl.addEventListener('touchstart', this.onStart) this.sliderEl.addEventListener('mousedown', this.onStart) this.sliderEl.addEventListener('touchend', this.onEnd) this.sliderEl.addEventListener('mouseup', this.onEnd) this.prevBtn && this.prevBtn.addEventListener("click", this.goToPrev); this.nextBtn && this.nextBtn.addEventListener("click", this.goToNext); Array.from(this.slideLinks) .forEach(element => { element.addEventListener("click", e => { e.preventDefault(); }); element.addEventListener("mousedown", () => { this.swipeDetect = 0; }); element.addEventListener("mousemove", () => { this.swipeDetect = 1; }); element.addEventListener("mouseup", () => { if (this.swipeDetect === 0) { window.location = element.href; } }); }); } onStart(e) { this.touchstartX = e.pageX || e.changedTouches0.screenX; } onEnd(e) { this.touchendX = e.pageX || e.changedTouches0.screenX; if (this.touchstartX - this.touchendX > 25) this.goTo(this.activeSlide + 1); else if (this.touchstartX - this.touchendX { this.sliderEl.classList.remove('is-animating'); }, 400); this.upDatePagination(); } goToPrev() { this.goTo(this.activeSlide - 1) } goToNext() { this.goTo(this.activeSlide + 1) } upDatePagination() { let pagination = this.sliderEl.parentElement .querySelectorAll(this.sliderPaginationSelector + ' > *'); for (let n = 0; n this.slideCount - 1) this.activeSlide = this.slideCount - 1 else this.activeSlide = number; } } window.addEventListener('load', () => Array.from(document.querySelectorAll('.mslider')) .forEach(el => new MobileSlider(el))); })(); ) } function Home2ndBanner(){ const data,setData = React.useState() const datetime,setDatetime = React.useState(null) const days,setDays = React.useState("00") const hours,setHours = React.useState("00") const minutes,setMinutes = React.useState("00") const seconds,setSeconds = React.useState("00") // slideshow const slide, setSlide = React.useState(0) const slideCount, setSlideCount = React.useState(null) // URL const queryString = window.location.search const urlParams = new URLSearchParams(queryString); const contentId = urlParams.get('content') React.useEffect(() => { getData() }, ); React.useEffect(() => { if(datetime){ setInterval(() => { setCountdown(datetime) }, 1000); } }, datetime); // Slideshow: auto play React.useEffect(() => { const autoplay = setInterval(() => { if(slideCount){ setSlide(slide clearInterval(autoplay); }, slideCount, slide); const getData = async() => { // VSE if(contentId){ const content = `https://btzbj25aekwz1wx9dnc4kt6zi.staging.bigcontent.io/content/id/${contentId}?depth=all&format=inlined` let response = await fetch(content) .then(response => { return response.clone().json(); }) .catch(error => { console.log(error); }); // slot? if (Array.isArray(response"content".slot) && response"content".slot.length) { setData(response"content".slot) // countdown if(response"content".slot0"_meta".schema === "https://dwell.co.uk/banner-countdown"){ const endCountdown = response"content".slot0.countdownEndDate; setDatetime(endCountdown.trim()) } // content? }else{ setData(response"content") // countdown if(response"content""_meta".schema === "https://dwell.co.uk/banner-countdown"){ const endCountdown = response"content".countdownEndDate; setDatetime(endCountdown.trim()) } } // production }else{ const content = "https://dwell.cdn.content.amplience.net/content/id/174d1160-dabb-427c-9b3c-95cd292726bd?depth=all&format=inlined" let response = await fetch(content) .then(response => { return response.clone().json(); }) .catch(error => { console.log(error); }); setData(response"content".slot) // countdown if(response"content".slot0"_meta".schema === "https://dwell.co.uk/banner-countdown"){ const endCountdown = response"content".slot0.countdownEndDate; setDatetime(endCountdown.trim()) } // slideshow: auto play if(response"content".slot0"_meta".schema === "https://dwell.co.uk/banner-slider"){ setSlideCount(response"content".slot0.slideshow.length) } } } const setCountdown =(datetime) => { const countDownDate = new Date(datetime).getTime(); const now = new Date().getTime(); const distance = countDownDate - now; let days = Math.floor(distance / (1000 * 60 * 60 * 24)); let hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); let minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); let seconds = Math.floor((distance % (1000 * 60)) / 1000); /*if (days 0) { const banner = data0; if(banner"_meta".schema === "https://dwell.co.uk/banner"){ return(

Jayo OKay
1 Star
Customer service non existent.. Not the staffs fault...managerial constraints.. Stay well clear..
Tuesday 14th January 2020