https://fandoro.com/_next/static/chunks/pages/components/apps/full-calender-ab3f81d76a9f77c0.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2721],{9576:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/apps/full-calender",function(){return n(48930)}])},48930:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return I}});var s=n(85893),a=n(67294),r=n(34051),i=n(31555),l=n(52686),d=n(70552),c=n(43907),o=n(16993),m=n(61029),h=n(39897),f=n(86455),u=n.n(f),v=n(72867),g=n(41664),x=n.n(g),b=n(38636),p=n(17920),y=n(6400);class j extends p.B{constructor(){super(...arguments),this.state={textId:(0,p.a5)()}}render(){let{theme:e,dateEnv:t,options:n,viewApi:s}=this.context,{cellId:a,dayDate:r,todayRange:i}=this.props,{textId:l}=this.state,d=(0,p.a_)(r,i),c=n.listDayFormat?t.format(r,n.listDayFormat):"",o=n.listDaySideFormat?t.format(r,n.listDaySideFormat):"",m=Object.assign({date:t.toDate(r),view:s,textId:l,text:c,sideText:o,navLinkAttrs:(0,p.b0)(this.context,r),sideNavLinkAttrs:(0,p.b0)(this.context,r,"day",!1)},d);return(0,y.createElement)(p.C,{elTag:"tr",elClasses:["fc-list-day",...(0,p.aZ)(d,e)],elAttrs:{"data-date":(0,p.bv)(r)},renderProps:m,generatorName:"dayHeaderContent",customGenerator:n.dayHeaderContent,defaultGenerator:E,classNameGenerator:n.dayHeaderClassNames,didMount:n.dayHeaderDidMount,willUnmount:n.dayHeaderWillUnmount},t=>(0,y.createElement)("th",{scope:"colgroup",colSpan:3,id:a,"aria-labelledby":l},(0,y.createElement)(t,{elTag:"div",elClasses:["fc-list-day-cushion",e.getClass("tableCellShaded")]})))}}function E(e){return(0,y.createElement)(y.Fragment,null,e.text&&(0,y.createElement)("a",Object.assign({id:e.textId,className:"fc-list-day-text"},e.navLinkAttrs),e.text),e.sideText&&(0,y.createElement)("a",Object.assign({"aria-hidden":!0,className:"fc-list-day-side-text"},e.sideNavLinkAttrs),e.sideText))}let N=(0,p.x)({hour:"numeric",minute:"2-digit",meridiem:"short"});class w extends p.B{render(){let{props:e,context:t}=this,{options:n}=t,{seg:s,timeHeaderId:a,eventHeaderId:r,dateHeaderId:i}=e,l=n.eventTimeFormat||N;return(0,y.createElement)(p.cn,Object.assign({},e,{elTag:"tr",elClasses:["fc-list-event",s.eventRange.def.url&&"fc-event-forced-url"],defaultGenerator:()=>{let e;return e=(0,p.bU)(s,t),(0,y.createElement)("a",Object.assign({},e),s.eventRange.def.title)},seg:s,timeText:"",disableDragging:!0,disableResizing:!0}),(e,n)=>(0,y.createElement)(y.Fragment,null,function(e,t,n,s,a){let{options:r}=n;if(!1!==r.displayEventTime){let i,l=e.eventRange.def,d=e.eventRange.instance,c=!1;if(l.allDay?c=!0:(0,p.az)(e.eventRange.range)?e.isStart?i=(0,p.bQ)(e,t,n,null,null,d.range.start,e.end):e.isEnd?i=(0,p.bQ)(e,t,n,null,null,e.start,d.range.end):c=!0:i=(0,p.bQ)(e,t,n),c){let e={text:n.options.allDayText,view:n.viewApi};return(0,y.createElement)(p.C,{elTag:"td",elClasses:["fc-list-event-time"],elAttrs:{headers:`${s} ${a}`},renderProps:e,generatorName:"allDayContent",customGenerator:r.allDayContent,defaultGenerator:D,classNameGenerator:r.allDayClassNames,didMount:r.allDayDidMount,willUnmount:r.allDayWillUnmount})}return(0,y.createElement)("td",{className:"fc-list-event-time"},i)}return null}(s,l,t,a,i),(0,y.createElement)("td",{"aria-hidden":!0,className:"fc-list-event-graphic"},(0,y.createElement)("span",{className:"fc-list-event-dot",style:{borderColor:n.borderColor||n.backgroundColor}})),(0,y.createElement)(e,{elTag:"td",elClasses:["fc-list-event-title"],elAttrs:{headers:`${r} ${i}`}})))}}function D(e){return e.text}class C extends p.be{constructor(){super(...arguments),this.computeDateVars=(0,p.z)(k),this.eventStoreToSegs=(0,p.z)(this._eventStoreToSegs),this.state={timeHeaderId:(0,p.a5)(),eventHeaderId:(0,p.a5)(),dateHeaderIdRoot:(0,p.a5)()},this.setRootEl=e=>{e?this.context.registerInteractiveComponent(this,{el:e}):this.context.unregisterInteractiveComponent(this)}}render(){let{props:e,context:t}=this,{dayDates:n,dayRanges:s}=this.computeDateVars(e.dateProfile),a=this.eventStoreToSegs(e.eventStore,e.eventUiBases,s);return(0,y.createElement)(p.ct,{elRef:this.setRootEl,elClasses:["fc-list",t.theme.getClass("table"),!1!==t.options.stickyHeaderDates?"fc-list-sticky":""],viewSpec:t.viewSpec},(0,y.createElement)(p.cd,{liquid:!e.isHeightAuto,overflowX:e.isHeightAuto?"visible":"hidden",overflowY:e.isHeightAuto?"visible":"auto"},a.length>0?this.renderSegList(a,n):this.renderEmptyMessage()))}renderEmptyMessage(){let{options:e,viewApi:t}=this.context,n={text:e.noEventsText,view:t};return(0,y.createElement)(p.C,{elTag:"div",elClasses:["fc-list-empty"],renderProps:n,generatorName:"noEventsContent",customGenerator:e.noEventsContent,defaultGenerator:Z,classNameGenerator:e.noEventsClassNames,didMount:e.noEventsDidMount,willUnmount:e.noEventsWillUnmount},e=>(0,y.createElement)(e,{elTag:"div",elClasses:["fc-list-empty-cushion"]}))}renderSegList(e,t){let{theme:n,options:s}=this.context,{timeHeaderId:a,eventHeaderId:r,dateHeaderIdRoot:i}=this.state,l=function(e){let t,n,s=[];for(t=0;t<e.length;t+=1)(s[(n=e[t]).dayIndex]||(s[n.dayIndex]=[])).push(n);return s}(e);return(0,y.createElement)(p.ch,{unit:"day"},(e,d)=>{let c=[];for(let n=0;n<l.length;n+=1){let o=l[n];if(o){let l=(0,p.bv)(t[n]),m=i+"-"+l;for(let i of(c.push((0,y.createElement)(j,{key:l,cellId:m,dayDate:t[n],todayRange:d})),o=(0,p.bR)(o,s.eventOrder)))c.push((0,y.createElement)(w,Object.assign({key:l+":"+i.eventRange.instance.instanceId,seg:i,isDragging:!1,isResizing:!1,isDateSelecting:!1,isSelected:!1,timeHeaderId:a,eventHeaderId:r,dateHeaderId:m},(0,p.bS)(i,d,e))))}}return(0,y.createElement)("table",{className:"fc-list-table "+n.getClass("table")},(0,y.createElement)("thead",null,(0,y.createElement)("tr",null,(0,y.createElement)("th",{scope:"col",id:a},s.timeHint),(0,y.createElement)("th",{scope:"col","aria-hidden":!0}),(0,y.createElement)("th",{scope:"col",id:r},s.eventHint))),(0,y.createElement)("tbody",null,c))})}_eventStoreToSegs(e,t,n){return this.eventRangesToSegs((0,p.af)(e,t,this.props.dateProfile.activeRange,this.context.options.nextDayThreshold).fg,n)}eventRangesToSegs(e,t){let n=[];for(let s of e)n.push(...this.eventRangeToSegs(s,t));return n}eventRangeToSegs(e,t){let n,s,a,{dateEnv:r}=this.context,{nextDayThreshold:i}=this.context.options,l=e.range,d=e.def.allDay,c=[];for(n=0;n<t.length;n+=1)if((s=(0,p.o)(l,t[n]))&&(c.push(a={component:this,eventRange:e,start:s.start,end:s.end,isStart:e.isStart&&s.start.valueOf()===l.start.valueOf(),isEnd:e.isEnd&&s.end.valueOf()===l.end.valueOf(),dayIndex:n}),!a.isEnd&&!d&&n+1<t.length&&l.end<r.add(t[n+1].start,i))){a.end=l.end,a.isEnd=!0;break}return c}}function Z(e){return e.text}function k(e){let t=(0,p.q)(e.renderRange.start),n=e.renderRange.end,s=[],a=[];for(;t<n;)s.push(t),a.push({start:t,end:(0,p.t)(t,1)}),t=(0,p.t)(t,1);return{dayDates:s,dayRanges:a}}(0,p.cw)(':root{--fc-list-event-dot-width:10px;--fc-list-event-hover-bg-color:#f5f5f5}.fc-theme-standard .fc-list{border:1px solid var(--fc-border-color)}.fc .fc-list-empty{align-items:center;background-color:var(--fc-neutral-bg-color);display:flex;height:100%;justify-content:center}.fc .fc-list-empty-cushion{margin:5em 0}.fc .fc-list-table{border-style:hidden;width:100%}.fc .fc-list-table tr>*{border-left:0;border-right:0}.fc .fc-list-sticky .fc-list-day>*{background:var(--fc-page-bg-color);position:sticky;top:0}.fc .fc-list-table thead{left:-10000px;position:absolute}.fc .fc-list-table tbody>tr:first-child th{border-top:0}.fc .fc-list-table th{padding:0}.fc .fc-list-day-cushion,.fc .fc-list-table td{padding:8px 14px}.fc .fc-list-day-cushion:after{clear:both;content:"";display:table}.fc-theme-standard .fc-list-day-cushion{background-color:var(--fc-neutral-bg-color)}.fc-direction-ltr .fc-list-day-text,.fc-direction-rtl .fc-list-day-side-text{float:left}.fc-direction-ltr .fc-list-day-side-text,.fc-direction-rtl .fc-list-day-text{float:right}.fc-direction-ltr .fc-list-table .fc-list-event-graphic{padding-right:0}.fc-direction-rtl .fc-list-table .fc-list-event-graphic{padding-left:0}.fc .fc-list-event.fc-event-forced-url{cursor:pointer}.fc .fc-list-event:hover td{background-color:var(--fc-list-event-hover-bg-color)}.fc .fc-list-event-graphic,.fc .fc-list-event-time{white-space:nowrap;width:1px}.fc .fc-list-event-dot{border:calc(var(--fc-list-event-dot-width)/2) solid var(--fc-event-border-color);border-radius:calc(var(--fc-list-event-dot-width)/2);box-sizing:content-box;display:inline-block;height:0;width:0}.fc .fc-list-event-title a{color:inherit;text-decoration:none}.fc .fc-list-event.fc-event-forced-url:hover a{text-decoration:underline}');let T={listDayFormat:S,listDaySideFormat:S,noEventsClassNames:p.n,noEventsContent:p.n,noEventsDidMount:p.n,noEventsWillUnmount:p.n};function S(e){return!1===e?null:(0,p.x)(e)}var F=(0,b.rx)({name:"@fullcalendar/list",optionRefiners:T,views:{list:{component:C,buttonTextKey:"list",listDayFormat:{month:"long",day:"numeric",year:"numeric"}},listDay:{type:"list",duration:{days:1},listDayFormat:{weekday:"long"}},listWeek:{type:"list",duration:{weeks:1},listDayFormat:{weekday:"long"},listDaySideFormat:{month:"long",day:"numeric",year:"numeric"}},listMonth:{type:"list",duration:{month:1},listDaySideFormat:{weekday:"long"}},listYear:{type:"list",duration:{year:1},listDaySideFormat:{weekday:"long"}}}}),M=n(33272);class R extends a.Component{componentDidMount(){let e=document.getElementById("external-events");new h._l(e,{itemSelector:".fc-event",eventData:function(e){return{title:e.getAttribute("title"),id:e.getAttribute("data")}}})}render(){return(0,s.jsxs)(a.Fragment,{children:[(0,s.jsx)(M.Z,{title:"Full Calendar"}),(0,s.jsx)(v.Z,{titles:"Full Calendar",active:"Full Calendar",items:["Apps"]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)(i.Z,{md:12,children:(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(l.Z.Header,{children:(0,s.jsx)(l.Z.Title,{as:"h3",children:"Calender With different Color Events"})}),(0,s.jsx)(l.Z.Body,{children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(i.Z,{xl:3,className:"animated fadeIn p-4 demo-app",children:[(0,s.jsxs)("div",{id:"external-events",style:{padding:"10px",height:"auto",maxHeight:"-webkit-fill-available"},children:[(0,s.jsx)("h4",{children:"Draggable Events"}),this.state.events.map(e=>

1(0,s.jsx)("div",{className:"fc-event fc-h-event fc-daygrid-event fc-daygrid-block-event ".concat(e.bg," ").concat(e.border),title:e.title,datatype:e.id,children:(0,s.jsxs)("div",{className:"fc-event-main",children:[" ",e.title]})},e.id))]}),(0,s.jsxs)("div",{className:"mt-5",children:[(0,s.jsx)(l.Z.Title,{as:"h4",className:"mb-4",children:"My Schedules"}),(0,s.jsxs)(l.Z,{className:"border p-0 pt-3",children:[(0,s.jsxs)(l.Z.Body,{className:"pt-3",children:[(0,s.jsxs)(d.Z,{children:[(0,s.jsx)(d.Z.Toggle,{className:"float-end text-muted pe-0 pt-0 no-caret",as:"a",children:(0,s.jsx)("i",{className:"fe fe-more-vertical"})}),(0,s.jsxs)(d.Z.Menu,{children:[(0,s.jsxs)(d.Z.Item,{href:"#!",children:[(0,s.jsx)("i",{className:"fe fe-edit me-1"})," Shedule Date"]}),(0,s.jsxs)(d.Z.Item,{href:"#!",children:[(0,s.jsx)("i",{className:"fe fe-trash-2 me-1"})," Delete"]})]})]}),(0,s.jsx)(l.Z.Title,{as:"h5",children:"Design Review"}),(0,s.jsx)("h6",{className:"card-subtitle mb-2 text-muted",children:"05-09-2021"}),(0,s.jsx)(x(),{href:"#!",className:"btn btn-primary btn-sm me-3 mb-3",children:"Urgent"}),(0,s.jsx)(x(),{href:"#!",className:"btn btn-secondary btn-sm mb-3",children:"Face to Face"})]}),(0,s.jsx)(l.Z.Footer,{children:(0,s.jsxs)("div",{className:"media media-xs overflow-visible",children:[(0,s.jsx)("img",{className:"avatar brround avatar-md me-3",src:"../../../assets/images/users/12.jpg",alt:"avatar-img"}),(0,s.jsxs)("div",{className:"media-body valign-middle",children:[(0,s.jsx)(x(),{href:"/components/pages/profile/",className:" fw-semibold text-dark",children:"John Paige"}),(0,s.jsx)("br",{}),(0,s.jsx)(x(),{href:"/components/pages/profile/",className:"text-muted mb-0",children:" View client profile"})]})]})})]}),(0,s.jsxs)(l.Z,{className:"border p-0 pt-3",children:[(0,s.jsxs)(l.Z.Body,{className:"pt-3",children:[(0,s.jsxs)(d.Z,{className:"pe-0 pt-0",children:[(0,s.jsx)(d.Z.Toggle,{className:"float-end text-muted pe-0 pt-0 no-caret",as:"a",children:(0,s.jsx)("i",{className:"fe fe-more-vertical"})}),(0,s.jsxs)(d.Z.Menu,{children:[(0,s.jsxs)(d.Z.Item,{href:"#!",children:[(0,s.jsx)("i",{className:"fe fe-edit me-1"})," Shedule Date"]}),(0,s.jsxs)(d.Z.Item,{href:"#!",children:[(0,s.jsx)("i",{className:"fe fe-trash-2 me-1"})," Delete"]})]})]}),(0,s.jsx)(l.Z.Title,{as:"h5",children:"New Project"}),(0,s.jsx)("h6",{className:"card-subtitle mb-2 text-muted",children:"14-10-2021"}),(0,s.jsx)(x(),{href:"#!",className:"btn btn-primary btn-sm me-3 mb-3",children:"Urgent"}),(0,s.jsx)(x(),{href:"#!",className:"btn btn-danger btn-sm mb-3",children:"Online Meeting"})]}),(0,s.jsx)(l.Z.Footer,{children:(0,s.jsxs)("div",{className:"media media-xs overflow-visible",children:[(0,s.jsx)("img",{className:"avatar brround avatar-md me-3",src:"../../../assets/images/users/16.jpg",alt:"avatar-img"}),(0,s.jsxs)("div",{className:"media-body valign-middle",children:[(0,s.jsx)(x(),{href:"/components/pages/profile/",className:" fw-semibold text-dark",children:"Mozelle Belt"}),(0,s.jsx)("br",{}),(0,s.jsx)(x(),{href:"/components/pages/profile/",className:"text-muted mb-0",children:" View client profile"})]})]})})]})]})]}),(0,s.jsx)(i.Z,{xl:9,className:"demo-app-calendar",id:"mycalendartest",children:(0,s.jsx)(c.Z,{initialView:"dayGridMonth",headerToolbar:{start:"prev,next today",center:"title",end:"dayGridMonth,timeGridWeek,timeGridDay,listWeek"},rerenderDelay:10,eventDurationEditable:!1,editable:!0,droppable:!0,plugins:[o.Z,m.Z,h.ZP],events:this.state.calendarEvents,eventClick:this.eventClick,selectable:!0})})]})})]})}),(0,s.jsx)(i.Z,{md:12,children:(0,s.jsxs)(l.Z,{children:[(0,s.jsx)(l.Z.Header,{children:(0,s.jsx)(l.Z.Title,{as:"h3",children:"List Calendar"})}),(0,s.jsx)(l.Z.Body,{children:(0,s.jsx)("div",{className:"list-calender",children:(0,s.jsx)(c.Z,{initialView:"listWeek",plugins:[F],events:this.state.calendarEvents1})})})]})})]})]})}constructor(e){super(e),this.state={calendarWeekends:!0,calendarEvents1:[{id:"1",title:"Event Now1",start:new Date},{id:"2",title:"Event Now2",start:new Date},{id:"3",title:"Event Now3",start:new Date},{id:"4",title:"Event Now4",start:new Date},{id:"5",title:"Event Now5",start:new Date},{id:"6",title:"Event Now6",start:new Date}],calendarEvents:[{title:"Atlanta Monster",start:new Date("2019-04-04 00:00"),id:"99999998"},{title:"My Favorite Murder",start:new Date("2019-04-05 00:00"),id:"99999999"}],events:[{title:"My Event 1",id:"1",bg:"bg-primary",border:"border-primary"},{title:"My Event 2",id:"2",bg:" bg-secondary",border:"border-secondary"},{title:"My Event 3",id:"3",bg:"bg-warning",border:"border-warning"},{title:"My Event 4",id:"4",bg:"bg-success",border:"border-success"}

1,{title:"My Event 5",id:"5",bg:"bg-danger",border:"border-danger"}]},this.eventClick=e=>{u().fire({title:e.event.title,html:'<div class="table-responsive">\n      <table class="table">\n      <tbody>\n      <tr >\n      <td>Title</td>\n      <td><strong>'+e.event.title+"</strong></td>\n      </tr>\n      <tr >\n      <td>Start Time</td>\n      <td><strong>\n      "+e.event.start+"\n      </strong></td>\n      </tr>\n      </tbody>\n      </table>\n      </div>",showCancelButton:!0,confirmButtonColor:"#d33",cancelButtonColor:"#3085d6",confirmButtonText:"Remove Event",cancelButtonText:"Close"}).then(t=>{t.value&&(e.event.remove(),u().fire("Deleted!","Your Event has been deleted.","success"))})},setTimeout(()=>{document.querySelector(".fc-listWeek-button")&&document.querySelector(".fc-listWeek-button").remove()},100)}}R.layout="Contentlayout";var I=R},72867:function(e,t,n){"use strict";var s=n(85893);n(67294);var a=n(26699);let r=e=>(0,s.jsx)("div",{children:(0,s.jsxs)("div",{className:"page-header",children:[(0,s.jsx)("h1",{className:"page-title",children:e.titles}),(0,s.jsx)("div",{children:(0,s.jsxs)(a.Z,{children:[e.items.map((e,t)=>(0,s.jsx)(a.Z.Item,{href:"#!",children:e},t)),(0,s.jsx)(a.Z.Item,{href:"#!",active:!0,children:e.active})]})})]})});t.Z=r},33272:function(e,t,n){"use strict";n.d(t,{Z:function(){return d}});var s=n(85893);n(67294);var a=n(9008),r=n.n(a),i={src:"/_next/static/media/favicon.00e6795d.ico",height:16,width:16,blurWidth:0,blurHeight:0};let l=e=>{let{title:t}=e;return(0,s.jsxs)(r(),{children:[(0,s.jsx)("title",{children:" Fandoro Technologies - Making Businesses Responsible"}),(0,s.jsx)("link",{rel:"icon",href:i.src}),(0,s.jsx)("meta",{name:"description",content:"Fandoro Technologies - making businesses responsible"}),(0,s.jsx)("meta",{name:"author",content:"Fandoro Technologies Private Limited"}),(0,s.jsx)("meta",{name:"keywords",content:"next js dashboard template, admin dashboard nextjs, next js admin template, next js admin panel, admin dashboard, nextjs react bootstrap, react bootstrap with next js, next js admin dashboard, nextjs admin dashboard template, admin panel template, admin template react bootstrap, nextjs dashboard,next js react bootstrap"})]})};var d=l}},function(e){e.O(0,[8166,1069,1720,2904,9774,2888,179],function(){return e(e.s=9576)}),_N_E=e.O()}]);