https://downtowncalgary.com/component---src-pages-events-index-js-00e106d7de3ccc1ea77d.js

1"use strict";(self.webpackChunkcalgary_downtown_association=self.webpackChunkcalgary_downtown_association||[]).push([[171],{97781:function(e,t,a){a.r(t),a.d(t,{default:function(){return k}});var n=a(17913),o=a(30758),i=a(7201),r=a(71657),l=a(84899),s=a(17356);var d=e=>{let{data:t}=e;return(0,s.Y)(o.Fragment,null,t.bodyContent&&(0,s.Y)(l.mO,{id:"events-intro",maxWidth:768},(0,s.Y)(l.sD,{content:{html:t.bodyContent},size:600})))},c=a(3675),m=a.n(c),h=a(13402);function u(e){let{categories:t,experiences:a,setShowFilters:n,setWhenFrom:i,setWhenTo:r,whenDateRange:d,setWhenDateRange:c,types:m,setTypes:h,occasions:u,setOccasions:y}=e;const{0:p,1:f}=(0,o.useState)(u),{0:Y,1:g}=(0,o.useState)(m),{0:k,1:v}=(0,o.useState)(d);return(0,s.Y)(o.Fragment,null,(0,s.Y)(l._I,{items:[{icon:null,heading:"Type",children:(0,s.Y)(o.Fragment,null,t&&t.map(((e,t)=>{let{heroTitle:a}=e;return(0,s.Y)(l.az,{key:"filtersType"+t,mb:"layout.1"},(0,s.Y)(l.Sc,{children:a,checked:-1!==Y.indexOf(a),onClick:()=>{if(-1!==Y.indexOf(a)){const e=JSON.parse(JSON.stringify(Y));e.splice(Y.indexOf(a),1),g(e)}else{const e=JSON.parse(JSON.stringify(Y));e.push(a),g(e)}}}))})))},{icon:null,heading:"When",children:(0,s.Y)(o.Fragment,null,(0,s.Y)(l.az,{mb:"layout.1"},(0,s.Y)(l.sx,{children:"Today",name:"dateRadio",checked:"today"===k,onClick:()=>{v("today")}})),(0,s.Y)(l.az,{mb:"layout.1"},(0,s.Y)(l.sx,{children:"This week",name:"dateRadio",checked:"week"===k,onClick:()=>{v("week")}})),(0,s.Y)(l.az,{mb:"layout.1"},(0,s.Y)(l.sx,{children:"This month",name:"dateRadio",checked:"month"===k,onClick:()=>{v("month")}})))},{icon:null,heading:"Occasion",children:(0,s.Y)(o.Fragment,null,a&&a.map(((e,t)=>{let{experience:a}=e;return(0,s.Y)(l.az,{key:"filtersOccasion"+t,mb:"layout.1"},(0,s.Y)(l.Sc,{children:a,checked:-1!==p.indexOf(a),onClick:()=>{if(-1!==p.indexOf(a)){const e=JSON.parse(JSON.stringify(p));e.splice(p.indexOf(a),1),f(e)}else{const e=JSON.parse(JSON.stringify(p));e.push(a),f(e)}}}))})))}]}),(0,s.Y)(l.so,{alignItems:"center",my:"layout.4",flexDirection:"column"},(0,s.Y)(l.$n,{children:"Clear all",appearance:"minimal",onClick:()=>{y([]),h([]),c(""),n(!1)}}),(0,s.Y)(l.az,{mt:"layout.2"},(0,s.Y)(l.$n,{children:"Filter",onClick:()=>{c(k),y(p),h(Y),n(!1)}}))))}var y=e=>(0,s.Y)(o.Fragment,null,(0,s.Y)(l.az,{display:["none","none","block"],maxWidth:768,mx:"auto"},(0,s.Y)(u,e)),e.isMobile&&(0,s.Y)(l.W1,{showDialog:e.showFilters,setShowDialog:e.setShowFilters,bg:"background",color:"text",logo:(0,s.Y)(l.$n,{iconBefore:"filter",intent:"default",appearance:"minimal",ml:"-24px",onClick:()=>{e.setShowFilters(!e.showFilters)}},"Filter"),children:(0,s.Y)(l.az,{minHeight:"calc(var(--vh, 1vh) * 100)",bg:"background",pt:24},(0,s.Y)(l.mO,{my:0},(0,s.Y)(u,e)))}));var p={name:"12rwz1e",styles:"margin-top:0 !important"},f={name:"703cmj",styles:"white-space:pre-line;text-align:center"},Y={name:"1l2j357",styles:"hyphens:auto"};var g=function(e){let{data:t,isMobile:a}=e;const{0:n,1:r}=(0,o.useState)((new(m())).tz("America/Edmonton").startOf("week").add(1,"days")),{0:d,1:c}=(0,o.useState)([]),{0:u,1:g}=(0,o.useState)([]),{0:k,1:v}=(0,o.useState)(void 0),{0:x,1:b}=(0,o.useState)("list"),{0:w,1:O}=(0,o.useState)(!1),{0:z,1:C}=(0,o.useState)([]),{0:S,1:D}=(0,o.useState)([]),{0:E,1:F}=(0,o.useState)(""),{0:T,1:A}=(0,o.useState)(""),{0:N,1:W}=(0,o.useState)("");return(0,o.useEffect)((()=>{if(t.events){const e=m()(n).tz("America/Edmonton").dayOfYear();let o=[];t.events.forEach((e=>{if(e.startDatetime){const t=m()().tz("America/Edmonton"),a=t.dayOfYear(),n=t.week(),i=t.month(),r=m()(e.startDatetime).tz("America/Edmonton"),l=r.dayOfYear(),s=r.week(),d=r.month();let c=!1;if(z.length>0){let t=!1;e.experienceTypes.forEach((e=>{-1!==z.indexOf(e.experience)&&(t=!0)})),t||(c=!0)}(!e.category&&!e.featuredTitle||S.length>0&&-1===S.indexOf(e.category.heroTitle))&&(c=!0),E&&("today"===E&&l!==a&&(c=!0),"week"===E&&s!==n&&(c=!0),"month"===E&&d!==i&&(c=!0)),c||o.push(e)}}));let i=[];for(let t=0;t<7;t++){const a=m()(n).tz("America/Edmonton").add(t,"days").dayOfYear();let r=[];o.forEach((t=>{const n=m()(t.startDatetime).tz("America/Edmonton").dayOfYear(),o=m()(t.endDatetime).tz("America/Edmonton").dayOfYear();if(a>=n&&a<=o){const a=n<e?0:n-e;r.push({...t,day:n,start:a,width:o-n>1?o-n:1,dayOfYear:n,elevation:0})}})),r.sort(((e,t)=>e.dayOfYear-t.dayOfYear)),i.push({day:a,events:r})}i.forEach(((e,t)=>{let a=0;

1e.events.forEach((n=>{n.day!==e.day&&0!==t&&a++})),e.events.forEach(((e,t)=>{e.elevation=a}))})),g(i),a&&i.forEach((e=>{e.events.length>0&&!k&&v(e)}));let r=[];o.forEach((e=>{const t=m()().tz("America/Edmonton"),a=t.dayOfYear(),n=t.week(),o=t.month(),i=t.year();let l=m()(e.startDatetime).tz("America/Edmonton");const s=m()(e.endDatetime).tz("America/Edmonton");l.isBefore(t)&&s.isAfter(t)&&(l=t);const d=l.dayOfYear(),c=l.week(),h=l.month(),u=l.year();let y="";if(d>=a&&(d===a&&(y="Today"),d!==a+1||y||(y="Tomorrow"),c!==n||y||(y="This Week"),c!==n+1||y||(y="Next Week"),h!==o||y||(y="This Month"),h!==o+1||y||(y="Next Month"),u!==i||y||(y="This Year")),y){let t=-1;r.forEach(((e,a)=>{e.label===y&&(t=a)})),-1===t?r.push({dayOfYear:d,label:y,events:[{...e,dayOfYear:d}]}):r[t].events.push({...e,dayOfYear:d})}})),r.sort(((e,t)=>e.dayOfYear-t.dayOfYear)),r.forEach((e=>{e.events.sort(((e,t)=>e.dayOfYear-t.dayOfYear))})),c(r)}}),[t.events,n,z,S,E]),(0,s.Y)(o.Fragment,null,t.events&&(0,s.Y)(l.mO,{css:p},(0,s.Y)(l.so,{alignItems:"center",mt:["layout.4","layout.6"],mb:"layout.4"},(0,s.Y)(l.$n,{iconBefore:"filter",intent:"default",appearance:"minimal",ml:"-24px",onClick:()=>{O(!w)}},"Filter"," ",(S.length>0||z.length>0||E)&&"("+(()=>{let e=0;return E&&e++,e+S.length+z.length})()+")"),(0,s.Y)(l.so,{ml:"auto",onClick:()=>{w?O(!1):"list"===x?b("calendar"):(r((new(m())).tz("America/Edmonton").startOf("week").add(1,"days")),b("list"))}},!w&&(0,s.Y)(o.Fragment,null,(0,s.Y)(l.K0,{icon:"listView",intent:"default",appearance:"list"===x?"primary":"default",mr:"-2px"}),(0,s.Y)(l.K0,{icon:"calendarView",intent:"default",appearance:"calendar"===x?"primary":"default",ml:"-2px"})),w&&(0,s.Y)(l.K0,{icon:"close",intent:"default",ml:"-2px"}))),w&&(0,s.Y)(y,{isMobile:a,experiences:t.experiences,categories:t.categories,showFilters:w,setShowFilters:O,occasions:z,setOccasions:C,types:S,setTypes:D,whenDateRange:E,setWhenDateRange:F,setWhenFrom:W,setWhenTo:A}),(z.length>0||S.length>0||E)&&(0,s.Y)(l.so,{my:"layout.3",flexWrap:"wrap"},E&&(0,s.Y)(l.$n,{children:"Events happening "+E=="today"?E:" this "+E,iconAfter:"close",onClick:()=>{F("")},mr:2,mb:2}),S&&S.map(((e,t)=>(0,s.Y)(l.$n,{children:e,iconAfter:"close",onClick:()=>{const e=JSON.parse(JSON.stringify(S));e.splice(t,1),D(e)},mr:2,mb:2,key:"occasionFilterButton"+t}))),z&&z.map(((e,t)=>(0,s.Y)(l.$n,{children:e,iconAfter:"close",onClick:()=>{const e=JSON.parse(JSON.stringify(z));e.splice(t,1),C(e)},mr:2,mb:2,key:"occasionFilterButton"+t})))),!w&&(0,s.Y)(o.Fragment,null,(0,s.Y)(l.az,null,"list"===x&&(0,s.Y)(o.Fragment,null,d.map(((e,t)=>(0,s.Y)(l.az,{key:"eventDay"+t+"day"+e.dayOfYear,mt:t>0?"layout.5":""},(0,s.Y)(l.DZ,{size:700,textAlign:"center",mb:"layout.4"},e.label),(0,s.Y)(l.MC,{justifyContent:"center",content:e.events.map((e=>{let{featuredTitle:t,featuredPhoto:a,address:n,startDatetime:o,endDatetime:i,category:r,name:d,url:c}=e;return{width:["100%",null,"50%"],children:(0,s.Y)(l.nn,{category:t&&!r?"Campaign":r,image:a,startDate:o,endDate:i,title:t||d,address:n,url:c})}})),gutterY:[2,4]}))))),"calendar"===x&&(0,s.Y)(o.Fragment,null,(0,s.Y)(l.so,{justifyContent:"center",alignItems:"center",mb:"layout.4"},(0,s.Y)(l.K0,{icon:"chevronLeft",intent:"default",appearance:"minimal",onClick:()=>{r(m()(n).tz("America/Edmonton").add(-7,"days")),v(void 0)}}),(0,s.Y)(l.DZ,{size:700,textAlign:"center",mx:[4,5]},n.format("MMMM")),(0,s.Y)(l.K0,{icon:"chevronRight",intent:"default",appearance:"minimal",onClick:()=>{r(m()(n).tz("America/Edmonton").add(7,"days")),v(void 0)}})),(0,s.Y)(l.so,null,u.map(((e,t)=>(0,s.Y)(l.az,{as:"button",width:1/7,borderLeft:0===t?"4px solid":"1px solid",borderRight:"3px solid",borderBottom:"4px solid",borderTop:"4px solid",p:[2,3],bg:"background",disabled:0===e.events.length,css:(0,h.Ay)({cursor:"pointer","&:disabled":{borderColor:"text",cursor:"not-allowed",h2:{opacity:.25}},"&.active":{bg:"text",borderColor:"text",h2:{color:"background"}}}),className:k&&k.day===e.day?"active":"",onClick:()=>{k&&e.day===k.day&&!a?v(void 0):v(e)},key:"weekHeader"+t+"day"+e.day},(0,s.Y)(l.DZ,{size:300,css:f},m()(n).tz("America/Edmonton").add(t,"days").format("ddd [\n] DD")))))),!k&&(0,s.Y)(l.so,{mb:[3,4],maxWidth:"100%",overflow:"hidden"},u.map(((e,t)=>(0,s.Y)(l.az,{width:1/7,boxShadow:"inset -1px 0 0 #000"+(0===t?", inset 1px 0 0 #000":""),key:"weekGrid"+t+"day"+e.day},e.events.map(((a,n)=>a.start===t?(0,s.Y)(l.az,{position:"relative",width:1/7,minWidth:"calc("+100*a.width+"%)",pt:[0!==a.elevation?112*a.elevation:"8px",0!==a.elevation?144*a.elevation:"8px"],pr:["2px","layout.1"],pl:["1px","layout.1"],pb:"layout.1",overflow:"hidden",key:"weekGridEventItem"+t+"day"+e.day+"event"+a.url+n},(0,s.Y)(i.N_,{to:"DatoCmsCampaign"===a.internal.type?`/${a.url}/`:`/events/${a.url}/`},(0,s.Y)(l.az,{minHeight:[96,120],p:"layout.1",bg:"text",overflow:"hidden"},(0,s.Y)(l.EY,{children:a.featuredTitle?a.featuredTitle:a.name,color:"background",fontWeight:"bold",size:500,css:Y})))):null)))))),k&&(0,s.Y)(l.az,{mt:"layout.3"},(0,s.Y)(l.MC,{justifyContent:"center",content:k.events&&k.events.map((e=>{let{featuredPhoto:t,address:a,startDatetime:n,endDatetime:o,category:i,name:r,url:d}=e;return{width:["100%",null,"50%"],children:(0,s.Y)(l.nn,{image:t,category:i,startDate:n,endDate:o,title:r,address:a,url:d,key:d})}})),gutterY:[2,4]})))))))};var k=function(e){let{loaderComplete:t,isMobile:a}=e;const{page:c,campaigns:m,events:h,experiences:u,categories:y}=(0,i.GR)("1916432049");return(0,s.Y)(o.Fragment,null,(0,s.Y)(r.HelmetDatoCms,{seo:c.seoMetaTags}),(0,s.Y)(l.ff,{id:"events-hero",title:c.heroTitle,buttonProps:{children:"Submit an event",as:l.N_,to:"/events/submit-an-event/"},image:c.heroImage,loaderComplete:t,page:(0,s.Y)(o.Fragment,null,(0,s.Y)(d,{data:{bodyContent:c.introductoryDescription}}),(0,s.Y)(g,{isMobile:a,data:{events:[].concat((0,n.A)(m.nodes),(0,n.A)(h.nodes)),categories:y.nodes,experiences:u.nodes}}))}))}}}]);
2//# sourceMappingURL=component---src-pages-events-index-js-00e106d7de3ccc1ea

277d.js.map