"use strict";(self.webpackChunkapp=self.webpackChunkapp||[]).push([[9845],{89845:(A,g,r)=>{r.r(g),r.d(g,{DorsalPageModule:()=>_});var m=r(56610),u=r(37222),a=r(77897),v=r(36075),h=r(73308),t=r(2978),f=r(52053),p=r(3366),b=r(54171),d=r(22882),D=r(57291);let C=(()=>{class o{constructor(e,n,i,s){this.api=e,this.utilsService=n,this.translate=i,this.storage=s,this._dorsalList=[]}getListDorsal(){var e=this;return(0,h.A)(function*(){return new Promise((n,i)=>{e.utilsService.presentLoading(e.translate.instant("all.loading")).then(()=>{e.storage.get("token").then(function(){var s=(0,h.A)(function*(l){l?(yield e.api.get("dorsal/list",l.access_token)).subscribe(c=>{e.utilsService.dismissLoading(),c&&(e._dorsalList=Array.isArray(c.dorsalList)?c.dorsalList:Object.values(c.dorsalList)),n()},c=>{e.utilsService.dismissLoading(),console.error("Erro provider dorsalList",c),n()}):n()});return function(l){return s.apply(this,arguments)}}())})})})()}static#t=this.\u0275fac=function(n){return new(n||o)(t.KVO(p.G),t.KVO(b.T),t.KVO(d.c$),t.KVO(D.n))};static#e=this.\u0275prov=t.jDH({token:o,factory:o.\u0275fac,providedIn:"root"})}return o})();var x=r(7125);const S=["canvasSlide"];function y(o,R){1&o&&(t.j41(0,"ion-slide",null,19),t.nrm(2,"canvas",null,20),t.k0s())}const w=[{path:"",component:(()=>{class o{constructor(e,n,i,s,l,c,T){this.plt=e,this.toastCtrl=n,this.imageService=i,this.actionSheetCtrl=s,this.dorsalService=l,this.cityService=c,this.translateService=T,this.MAX_SURNAME_CHARACTERS=8,this.dorsalList=[],this.dorsalThenth=0,this.dorsalDigit=1,this.drawing=!1,this.selectedColor="#000",this.lineWidth=5,this.texto={nombre:"",numero:""}}ngOnInit(){var e=this;return(0,h.A)(function*(){yield e.dorsalService.getListDorsal(),e.cityService._urlGallery||e.cityService.getInfoHost(),e.dorsalList=e.dorsalService._dorsalList})()}ngAfterViewInit(){this.canvasList.changes.subscribe(()=>{this.drawInitialDorsal()})}drawInitialDorsal(){if(this.canvasList.length>0){for(let e of this.canvasList.toArray())this.canvasElement=e.nativeElement,e.nativeElement.width=300,e.nativeElement.height=300;this.calculateDorsalNumberRedraw()}}selectColor(e){this.selectedColor=e}startDrawing(e){console.log("start: ",e),this.drawing=!0;const n=this.canvasElement.getBoundingClientRect();console.log(n),this.saveX=e.pageX-n.x,this.saveY=e.pageY-n.y}endDrawing(){console.log("end"),this.drawing=!1}moved(e){if(!this.drawing)return;console.log("move: ",e);const n=this.canvasElement.getBoundingClientRect();let i=this.canvasElement.getContext("2d"),s=e.touches[0].pageX-n.x,l=e.touches[0].pageY-n.y;i.lineJoin="round",i.strokeStyle=this.selectedColor,i.lineWidth=this.lineWidth,i.beginPath(),i.moveTo(this.saveX,this.saveY),i.lineTo(s,l),i.closePath(),i.stroke(),this.saveX=s,this.saveY=l}drawCanvases(){var e=this;return(0,h.A)(function*(){e.texto.nombre.length>e.MAX_SURNAME_CHARACTERS&&(e.texto.nombre=e.texto.nombre.slice(0,e.MAX_SURNAME_CHARACTERS));let n=0;for(let i of e.canvasList.toArray())e.canvasElement=i.nativeElement,e.currentDorsal=e.dorsalList[n],e.currentShirt=e.dorsalList[n].image,yield e.TextCanvas(),n++})()}TextCanvas(){var e=this;return(0,h.A)(function*(){yield e.setShirt(e.currentShirt);let n=e.canvasElement.getContext("2d"),i=e.canvasElement.getContext("2d"),c=e.texto.nombre.toUpperCase();(!c||0==c.length)&&(c="?"),n.beginPath(),n.fillStyle=e.currentDorsal.text_color,n.font="bold 25px arial",n.textAlign="center",n.fillText(c,e.canvasElement.width/2,85+e.currentDorsal.offset),n.closePath(),i.beginPath(),i.strokeStyle=e.currentDorsal.text_color,i.font="bold 50px arial",i.textAlign="center",i.fillText(e.texto.numero,e.canvasElement.width/2,130+(e.currentDorsal.offset_number?e.currentDorsal.offset_number:0)),i.closePath()})()}deleteCanvas(){this.canvasElement.getContext("2d").clearRect(0,0,this.canvasElement.width,this.canvasElement.height)}setShirt(e){var n=this;return(0,h.A)(function*(){n.deleteCanvas(),n.currentShirt=e;let i=new Image;i.crossOrigin="*",i.src=n.cityService._urlGallery+"dorsal/"+e;let s=n.canvasElement.getContext("2d");return new Promise((l,c)=>{i.onload=()=>{s.drawImage(i,0,0,n.canvasElement.width,n.canvasElement.height),l()}})})()}exportCanvasImage(){var e=this;return(0,h.A)(function*(){let n=yield e.slideDorsal.getActiveIndex();e.canvasElement=e.canvasList.toArray()[n].nativeElement,yield e.imageService.exportCanvasImage(e.canvasElement,e.translateService.instant("SUCCESS_DOWNLOAD"))})()}onClick(){this.presentActionSheet()}presentActionSheet(){var e=this;return(0,h.A)(function*(){yield(yield e.actionSheetCtrl.create({header:"Set Dorsal",cssClass:"my-custom-class",buttons:[{text:"Home",icon:"shirt-outline",handler:()=>{e.setShirt("./assets/img/dorsal/256 RojaAzul.png")}},{text:"Away",icon:"shirt-outline",handler:()=>{e.setShirt("./assets/img/dorsal/256 Amarilla.png")}},{text:"106 a\xf1os",icon:"shirt-outline",handler:()=>{e.setShirt("./assets/img/dorsal/256 Blanca.png")}},{text:"Tercera equipaci\xf3n",icon:"shirt-outline",handler:()=>{e.setShirt("./assets/img/dorsal/256 Negra.png")}},{text:"Cancel",icon:"close",role:"cancel",handler:()=>{console.log("Cancel clicked")}}]})).present()})()}upDorsalNumber(){this.dorsalDigit<9&&(this.dorsalDigit++,this.calculateDorsalNumberRedraw())}downDorsalNumber(){this.dorsalDigit>0&&(this.dorsalDigit--,this.calculateDorsalNumberRedraw())}upDorsalTenth(){this.dorsalThenth<9&&(this.dorsalThenth++,this.calculateDorsalNumberRedraw())}downDorsalTenth(){this.dorsalThenth>0&&(this.dorsalThenth--,this.calculateDorsalNumberRedraw())}isDownloadDisabled(){return!this.texto.nombre||0==this.texto.nombre.length||0==this.canvasList.length}calculateDorsalNumberRedraw(){this.texto.numero=""+(this.dorsalDigit+10*this.dorsalThenth),this.drawCanvases()}static#t=this.\u0275fac=function(n){return new(n||o)(t.rXU(a.OD),t.rXU(a.K_),t.rXU(f.f),t.rXU(a.GD),t.rXU(C),t.rXU(x.h),t.rXU(d.c$))};static#e=this.\u0275cmp=t.VBU({type:o,selectors:[["app-dorsal"]],viewQuery:function(n,i){if(1&n&&(t.GBs(a.tR,5),t.GBs(S,5)),2&n){let s;t.mGM(s=t.lsd())&&(i.slideDorsal=s.first),t.mGM(s=t.lsd())&&(i.canvasList=s)}},decls:45,vars:15,consts:[["defaultHref","/app/tabs/settings","slot","start"],[3,"forceOverscroll"],[1,"dorsal-title"],["size","7"],["lines","none"],["type","text","maxLength","8",3,"ngModel","ngModelChange","ionChange"],[1,""],[1,"dorsal-number-container"],[1,"dorsal-number"],["slot","icon-only","name","caret-up-outline",3,"click"],["name","caret-down-outline",3,"click"],["name","caret-up-outline",3,"click"],[4,"ngFor","ngForOf"],["horizontal","end","vertical","bottom","slot","fixed"],["color","light"],["md","caret-back","ios","chevron-back-circle-outline"],["side","start"],["color","light",3,"disabled","click"],["name","download"],["slideDorsal",""],["canvasSlide",""]],template:function(n,i){1&n&&(t.j41(0,"ion-header")(1,"ion-toolbar"),t.nrm(2,"ion-back-button",0),t.j41(3,"ion-title"),t.EFF(4,"Dorsal"),t.k0s()()(),t.j41(5,"ion-content",1)(6,"ion-grid")(7,"ion-row")(8,"ion-col",2),t.EFF(9),t.nI1(10,"translate"),t.k0s()()(),t.nrm(11,"br"),t.j41(12,"ion-grid")(13,"ion-row")(14,"ion-col",3)(15,"ion-grid")(16,"ion-row")(17,"ion-col"),t.EFF(18),t.nI1(19,"translate"),t.k0s()(),t.j41(20,"ion-row")(21,"ion-col")(22,"ion-item",4)(23,"ion-input",5),t.bIt("ngModelChange",function(l){return i.texto.nombre=l})("ionChange",function(){return i.drawCanvases()}),t.k0s()()()()()(),t.j41(24,"ion-col",6)(25,"div",7)(26,"div",8)(27,"ion-icon",9),t.bIt("click",function(){return i.upDorsalTenth()}),t.k0s(),t.j41(28,"span"),t.EFF(29),t.k0s(),t.j41(30,"ion-icon",10),t.bIt("click",function(){return i.downDorsalTenth()}),t.k0s()(),t.j41(31,"div",8)(32,"ion-icon",11),t.bIt("click",function(){return i.upDorsalNumber()}),t.k0s(),t.j41(33,"span"),t.EFF(34),t.k0s(),t.j41(35,"ion-icon",10),t.bIt("click",function(){return i.downDorsalNumber()}),t.k0s()()()()()(),t.nrm(36,"br"),t.j41(37,"ion-slides"),t.DNE(38,y,4,0,"ion-slide",12),t.k0s(),t.j41(39,"ion-fab",13)(40,"ion-fab-button",14),t.nrm(41,"ion-icon",15),t.k0s(),t.j41(42,"ion-fab-list",16)(43,"ion-fab-button",17),t.bIt("click",function(){return i.exportCanvasImage()}),t.nrm(44,"ion-icon",18),t.k0s()()()()),2&n&&(t.R7$(5),t.Y8G("forceOverscroll",!1),t.R7$(4),t.SpI(" ",t.bMT(10,11,"TITLE_DORSAL")," "),t.R7$(9),t.SpI(" ",t.bMT(19,13,"TITLE_DORSAL_SELECTION")," "),t.R7$(5),t.Y8G("ngModel",i.texto.nombre),t.R7$(6),t.JRh(i.dorsalThenth),t.R7$(5),t.JRh(i.dorsalDigit),t.R7$(4),t.Y8G("ngForOf",i.dorsalList),t.R7$(5),t.HbH(i.isDownloadDisabled()?"disabled-button":""),t.Y8G("disabled",i.isDownloadDisabled()))},dependencies:[m.Sq,u.BC,u.vS,a.el,a.hU,a.W9,a.Q8,a.YW,a.OL,a.lO,a.eU,a.iq,a.$w,a.uz,a.ln,a.q3,a.tR,a.BC,a.ai,a.Gw,a.tY,d.D9],styles:["canvas[_ngcontent-%COMP%]{display:block;margin:0 auto}.dorsal-title[_ngcontent-%COMP%]{text-align:center;font-size:2em;font-family:Copperplate;font-style:oblique}.dorsal-number-container[_ngcontent-%COMP%]{width:100px;display:flex;flex-direction:row;margin:auto;text-align:center}.dorsal-number[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:40px;margin-left:5px;box-shadow:1px 1px 1px 1px gray}.dorsal-number[_ngcontent-%COMP%]   ion-icon[_ngcontent-%COMP%]{padding-left:13px;color:#a9a9a9}.dorsal-number[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-family:arial;font-size:30px;margin-top:10px;margin-bottom:10px;color:var(--ion-color-primary);font-weight:700}.color-block[_ngcontent-%COMP%]{height:40px}.disabled-button[_ngcontent-%COMP%]   ion-icon[_ngcontent-%COMP%]{color:#a9a9a9}"]})}return o})()}];let E=(()=>{class o{static#t=this.\u0275fac=function(n){return new(n||o)};static#e=this.\u0275mod=t.$C({type:o});static#n=this.\u0275inj=t.G2t({imports:[v.iI.forChild(w),v.iI]})}return o})(),_=(()=>{class o{static#t=this.\u0275fac=function(n){return new(n||o)};static#e=this.\u0275mod=t.$C({type:o});static#n=this.\u0275inj=t.G2t({imports:[m.MD,u.YN,a.bv,d.h.forChild(),E]})}return o})()}}]);