https://cfoonline.web.app/5510.6fa4554445d35bc6.js

1"use strict";(self.webpackChunkcfoonline=self.webpackChunkcfoonline||[]).push([[5510],{15510:(b,_,o)=>{o.r(_),o.d(_,{CalendarAppModule:()=>Y});var l=o(96814),h=o(56223),m=o(73914),f=o(95932),C=o(16111),r=o(73023),t=o(65879),s=o(69862);let c=(()=>{class n{constructor(e){this.http=e}getEvents(){return this.http.get("assets/demo/data/scheduleevents.json").toPromise().then(e=>e.data).then(e=>e)}static#t=this.\u0275fac=function(i){return new(i||n)(t.LFG(s.eN))};static#e=this.\u0275prov=t.Yz7({token:n,factory:n.\u0275fac})}return n})();var p=o(2495),u=o(71312),v=o(85219),x=o(96218),T=o(40707),E=o(96760),Z=o(53714),M=o(2160);const A=["class","app component"];function w(n,g){if(1&n&&(t.TgZ(0,"span",7),t._uU(1),t.qZA()),2&n){const e=t.oxw();t.xp6(1),t.Oqu("display"===e.view?e.changedEvent.title:"new"===e.view?"New Event":"Edit Event")}}function y(n,g){if(1&n&&(t.TgZ(0,"div")(1,"span",9),t._uU(2,"Description"),t.qZA(),t.TgZ(3,"span",10),t._uU(4),t.qZA(),t.TgZ(5,"div",11)(6,"div",12)(7,"div",13),t._uU(8,"Start"),t.qZA(),t.TgZ(9,"p",14),t._UZ(10,"i",15),t.TgZ(11,"span"),t._uU(12),t.qZA()()(),t.TgZ(13,"div",12)(14,"div",13),t._uU(15,"End"),t.qZA(),t.TgZ(16,"p",14),t._UZ(17,"i",15),t.TgZ(18,"span"),t._uU(19),t.qZA()()(),t.TgZ(20,"div",16)(21,"div",13),t._uU(22,"Location"),t.qZA(),t.TgZ(23,"p",14),t._UZ(24,"i",15),t.TgZ(25,"span"),t._uU(26),t.qZA()()(),t.TgZ(27,"div",16)(28,"div",13),t._uU(29,"Color"),t.qZA(),t.TgZ(30,"p",14),t._UZ(31,"span",17),t.TgZ(32,"span"),t._uU(33),t.qZA()()()()()),2&n){const e=t.oxw(2);t.xp6(4),t.Oqu(e.changedEvent.description),t.xp6(8),t.Oqu(e.changedEvent.start.toISOString().slice(0,10)),t.xp6(7),t.Oqu(e.changedEvent.end.toISOString().slice(0,10)),t.xp6(7),t.Oqu(e.changedEvent.location),t.xp6(5),t.Udp("background-color",e.changedEvent.tag.color),t.xp6(2),t.Oqu(e.changedEvent.tag.name)}}function O(n,g){if(1&n&&(t.TgZ(0,"div",38),t._UZ(1,"div",39),t.TgZ(2,"div"),t._uU(3),t.qZA()()),2&n){const e=t.oxw(4);t.xp6(1),t.Udp("background-color",e.changedEvent.tag.color),t.xp6(2),t.Oqu(e.changedEvent.tag.name)}}function S(n,g){if(1&n&&t.YNc(0,O,4,3,"div",37),2&n){const e=t.oxw(3);t.Q6J("ngIf",e.changedEvent.tag)}}function k(n,g){if(1&n&&(t.TgZ(0,"div",38),t._UZ(1,"div",39),t.TgZ(2,"div"),t._uU(3),t.qZA()()),2&n){const e=g.$implicit;t.xp6(1),t.Udp("background-color",e.color),t.xp6(2),t.Oqu(e.name)}}function I(n,g){if(1&n){const e=t.EpF();t.TgZ(0,"div")(1,"div",18)(2,"div",19)(3,"label",20),t._uU(4,"Title"),t.qZA(),t.TgZ(5,"span",21),t._UZ(6,"i",22),t.TgZ(7,"input",23),t.NdJ("ngModelChange",function(a){t.CHM(e);const d=t.oxw(2);return t.KtG(d.changedEvent.title=a)}),t.qZA()()(),t.TgZ(8,"div",19)(9,"label",24),t._uU(10,"Location"),t.qZA(),t.TgZ(11,"span",21),t._UZ(12,"i",25),t.TgZ(13,"input",26),t.NdJ("ngModelChange",function(a){t.CHM(e);const d=t.oxw(2);return t.KtG(d.changedEvent.location=a)}),t.qZA()()(),t.TgZ(14,"div",27)(15,"label",28),t._uU(16,"Event Description"),t.qZA(),t.TgZ(17,"textarea",29),t.NdJ("ngModelChange",function(a){t.CHM(e);const d=t.oxw(2);return t.KtG(d.changedEvent.description=a)}),t.qZA()(),t.TgZ(18,"div",19)(19,"label",30),t._uU(20,"Start Date"),t.qZA(),t.TgZ(21,"p-calendar",31),t.NdJ("ngModelChange",function(a){t.CHM(e);const d=t.oxw(2);return t.KtG(d.changedEvent.start=a)}),t.qZA()(),t.TgZ(22,"div",19)(23,"label",30),t._uU(24,"End Date"),t.qZA(),t.TgZ(25,"p-calendar",32),t.NdJ("ngModelChange",function(a){t.CHM(e);const d=t.oxw(2);return t.KtG(d.changedEvent.end=a)}),t.qZA()(),t.TgZ(26,"div",27)(27,"label",33),t._uU(28,"Color"),t.qZA(),t.TgZ(29,"p-dropdown",34),t.NdJ("ngModelChange",function(a){t.CHM(e);const d=t.oxw(2);return t.KtG(d.changedEvent.tag=a)}),t.YNc(30,S,1,1,"ng-template",35),t.YNc(31,k,4,3,"ng-template",36),t.qZA()()()()}if(2&n){const e=t.oxw(2),i=t.MAs(3);t.xp6(7),t.Q6J("ngModel",e.changedEvent.title),t.xp6(6),t.Q6J("ngModel",e.changedEvent.location),t.xp6(4),t.Q6J("rows",5)("ngModel",e.changedEvent.description),t.xp6(4),t.Q6J("appendTo",i)("maxDate",e.changedEvent.end)("showTime",!0)("required",!0)("ngModel",e.changedEvent.start),t.xp6(4),t.Q6J("appendTo",i)("minDate",e.changedEvent.start)("showTime",!0)("required",!0)("ngModel",e.changedEvent.end),t.xp6(4),t.Q6J("appendTo",i)("options",e.tags)("ngModel",e.changedEvent.tag)}}function U(n,g){if(1&n&&(t.YNc(0,y,34,7,"div",8),t.YNc(1,I,32,17,"div",8)),2&n){const e=t.oxw();t.Q6J("ngIf","display"===e.view),t.xp6(1),t.Q6J("ngIf","display"!==e.view)}}function D(n,g){if(1&n){const e=t.EpF();t.TgZ(0,"button",42),t.NdJ("click",function(){t.CHM(e);const a=t.oxw(2);return t.KtG(a.onEditClick())}),t.qZA()}}function J(n,g){if(1&n){const e=t.EpF();t.TgZ(0,"button",43),t.NdJ("click",function(){t.CHM(e);const a=t.oxw(2);return t.KtG(a.handleSave())}),t.qZA()}if(2&n){const e=t.oxw(2);t.Q6J("disabled",!e.changedEvent.start||!e.changedEvent.end)}}function z(n,g){if(1&n&&(t.YNc(0,D,1,0,"button",40),t.YNc(1,J,1,1,"button",41)),2&n){const e=t.oxw();t.Q6J("ngIf","display"===e.view),t.xp6(1),t.Q6J("ngIf","new"===e.view||"edit"===e.view)}}const H=function(){return{width:"36rem"}},N=function(){return{"960px":"75vw","640px":"90vw"}};let B=(()=>{class n{constructor(e){this.eventService=e,this.events=[],this.today="",this.calendarOptions={initialView:"dayGridMonth"},this.showDialog=!1,this.clickedEvent=null,this.dateClicked=!1,this.edit=!1,this.tags=[],this.view=""}

1ngOnInit(){this.today=(new Date).toISOString(),this.eventService.getEvents().then(e=>{this.events=e,this.calendarOptions={...this.calendarOptions,events:e},this.tags=this.events.map(i=>i.tag)}),this.calendarOptions={plugins:[f.Z,r.Z,C.ZP],height:720,initialDate:this.today,headerToolbar:{left:"prev,next today",center:"title",right:"dayGridMonth,timeGridWeek,timeGridDay"},editable:!0,selectable:!0,selectMirror:!0,dayMaxEvents:!0,eventClick:e=>this.onEventClick(e),select:e=>this.onDateSelect(e)}}onEventClick(e){this.clickedEvent=e.event;let i=e.event.toPlainObject({collapseExtendedProps:!0,collapseColor:!0});this.view="display",this.showDialog=!0,this.changedEvent={...i,...this.clickedEvent},this.changedEvent.start=this.clickedEvent.start,this.changedEvent.end=this.clickedEvent.end?this.clickedEvent.end:this.clickedEvent.start}onDateSelect(e){this.view="new",this.showDialog=!0,this.changedEvent={...e,title:null,description:null,location:null,backgroundColor:null,borderColor:null,textColor:null,tag:{color:null,name:null}}}handleSave(){this.validate()&&(this.showDialog=!1,this.clickedEvent={...this.changedEvent,backgroundColor:this.changedEvent.tag.color,borderColor:this.changedEvent.tag.color,textColor:"#212121"},this.events=this.clickedEvent.hasOwnProperty("id")?this.events.map(e=>e.id.toString()===this.clickedEvent.id.toString()?e=this.clickedEvent:e):[...this.events,{...this.clickedEvent,id:Math.floor(1e4*Math.random())}],this.calendarOptions={...this.calendarOptions,events:this.events},this.clickedEvent=null)}onEditClick(){this.view="edit"}delete(){this.events=this.events.filter(e=>e.id.toString()!==this.clickedEvent.id.toString()),this.calendarOptions={...this.calendarOptions,events:this.events},this.showDialog=!1}validate(){let{start:e,end:i}=this.changedEvent;return e&&i}static#t=this.\u0275fac=function(i){return new(i||n)(t.Y36(c))};static#e=this.\u0275cmp=t.Xpm({type:n,selectors:[["calendar",8,"app","component"]],attrs:A,decls:7,vars:9,consts:[[1,"card"],[3,"options"],[3,"visible","breakpoints","modal","closable","visibleChange","onHide"],["dd",""],["pTemplate","header"],["pTemplate","content"],["pTemplate","footer"],[1,"text-900","font-semibold","text-xl"],[4,"ngIf"],[1,"text-900","font-semibold","block","mb-2"],[1,"block","mb-3"],[1,"grid"],[1,"col-6"],[1,"text-900","font-semibold","mb-2"],[1,"flex","align-items-center","m-0"],[1,"pi","pi-fw","pi-clock","text-700","mr-2"],[1,"col-12"],[1,"inline-flex","flex-shrink-0","w-1rem","h-1rem","mr-2","border-circle"],[1,"grid","p-fluid","formgrid"],[1,"col-12","md:col-6","field"],["for","title",1,"text-900","font-semibold"],[1,"p-input-icon-left"],[1,"pi","pi-pencil"],["id","title","type","text","pInputText","","placeholder","Title",3,"ngModel","ngModelChange"],["for","location",1,"text-900","font-semibold"],[1,"pi","pi-map-marker"],["id","location","type","text","pInputText","","placeholder","Location",3,"ngModel","ngModelChange"],[1,"col-12","field"],["for","description",1,"text-900","font-semibold"],["id","description","type","text","pInputTextarea","",2,"resize","none",3,"rows","ngModel","ngModelChange"],["for","start",1,"text-900","font-semibold"],["dateFormat","mm-dd-yy","inputId","start",3,"appendTo","maxDate","showTime","required","ngModel","ngModelChange"],["dateFormat","mm-dd-yy","inputId","end",3,"appendTo","minDate","showTime","required","ngModel","ngModelChange"],["for","company-color",1,"text-900","font-semibold"],["inputId","company-color","optionLabel","name",3,"appendTo","options","ngModel","ngModelChange"],["pTemplate","selectedItem"],["pTemplate","item"],["class","flex align-items-center",4,"ngIf"],[1,"flex","align-items-center"],[1,"flex-shrink-0","w-1rem","h-1rem","mr-2","border-circle"],["pButton","","label","Edit","icon","pi pi-pencil",3,"click",4,"ngIf"],["pButton","","label","Save","icon","pi pi-check",3,"disabled","click",4,"ngIf"],["pButton","","label","Edit","icon","pi pi-pencil",3,"click"],["pButton","","label","Save","icon","pi pi-check",3,"disabled","click"]],template:function(i,a){1&i&&(t.TgZ(0,"div",0),t._UZ(1,"full-calendar",1),t.TgZ(2,"p-dialog",2,3),t.NdJ("visibleChange",function(R){return a.showDialog=R})("onHide",function(){return a.view=""}),t.YNc(4,w,2,1,"ng-template",4),t.YNc(5,U,2,2,"ng-template",5),t.YNc(6,z,2,2,"ng-template",6),t.qZA()()),2&i&&(t.xp6(1),t.Q6J("options",a.calendarOptions),t.xp6(1),t.Akn(t.DdM(7,H)),t.Q6J("visible",a.showDialog)("breakpoints",t.DdM(8,N))("modal",!0)("closable",!0))},dependencies:[l.O5,h.Fj,h.JJ,h.Q7,h.On,p.w,u.V,v.jx,x.g,T.Hq,E.f,Z.o,M.Lt],styles:["@media screen and (max-width: 768px){[_nghost-%COMP%]     .fc .fc-toolbar{justify-content:center}[_nghost-%COMP%]     .fc-header-toolbar{display:flex;align-items:center;gap:1rem;justify-content:center;text-align:center;flex-wrap:wrap}[_nghost-%COMP%]     .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){width:100%;order:0}[_nghost-%COMP%]     .fc-header-toolbar .fc-toolbar-chunk:nth-child(1){order:1}[_nghost-%COMP%]     .fc-header-toolbar .fc-toolbar-chunk:nth-child(3){order:2}[_nghost-%COMP%]     .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group .fc-today-button{margin-left:2rem}}"]})}return n})(),q=(()=>{class n{static#t=this.\u0275fac=function(i){return new(i||n)};static#e=this.\u0275mod=t.oAB({type:n});static#n=this.\u0275inj=t.cJS({imports:[m.Bz.forChild([{path:"",component:B}]),m.Bz]})}return n})();var F=o(44480),P=o(74104);let Y=(()=>{class n{static#t=this.\u0275fac=function(i){return new(i||n)};static#e=this.\u0275mod=t.oAB({type:n});static#n=this.\u0275inj=t.cJS({providers:[c],imports:[l.ez,h.u5,q,p.z,u.S,x.A,T.hJ,E._8,Z.j,M.kW,P.EV,F.T]})}return n})()},96218:(b,_,o)=>{o.d(_,{A:()=>C,g:()=>f});var l=o(65879),h=o(96814),m=o(56223);let f=(()=>{class r{el;ngModel;control;cd;autoResize;onResize=new l.vpe;filled;cachedScrollHeight;ngModelSubscription;ngControlSubscription;constructor(s,c,p,u){this.el=s,this.ngModel=c,this.control=p,this.cd=u}ngOnInit(){this.ngModel&&(this.ngModelSubscription=this.ngModel.valueChanges.subscribe(()=>{this.updateState()})),this.control&&(this.ngControlSubscription=this.control.valueChanges.subscribe(()=>{this.updateState()}))}ngAfterViewInit(){this.autoResize&&this.resize(),this.updateFilledState(),this.cd.detectChanges()}onInput(s){this.updateState()}updateFilledState(){this.filled=this.el.nativeElement.value&&this.el.nativeElement.value.length}onFocus(s){this.autoResize&&this.resize(s)}onBlur(s){this.autoResize&&this.resize(s)}resize(s){this.el.nativeElement.style.height="auto",this.el.nativeElement.style.height=this.el.nativeElement.scrollHeight+"px",parseFloat(this.el.nativeElement.style.height)>=parseFloat(this.el.nativeElement.style.maxHeight)?(this.el.nativeElement.style.overflowY="scroll",this.el.nativeElement.style.height=this.el.nativeElement.style.maxHeight):this.el.nativeElement.style.overflow="hidden",this.onResize.emit(s||{})}updateState(){this.updateFilledState(),this.autoResize&&this.resize()}ngOnDestroy(){this.ngModelSubscription&&this.ngModelSubscription.unsubscribe(),this.ngControlSubscription&&this.ngControlSubscription.unsubscribe()}static \u0275fac=function(c){return new(c||r)(l.Y36(l.SBq),l.Y36(m.On,8),l.Y36(m.a5,8),l.Y36(l.sBO))};static \u0275dir=l.lG2({type:r,selectors:[["","pInputTextarea",""]],hostAttrs:[1,"p-inputtextarea","p-inputtext","p-component","p-element"],hostVars:4,hostBindings:function(c,p){1&c&&l.NdJ("input",function(v){return p.onInput(v)})("focus",function(v){return p.onFocus(v)})("blur",function(v){return p.onBlur(v)}),2&c&&l.ekj("p-filled",p.filled)("p-inputtextarea-resizable",p.autoResize)},inputs:{autoResize:"autoResize"},outputs:{onResize:"onResize"}})}return r})(),C=(()=>{class r{static \u0275fac=function(c){return new(c||r)};static \u0275mod=l.oAB({type:r});static \u0275inj=l.cJS({imports:[h.ez]})}return r})()}}]);