https://caicedonia-valle.gov.co/chunk-EWTOSRXC.js

1import{a as le}from"./chunk-ATCGR75L.js";import{a as ne}from"./chunk-2ZZOJFT2.js";import{a as ae}from"./chunk-EOEOCEUL.js";import{a as oe}from"./chunk-4SYJTDU2.js";import{a as re}from"./chunk-LH7AKJBU.js";import"./chunk-M7VQHQXJ.js";import{b as R}from"./chunk-BAGWPQZV.js";import{A as te,D as ie,c as W,g as $,h as J,j as Q,l as G,m as X,s as K,t as Y,u as Z,x as ee}from"./chunk-TZ2MW36L.js";import{a as U}from"./chunk-WZBVDNS6.js";import"./chunk-3KOQRKYT.js";import{t as H}from"./chunk-MTKRVMUJ.js";import"./chunk-SHTGYNA2.js";import{i as D,j as O,k as P,u as q}from"./chunk-4YERUHPX.js";import{Db as g,Ib as b,Jb as c,Pa as S,Pb as V,Qa as h,Qb as T,Rb as z,Sb as C,Tb as m,Ub as y,Vb as F,Xa as l,Ya as v,Yb as I,Zb as L,_b as E,ac as M,c as w,cc as k,da as A,fc as j,gc as N,ib as f,mb as s,na as _,oa as u,xb as r,yb as o,zb as d}from"./chunk-DQGQ5ICO.js";import"./chunk-4IDNTCH7.js";var ce=["form"],me=n=>({"isDisabled disable":n}),x=n=>({active:n});function de(n,t){n&1&&(r(0,"span"),m(1,"Debes ingresar el nombre del bloque"),o())}function pe(n,t){if(n&1&&(r(0,"div",24),f(1,de,2,0,"span",25),o()),n&2){let e;c();let a=C(1);l(),s("ngIf",(e=a.form.get("name"))==null||e.errors==null?null:e.errors.required)}}function _e(n,t){if(n&1){let e=g();r(0,"div",38),b("click",function(){_(e);let i=c().index,p=c(2);return u(p.changePosition(i,-1))}),d(1,"i",39),o()}}function ue(n,t){if(n&1){let e=g();r(0,"div",40),b("click",function(){_(e);let i=c().index,p=c(2);return u(p.changePosition(i,1))}),d(1,"i",41),o()}}function fe(n,t){if(n&1&&(d(0,"img",42),j(1,"fullPathImage")),n&2){let e=c().$implicit;s("src",N(1,2,e.model.file.imageUrl),h)("alt",e.model.file.imageUrl)}}function be(n,t){if(n&1&&(r(0,"div",43),d(1,"img",44),o()),n&2){let e=c().$implicit;l(),s("src",e.model.file.urlVideo,h)}}function ve(n,t){if(n&1&&(r(0,"div",45),m(1),o()),n&2){let e=c().$implicit;l(),F("Link:",e.model.link,"")}}function ge(n,t){if(n&1&&(r(0,"li",26)(1,"div",27),f(2,_e,2,0,"div",28)(3,ue,2,0,"div",29),o(),r(4,"div",27)(5,"div",30),m(6),o()(),r(7,"div",27),f(8,fe,2,4,"img",31)(9,be,2,1,"div",32),o(),r(10,"div",27),d(11,"div",33)(12,"div",34),f(13,ve,2,1,"div",35),o(),r(14,"div",27)(15,"a",36),d(16,"i",37),m(17," Editar "),o()()()),n&2){let e=t.$implicit,a=t.index,i=t.last,p=t.first,B=c(2);l(2),s("ngIf",B.bannerList.length>1&&(i||!p)),l(),s("ngIf",B.bannerList.length>1&&(p||!i)),l(3),y(a+1),l(2),s("ngIf",e.model.file.imageUrl),l(),s("ngIf",e.model.file.embedUrl),l(2),s("innerHTML",e.model.title,S),l(),s("innerHTML",e.model.subtitle,S),l(),s("ngIf",e.model.link),l(2),s("href","/administrador/bloques/"+B.block.blockID+"/banner/"+e.bannerID,h)}}function ke(n,t){if(n&1&&(r(0,"option",48),m(1),o()),n&2){let e=t.$implicit;s("ngValue",e.id),l(),y(e.value)}}function he(n,t){if(n&1){let e=g();r(0,"select",46),E("ngModelChange",function(i){_(e);let p=c(2);return L(p.block.json.rotation,i)||(p.block.json.rotation=i),u(i)}),f(1,ke,2,2,"option",47),o()}if(n&2){let e=c(2);s("disabled",e.formIsBusy),I("ngModel",e.block.json.rotation),l(),s("ngForOf",e.seconds)}}function xe(n,t){if(n&1){let e=g();r(0,"div",49)(1,"button",50),b("click",function(){_(e);let i=c(2);return u(i.changeSize(1))}),r(2,"span"),m(3,"4:1 1200x300"),o(),r(4,"div",51),d(5,"i",52),o()(),r(6,"button",50),b("click",function(){_(e);let i=c(2);return u(i.changeSize(2))}),r(7,"span"),m(8,"3:1 1200x400"),o(),r(9,"div",51),d(10,"i",52),o()(),r(11,"button",50),b("click",function(){_(e);let i=c(2);return u(i.changeSize(3))}),r(12,"span"),m(13,"2:1 1200x600"),o(),r(14,"div",51),d(15,"i",52),o()(),r(16,"button",50),b("click",function(){_(e);let i=c(2);return u(i.changeSize(4))}),r(17,"span"),m(18,"4:3 1200x900"),o(),r(19,"div",51),d(20,"i",52),o()()()}if(n&2){let e=c(2);l(),s("ngClass",k(4,x,e.block.json.size===1)),l(5),s("ngClass",k(6,x,e.block.json.size===2)),l(5),s("ngClass",k(8,x,e.block.json.size===3)),l(5),s("ngClass",k(10,x,e.block.json.size===4))}}function Be(n,t){n&1&&(r(0,"div",53),m(1," Recuerda que debes eliminar todos los banners creados para cambiar la proporci\xF3n "),o())}function Se(n,t){if(n&1){let e=g();r(0,"form",6,0),b("ngSubmit",function(){_(e);let i=c();return u(i.send())}),r(2,"p")(3,"label",7),m(4,"Nombre del bloque"),o(),r(5,"span"),m(6,"30 caracteres"),o()(),r(7,"div")(8,"input",8),E("ngModelChange",function(i){_(e);let p=c();return L(p.block.name,i)||(p.block.name=i),u(i)}),o(),f(9,pe,2,1,"div",9),o(),r(10,"h2",10),m(11,"Banners"),o(),r(12,"a",11),b("click",function(i){_(e);let p=c();return u(p.checkAvailable(i))}),d(13,"i",12),m(14," Agregar "),o(),r(15,"ul",13),f(16,ge,18,9,"li",14),o(),r(17,"div")(18,"p")(19,"label",15),m(20,"Duraci\xF3n de rotaci\xF3n"),o(),m(21," Define los segundos que durar\xE1 la rotaci\xF3n autom\xE1ticamente de las im\xE1genes "),o(),f(22,he,2,3,"select",16),o(),r(23,"div",17)(24,"p")(25,"label",15),m(26,"Tama\xF1o del banner"),o(),m(27," S\xF3lo se podr\xE1 cambiar la proporci\xF3n del banner cuando no existan banners creados "),o(),f(28,xe,21,12,"div",18)(29,Be,2,0,"div",19),o(),r(30,"div")(31,"button",20),d(32,"span",21),m(33," Guardar "),o(),r(34,"button",22),b("click",function(){_(e);let i=c();return u(i.back())}),d(35,"span",23),m(36,"Cancelar "),o()()()}if(n&2){let e,a=C(1),i=c();l(8),I("ngModel",i.block.name),l(),s("ngIf",((e=a.form.get("name"))==null?null:e.invalid)&&a.submitted),l(3),s("ngClass",k(10,me,i.bannerList.length>=5))("href","/administrador/bloques/"+i.block.blockID+"/crear-banner?count="+i.bannerList.length,h),l(4),s("ngForOf",i.bannerList),l(6),s("ngIf",i.block.json),l(6),s("ngIf",i.block.json),l(),s("ngIf",i.validateSizes),l(2),s("disabled",i.formIsBusy),l(3),s("disabled",i.formIsBusy)}}var se=class n{constructor(t,e,a,i,p){this.helperService=t;this.bannerService=e;this.blocksService=a;this.modalService=i;this.activatedRoute=p}blockId;block={};sizeOriginal=0;validateSizes=!1;bannerFilter={};bannerList=[];isChangePosition=!1;seconds=[];form;formIsBusy=!1;ngOnInit(){this.activate()}back(){this.blocksService.goBack(this.activatedRoute.snapshot.params)}bindSeconds(){for(var t=0;t<31;t++)t===0?this.seconds.push({id:t,value:"Sin rotaci\xF3n"}):t>9&&this.seconds.push({id:t,value:t===1?t+" segundo":t+" segundos"})}checkAvailable(t){return this.bannerList.length<5||t.preventDefault(),!0}activate(){this.blockId=this.activatedRoute.snapshot.params.id,this.bindSeconds(),this.blocksService.get(this.blockId).subscribe({next:t=>{this.block=t,this.block.json=JSON.parse(t.frame),(this.block.json.rotation===null||this.block.json.rotation===void 0||this.block.json.rotation<10)&&(this.block.json.rotation=0),this.bannerFilter.blockID=t.blockID,this.sizeOriginal=this.block.json.size,this.bannerService.get(this.bannerFilter).subscribe({next:e=>this.setBannerList(e),error:e=>this.helperService.handlerException(e)})}})}changePosition(t,e){var a=t+e;if(t!==a){var i=this.bannerList[t];this.bannerList.splice(t,1),this.bannerList.splice(a,0,i),this.isChangePosition=!0}}callSaveSort(){return new w(t=>{if(this.isChangePosition){var e=this.bannerList.map((a,i)=>({bannerID:a.bannerID,position:i}));this.bannerService.sortArray(e).subscribe({next:a=>{t.next(a)},error:a=>{t.error(a)}})}else t.next(!0)})}changeSize(t){this.bannerList.length===0?(this.block.json.size=t,this.block.frame=JSON.stringify(this.block.json),this.blocksService.update(this.block).subscribe()):this.validateSizes=!0}send(){this.form.valid&&!this.formIsBusy&&this.validateSize()&&(this.validateSizes=!1,this.formIsBusy=!0,this.block.frame=JSON.stringify(this.block.json),this.callSaveSort().subscribe({next:t=>{this.blocksService.update(this.block).subscribe({next:e=>{this.isChangePosition=!1,this.formIsBusy=!1,this.modalService.showExit("Bloque de banners actualizado")},error:e=>{this.formIsBusy=!1,this.helperService.handlerException(e)}})},error:t=>{this.formIsBusy=!1,this.helperService.handlerException(t)}}))}validateSize(){return this.sizeOriginal!==this.block.json.size&&this.bannerList.length>0?(this.validateSizes=!0,!1):(this.validateSizes=!1,!0)}setBannerList(t){this.bannerList=[],t.results&&t.results.length>

10&&t.results.forEach((e,a)=>{e.model=JSON.parse(e.body),e.index=a+1,this.bannerList.push(e)})}static \u0275fac=function(e){return new(e||n)(v(U),v(ne),v(re),v(H),v(R))};static \u0275cmp=A({type:n,selectors:[["app-admin-block-banner-list"]],viewQuery:function(e,a){if(e&1&&V(ce,5),e&2){let i;T(i=z())&&(a.form=i.first)}},standalone:!0,features:[M],decls:6,vars:1,consts:[["form","ngForm"],[3,"backEvent"],[1,"wrap-editW"],[1,"content_all"],[1,"mt40"],["name","form","novalidate","",3,"ngSubmit",4,"ngIf"],["name","form","novalidate","",3,"ngSubmit"],[1,"adminBlock__label","adminBlock__label--line"],["type","text","name","name","maxlength","30","required","","aria-required","true",3,"ngModelChange","ngModel"],["class","error",4,"ngIf"],[1,"adminBlock__label","mt30"],[1,"setBanner__btnAdd",3,"click","ngClass","href"],[1,"icon-icon-7"],[1,"setBanner-order"],["class","setBanner-orderRow",4,"ngFor","ngForOf"],[1,"adminBlock__label"],["class","setBanner__sel mt10","name","rotation",3,"disabled","ngModel","ngModelChange",4,"ngIf"],[1,"mt20"],["class","adminBlock-wBtnBanner",4,"ngIf"],["class","error mb20",4,"ngIf"],["type","submit",1,"btn-main-2",3,"disabled"],[1,"icon-save-2"],["type","button",1,"btn-main-2",3,"click","disabled"],[1,"icon-close"],[1,"error"],[4,"ngIf"],[1,"setBanner-orderRow"],[1,"setBanner-orderCol"],["class","setBanner__btnUp",3,"click",4,"ngIf"],["class","setBanner__btnDown",3,"click",4,"ngIf"],[1,"setBanner__orderNum"],["class","setBanner__imgXs",3,"src","alt",4,"ngIf"],["class","preview_img",4,"ngIf"],[1,"setBanner__orderTxt","setBanner__orderTxt--tit",3,"innerHTML"],[1,"setBanner__orderTxt",3,"innerHTML"],["class","setBanner__orderTxt",4,"ngIf"],[1,"setBanner__btnEdit",3,"href"],[1,"icon-icon-10"],[1,"setBanner__btnUp",3,"click"],[1,"icon-icon-8"],[1,"setBanner__btnDown",3,"click"],[1,"icon-icon-9"],[1,"setBanner__imgXs",3,"src","alt"],[1,"preview_img"],["alt","",3,"src"],[1,"setBanner__orderTxt"],["name","rotation",1,"setBanner__sel","mt10",3,"ngModelChange","disabled","ngModel"],[3,"ngValue",4,"ngFor","ngForOf"],[3,"ngValue"],[1,"adminBlock-wBtnBanner"],["type","button",3,"click","ngClass"],[1,"adminBlock-bannerCheck"],[1,"icon-check"],[1,"error","mb20"]],template:function(e,a){e&1&&(r(0,"app-admin-header",1),b("backEvent",function(){return a.back()}),o(),d(1,"app-admin-desktop"),r(2,"div",2)(3,"div",3),d(4,"div",4),f(5,Se,37,12,"form",5),o()()),e&2&&(l(5),s("ngIf",a.block))},dependencies:[q,D,O,P,ie,X,Y,Z,W,K,$,J,ee,te,G,Q,le,ae,oe]})};

1export{se as AdminBlockBannerListComponent};