https://colon-putumayo.gov.co/chunk-2KP3Q7VU.js

1import{a as U}from"./chunk-UGA23ICO.js";import{a as K}from"./chunk-NGCQOK2V.js";import{a as L}from"./chunk-DQPLM2C5.js";import"./chunk-MIHC4Y75.js";import{b as j}from"./chunk-SB5L2XE4.js";import{D as z,c as q,g as H,h as Q,j as J,l as O,m as W,o as G,x as P}from"./chunk-ICJV4PL6.js";import{a as D}from"./chunk-RIRGXRXY.js";import"./chunk-3GN2FC7K.js";import{t as R}from"./chunk-47CSRN7C.js";import"./chunk-SKH2MXBC.js";import{i as x,k as M,v as F}from"./chunk-BQLJE42W.js";import{$b as N,Db as b,Ib as v,Jb as h,Pb as y,Qb as B,Rb as V,Sb as I,Tb as s,Xa as l,Ya as f,Zb as A,_b as E,bc as T,da as k,ib as _,mb as c,na as p,oa as u,rb as g,v as S,vb as w,wb as C,xb as n,yb as r,zb as m}from"./chunk-YE3BF7DR.js";import"./chunk-4IDNTCH7.js";var Y=["form"],Z=(a,e)=>e.siteThemesID;function $(a,e){if(a&1){let i=b();n(0,"li")(1,"input",16),N("ngModelChange",function(t){p(i);let d=h();return E(d.block.json.color,t)||(d.block.json.color=t),u(t)}),r(),n(2,"label",17),s(3," T "),r()()}if(a&2){let i=e.$implicit,o=h();l(),c("id","lbl-"+i.siteThemesID)("value",i.value),A("ngModel",o.block.json.color),l(),c("ngClass",i.value)("for","lbl-"+i.siteThemesID)}}function ee(a,e){a&1&&(n(0,"div",18)(1,"span"),s(2,"Debes seleccionar uno de los temas"),r()())}var X=class a{constructor(e,i,o,t){this.blocksService=e;this.activatedRoute=i;this.helperService=o;this.modalService=t;this.id=parseInt(this.activatedRoute.snapshot.paramMap.get("id"),10)}id;block={};themes={};form;formIsBusy;formSubmitted;ngOnInit(){this.activate()}back(){this.blocksService.goBack(this.activatedRoute.snapshot.params)}activate(){S([this.blocksService.get(this.id),this.blocksService.getThemes("1")]).subscribe({next:e=>{this.block=e[0],this.block.json=JSON.parse(e[0].frame),this.helperService.buildThemes(e[1],this,this.block,!1)},error:e=>{this.helperService.handlerException(e)}})}send(){this.form.valid&&!this.formIsBusy?(this.formIsBusy=!0,this.block.frame=JSON.stringify(this.block.json),this.blocksService.update(this.block).subscribe({next:e=>{this.formSubmitted=!1,this.formIsBusy=!1,this.modalService.showExit('Bloque "'+this.block.name+'" actualizado')}})):this.formSubmitted=!0}static \u0275fac=function(i){return new(i||a)(f(L),f(j),f(D),f(R))};static \u0275cmp=k({type:a,selectors:[["app-admin-block-viewed-sections"]],viewQuery:function(i,o){if(i&1&&y(Y,5),i&2){let t;B(t=V())&&(o.form=t.first)}},standalone:!0,features:[T],decls:29,vars:6,consts:[["form","ngForm"],[3,"backEvent"],[1,"content_all"],["novalidate","","name","form",3,"ngSubmit"],[1,"adminBlock__subTit"],[1,"adminBlock-wVisited"],[1,"adminBlock-visitedRow"],[1,"icon-home"],[1,"icon-hand"],[1,"icon-star"],[1,"adminBlock-wThemes"],["class","error",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"],["required","","aria-required","true","type","radio","name","color",3,"ngModelChange","id","value","ngModel"],[1,"theme-select",3,"ngClass","for"],[1,"error"]],template:function(i,o){if(i&1){let t=b();n(0,"app-admin-header",1),v("backEvent",function(){return p(t),u(o.back())}),r(),m(1,"app-admin-desktop"),n(2,"div",2)(3,"form",3,0),v("ngSubmit",function(){return p(t),u(o.send())}),n(5,"h2",4),s(6,"Elige un tema"),r(),n(7,"div",5)(8,"div")(9,"div",6),m(10,"i",7),s(11," Nombre de la secci\xF3n 1. "),r(),n(12,"div",6),m(13,"i",8),s(14," Nombre de la secci\xF3n dos "),r(),n(15,"div",6),m(16,"i",9),s(17," Nombre corto "),r()(),n(18,"ul",10),w(19,$,4,5,"li",null,Z),r()(),_(21,ee,3,0,"div",11),n(22,"div")(23,"button",12),m(24,"span",13),s(25," Guardar "),r(),n(26,"button",14),v("click",function(){return p(t),u(o.back())}),m(27,"span",15),s(28,"Cancelar "),r()()()()}if(i&2){let t=I(4);l(8),g("",o.block.json.color,"  adminBlock-setVisited"),l(11),C(o.themes),l(2),c("ngIf",t.invalid&&t.submitted),l(2),c("disabled",o.formIsBusy),l(3),c("disabled",o.formIsBusy)}},dependencies:[U,K,F,x,M,z,W,q,G,H,Q,P,O,J]})};export{X as AdminBlockViewedSectionsComponent};