%PDF-
%PDF-
Mini Shell
Mini Shell
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[158],{2705:function(e,t,a){"use strict";a.r(t);var n=a(1102),i=a(1090),l=a(1072),r=a(194),c=a(133),s=a(5),d=a(1118),o=a(0),b=a(6),p=a(2508),u=a(1381),j=a(1489),m=a(1491),g=a(1028),x=a(1099),v=a(1097),h=a(27),O=a(165),f=a(1);const y=Object(l.a)((e=>({root:{backgroundImage:'url("../../assets/images/backgrounds/header-bg.png")',backgroundColor:"#FAFAFA",color:"#FFFFFF",backgroundSize:"cover",backgroundPosition:"0 50%",backgroundRepeat:"no-repeat","&:before":{content:"''",position:"absolute",top:0,right:0,bottom:0,left:0,zIndex:1,background:"rgba(0, 0, 0, 0.45)"},"&.Jan":{backgroundImage:"url('/assets/images/calendar/winter.jpg')",backgroundPosition:"0 85%"},"&.Feb":{backgroundImage:"url('/assets/images/calendar/winter.jpg')",backgroundPosition:"0 85%"},"&.Mar":{backgroundImage:"url('/assets/images/calendar/spring.jpg')",backgroundPosition:"0 40%"},"&.Apr":{backgroundImage:"url('/assets/images/calendar/spring.jpg')",backgroundPosition:"0 40%"},"&.May":{backgroundImage:"url('/assets/images/calendar/spring.jpg')",backgroundPosition:"0 40%"},"&.Jun":{backgroundImage:"url('/assets/images/calendar/summer.jpg')",backgroundPosition:"0 80%"},"&.Jul":{backgroundImage:"url('/assets/images/calendar/summer.jpg')",backgroundPosition:"0 80%"},"&.Aug":{backgroundImage:"url('/assets/images/calendar/summer.jpg')",backgroundPosition:"0 80%"},"&.Sep":{backgroundImage:"url('/assets/images/calendar/autumn.jpg')",backgroundPosition:"0 40%"},"&.Oct":{backgroundImage:"url('/assets/images/calendar/autumn.jpg')",backgroundPosition:"0 40%"},"&.Nov":{backgroundImage:"url('/assets/images/calendar/autumn.jpg')",backgroundPosition:"0 40%"},"&.Dec":{backgroundImage:"url('/assets/images/calendar/winter.jpg')",backgroundPosition:"0 85%"}}}))),w={dayGridMonth:{title:"Month",icon:"view_module"},timeGridWeek:{title:"Week",icon:"view_week"},timeGridDay:{title:"Day",icon:"view_agenda"}};var k=function(e){const{calendarRef:t,currentDate:a}=e,n=y(e),l=Object(b.c)(h.f),c=()=>{var e;return null===(e=t.current)||void 0===e?void 0:e.getApi()};return Object(f.jsx)(x.a,{theme:l,children:Object(f.jsx)("div",{className:Object(s.a)(n.root,"flex h-200 min-h-200 relative",Object(O.a)(new Date((null===a||void 0===a?void 0:a.start)||null),"MMM")),children:Object(f.jsxs)("div",{className:"flex flex-1 flex-col p-12 justify-between z-10 container",children:[Object(f.jsxs)("div",{className:"flex flex-col items-center justify-between sm:flex-row",children:[Object(f.jsxs)("div",{className:"flex items-center my-16 sm:mb-0",children:[Object(f.jsx)(i.a,{component:d.a.span,initial:{scale:0},animate:{scale:1,transition:{delay:.2}},className:"text-24 md:text-32",children:"today"}),Object(f.jsx)(d.a.span,{initial:{x:-20},animate:{x:0,transition:{delay:.2}},delay:300,className:"text-16 md:text-24 mx-12 font-semibold",children:"Calendar"})]}),Object(f.jsxs)("div",{className:"flex items-center",children:[Object(f.jsx)(v.a,{title:"Today",children:Object(f.jsx)("div",{children:Object(f.jsx)(d.a.div,{initial:{scale:0},animate:{scale:1,transition:{delay:.3}},children:Object(f.jsx)(g.a,{"aria-label":"today",onClick:()=>c().today(),children:Object(f.jsx)(i.a,{children:"today"})})})})}),Object.entries(w).map((e=>{let[t,n]=e;return Object(f.jsx)(v.a,{title:n.title,children:Object(f.jsx)("div",{children:Object(f.jsx)(d.a.div,{initial:{scale:0},animate:{scale:1,transition:{delay:.3}},children:Object(f.jsx)(g.a,{"aria-label":t,onClick:()=>c().changeView(t),disabled:(null===a||void 0===a?void 0:a.view.type)===t,children:Object(f.jsx)(i.a,{children:n.icon})})})})},t)}))]})]}),Object(f.jsxs)(d.a.div,{className:"flex items-center justify-center",initial:{opacity:0},animate:{opacity:1,transition:{delay:.3}},children:[Object(f.jsx)(v.a,{title:"Previous",children:Object(f.jsx)(g.a,{"aria-label":"Previous",onClick:()=>c().prev(),children:Object(f.jsx)(i.a,{children:"ltr"===l.direction?"chevron_left":"chevron_right"})})}),Object(f.jsx)(r.a,{variant:"h6",children:null===a||void 0===a?void 0:a.view.title}),Object(f.jsx)(v.a,{title:"Next",children:Object(f.jsx)(g.a,{"aria-label":"Next",onClick:()=>c().next(),children:Object(f.jsx)(i.a,{children:"ltr"===l.direction?"chevron_right":"chevron_left"})})})]})]})})})},D=a(131),N=a(399),E=a(32),C=a(233),I=a(1100),P=a(1098),A=a(1085),F=a(1196),S=a(1194),M=a(1094),R=a(1095),V=a(1096),W=a(1101),_=a(1312),G=a(57),T=a(10),J=a(19),z=a(50),B=a.n(z);const q=Object(J.b)("calendarApp/events/getEvents",(async()=>{const e=await B.a.get("/api/calendar-app/events");return await e.data})),U=Object(J.b)("calendarApp/events/addEvent",(async(e,t)=>{let{dispatch:a}=t;const n=await B.a.post("/api/calendar-app/add-event",{newEvent:e});return await n.data})),H=Object(J.b)("calendarApp/events/updateEvent",(async(e,t)=>{let{dispatch:a}=t;const n=await B.a.post("/api/calendar-app/update-event",{event:e});return await n.data})),L=Object(J.b)("calendarApp/events/remove-event",(async(e,t)=>{let{dispatch:a}=t;const n=await B.a.post("/api/calendar-app/remove-event",{eventId:e});return(await n.data).id})),Y=Object(J.c)({}),{selectAll:K,selectIds:Q,selectById:X}=Y.getSelectors((e=>e.calendarApp.events)),Z=Object(J.d)({name:"calendarApp/events",initialState:Y.getInitialState({eventDialog:{type:"new",props:{open:!1},data:null}}),reducers:{openNewEventDialog:{prepare:e=>({payload:{type:"new",props:{open:!0},data:{start:Object(N.a)(e.start),end:Object(N.a)(e.end)}}}),reducer:(e,t)=>{e.eventDialog=t.payload}},openEditEventDialog:{prepare:e=>({payload:{type:"edit",props:{open:!0},data:{...e,start:Object(N.a)(e.start),end:Object(N.a)(e.end)}}}),reducer:(e,t)=>{e.eventDialog=t.payload}},closeNewEventDialog:(e,t)=>{e.eventDialog={type:"new",props:{open:!1},data:null}},closeEditEventDialog:(e,t)=>{e.eventDialog={type:"edit",props:{open:!1},data:null}}},extraReducers:{[q.fulfilled]:Y.setAll,[U.fulfilled]:Y.addOne,[H.fulfilled]:Y.upsertOne,[L.fulfilled]:Y.removeOne}}),{openNewEventDialog:$,closeNewEventDialog:ee,openEditEventDialog:te,closeEditEventDialog:ae}=Z.actions;var ne=Z.reducer;const ie={id:C.a.generateGUID(),title:"",allDay:!0,start:Object(N.a)(new Date),end:Object(N.a)(new Date),extendedProps:{desc:""}},le=G.d().shape({title:G.f().required("You must enter a title")});var re=function(e){const t=Object(b.b)(),a=Object(b.c)((e=>{let{calendarApp:t}=e;return t.events.eventDialog})),{reset:n,formState:l,watch:c,control:s,getValues:d,handleSubmit:p}=Object(E.f)({defaultValues:ie,mode:"onChange",resolver:Object(D.a)(le)}),{isValid:u,dirtyFields:j,errors:m}=l,x=c("start"),v=c("end"),h=c("id"),O=Object(o.useCallback)((()=>{"edit"===a.type&&a.data&&n({...a.data}),"new"===a.type&&n({...ie,...a.data,id:C.a.generateGUID()})}),[a.data,a.type,n]);function y(){return"edit"===a.type?t(ae()):t(ee())}return Object(o.useEffect)((()=>{a.props.open&&O()}),[a.props.open,O]),Object(f.jsxs)(A.a,{...a.props,onClose:y,fullWidth:!0,maxWidth:"xs",component:"form",children:[Object(f.jsx)(I.a,{position:"static",elevation:0,children:Object(f.jsx)(W.a,{className:"flex w-full",children:Object(f.jsx)(r.a,{variant:"subtitle1",color:"inherit",children:"new"===a.type?"New Event":"Edit Event"})})}),Object(f.jsxs)("form",{noValidate:!0,onSubmit:p((function(e){"new"===a.type?t(U(e)):t(H({...a.data,...e})),y()})),children:[Object(f.jsxs)(S.a,{classes:{root:"p-16 pb-0 sm:p-24 sm:pb-0"},children:[Object(f.jsx)(E.a,{name:"title",control:s,render:e=>{var t;let{field:a}=e;return Object(f.jsx)(V.a,{...a,id:"title",label:"Title",className:"mt-8 mb-16",error:!!m.title,helperText:null===m||void 0===m||null===(t=m.title)||void 0===t?void 0:t.message,InputLabelProps:{shrink:!0},variant:"outlined",autoFocus:!0,required:!0,fullWidth:!0})}}),Object(f.jsx)(E.a,{name:"allDay",control:s,render:e=>{let{field:{onChange:t,value:a}}=e;return Object(f.jsx)(M.a,{className:"mt-8 mb-16",label:"All Day",control:Object(f.jsx)(R.a,{onChange:e=>{t(e.target.checked)},checked:a,name:"allDay"})})}}),Object(f.jsx)(E.a,{name:"start",control:s,defaultValue:"",render:e=>{let{field:{onChange:t,value:a}}=e;return Object(f.jsx)(_.a,{label:"Start",inputVariant:"outlined",value:a,onChange:t,className:"mt-8 mb-16 w-full",maxDate:v})}}),Object(f.jsx)(E.a,{name:"end",control:s,defaultValue:"",render:e=>{let{field:{onChange:t,value:a}}=e;return Object(f.jsx)(_.a,{label:"End",inputVariant:"outlined",value:a,onChange:t,className:"mt-8 mb-16 w-full",minDate:x})}}),Object(f.jsx)(E.a,{name:"extendedProps.desc",control:s,render:e=>{let{field:t}=e;return Object(f.jsx)(V.a,{...t,className:"mt-8 mb-16",id:"desc",label:"Description",type:"text",multiline:!0,rows:5,variant:"outlined",fullWidth:!0})}})]}),"new"===a.type?Object(f.jsx)(F.a,{className:"justify-between px-8 sm:px-16 pb-16",children:Object(f.jsx)(P.a,{variant:"contained",color:"primary",type:"submit",disabled:T.a.isEmpty(j)||!u,children:"Add"})}):Object(f.jsxs)(F.a,{className:"justify-between px-8 sm:px-16 pb-16",children:[Object(f.jsx)(P.a,{variant:"contained",color:"primary",type:"submit",disabled:T.a.isEmpty(j)||!u,children:"Save"}),Object(f.jsx)(g.a,{onClick:function(){t(L(h)),y()},children:Object(f.jsx)(i.a,{children:"delete"})})]})]})]})},ce=a(112);var se=Object(ce.c)({events:ne});const de=Object(l.a)((e=>({root:{"& a":{color:e.palette.text.primary,textDecoration:"normal!important"},"& .fc-media-screen":{minHeight:"100%"},"& .fc-scrollgrid, & .fc-theme-standard td, & .fc-theme-standard th":{borderColor:"".concat(e.palette.divider,"!important")},"& .fc-scrollgrid-section > td":{border:0},"& .fc-daygrid-day":{"&:last-child":{borderRight:0}},"& .fc-col-header-cell":{borderWidth:"0 0 1px 0",padding:"16px 0","& .fc-col-header-cell-cushion":{color:e.palette.text.secondary,fontWeight:500}},"& .fc-view ":{borderRadius:20,overflow:"hidden",border:"1px solid ".concat(e.palette.divider),"& > .fc-scrollgrid":{border:0}},"& .fc-daygrid-day-number":{color:e.palette.text.secondary,fontWeight:500},"& .fc-event":{backgroundColor:"".concat(e.palette.primary.dark,"!important"),color:"".concat(e.palette.primary.contrastText,"!important"),border:0,padding:"0 6px",borderRadius:"16px!important"}},addButton:{position:"absolute",right:12,top:172,zIndex:99}})));function oe(e){return Object(f.jsxs)("div",{className:"flex items-center",children:[Object(f.jsx)(r.a,{className:"text-12 font-semibold",children:e.timeText}),Object(f.jsx)(r.a,{className:"text-12 px-4 truncate",children:e.event.title})]})}t.default=Object(c.a)("calendarApp",se)((function(e){const[t,a]=Object(o.useState)(),l=Object(b.b)(),r=Object(b.c)(K),c=Object(o.useRef)(),g=de(e);return Object(o.useRef)(null),Object(o.useEffect)((()=>{l(q())}),[l]),Object(f.jsxs)("div",{className:Object(s.a)(g.root,"flex flex-col flex-auto relative"),children:[Object(f.jsx)(k,{calendarRef:c,currentDate:t}),Object(f.jsxs)("div",{className:"flex flex-1 p-24 container",children:[Object(f.jsx)(d.a.div,{className:"w-full",initial:{y:20,opacity:0},animate:{y:0,opacity:1,transition:{delay:.2}},children:Object(f.jsx)(p.a,{plugins:[u.b,j.a,m.a],headerToolbar:!1,initialView:"dayGridMonth",editable:!0,selectable:!0,selectMirror:!0,dayMaxEvents:!0,weekends:!0,datesSet:e=>{a(e)},select:e=>{const{start:t,end:a}=e;l($({start:t,end:a}))},events:r,eventContent:oe,eventClick:e=>{const{id:t,title:a,allDay:n,start:i,end:r,extendedProps:c}=e.event;l(te({id:t,title:a,allDay:n,start:i,end:r,extendedProps:c}))},eventAdd:e=>{},eventChange:e=>{},eventRemove:e=>{},eventDrop:e=>{const{id:t,title:a,allDay:n,start:i,end:r,extendedProps:c}=e.event;l(H({id:t,title:a,allDay:n,start:i,end:r,extendedProps:c}))},initialDate:new Date(2021,3,1),ref:c})}),Object(f.jsx)(d.a.div,{className:g.addButton,initial:{scale:0},animate:{scale:1,transition:{delay:.4}},children:Object(f.jsx)(n.a,{color:"secondary","aria-label":"add",onClick:()=>l($({start:new Date,end:new Date})),children:Object(f.jsx)(i.a,{children:"add"})})}),Object(f.jsx)(re,{})]})]})}))}}]);
Zerion Mini Shell 1.0