https://event-us.kr/Content/dist/js/EvSessionManage-components-ItemSettings-vue.f245acb1aba00923.js

1"use strict";(self["webpackChunkeventus_ui"]=self["webpackChunkeventus_ui"]||[]).push([[3569],{75131:function(e,t,a){a.r(t),a.d(t,{default:function(){return h}});a(57658);var l=a(70821),o=a(63736);const r={key:0,class:"space-y-6"},n={key:0},d=(0,l.createElementVNode)("label",{class:"mb-2 block text-sm font-medium text-gray-700"},"아이콘",-1),c={class:"mb-3 flex items-center gap-3"},s={class:"material-icons text-xl"},i={class:"flex max-h-[250px] flex-wrap gap-2 overflow-y-auto rounded-lg border bg-gray-50 p-2"},u={class:"material-icons text-xl"},m=(0,l.createElementVNode)("label",{class:"mb-2 block text-sm font-medium text-gray-700"},"타이틀",-1),p={key:2},f={class:"flex items-center justify-between"},V=(0,l.createElementVNode)("label",{class:"text-sm font-medium text-gray-700"},"공개 여부",-1),x={key:3},y={class:"mb-2 flex items-center justify-between"},k=(0,l.createElementVNode)("label",{class:"text-sm font-medium text-gray-700"},"그룹 접근 제한",-1),g={key:0,class:"mt-3 space-y-3 pl-1"},N={class:"mb-1 text-xs font-semibold text-gray-500"},b={class:"space-y-1"},v=["value"],D={class:"text-sm text-gray-700"};var E={__name:"ItemSettings",props:{open:{type:Boolean,default:!1},editData:{type:Object,default:null},groups:{type:Array,default:()=>[]},presetIcons:{type:Array,default:()=>[]},presetColors:{type:Array,default:null}},emits:["update:open","apply"],setup(e){const t=e,a=(0,l.computed)((()=>{const e=new Map;for(const a of t.groups){const t=a.bundleName||"미분류";e.has(t)||e.set(t,[]),e.get(t).push(a)}return Array.from(e.entries()).map((([e,t])=>({bundleName:e,groups:t})))}));return(t,E)=>{const C=(0,l.resolveComponent)("ev-colorpicker");return(0,l.openBlock)(),(0,l.createBlock)((0,l.unref)(o.EvDrawer),{open:e.open,title:"folder"!==e.editData?.type||e.editData?.upperId?"folder"===e.editData?.type?"폴더 스타일 설정":"기능 스타일 설정":"세션 스타일 설정",width:"md",onClose:E[9]||(E[9]=e=>t.$emit("update:open",!1))},{footer:(0,l.withCtx)((()=>[(0,l.createVNode)((0,l.unref)(o.EvButton),{small:"",class:"w-auto",onClick:E[7]||(E[7]=e=>t.$emit("update:open",!1))},{default:(0,l.withCtx)((()=>[(0,l.createTextVNode)("닫기")])),_:1}),(0,l.createVNode)((0,l.unref)(o.EvButton),{small:"",class:"w-auto bg-primary-500",onClick:E[8]||(E[8]=e=>t.$emit("apply"))},{default:(0,l.withCtx)((()=>[(0,l.createTextVNode)("확인")])),_:1})])),default:(0,l.withCtx)((()=>[e.editData?((0,l.openBlock)(),(0,l.createElementBlock)("div",r,["folder"!==e.editData?.type||e.editData?.upperId?((0,l.openBlock)(),(0,l.createElementBlock)("div",n,[d,(0,l.createElementVNode)("div",c,[(0,l.createElementVNode)("div",{class:"flex h-10 w-10 items-center justify-center rounded-lg",style:(0,l.normalizeStyle)({backgroundColor:e.editData.backgroundColor,color:e.editData.textColor})},[(0,l.createElementVNode)("span",s,(0,l.toDisplayString)(e.editData.icon),1)],4)]),(0,l.createElementVNode)("div",i,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(e.presetIcons,(t=>((0,l.openBlock)(),(0,l.createBlock)((0,l.unref)(o.EvButton),{key:t,class:(0,l.normalizeClass)(["flex h-[45px] w-[45px] items-center justify-center rounded-lg transition-all hover:bg-white hover:shadow-sm",e.editData.icon===t?"bg-primary-100 text-primary-600 ring-2 ring-primary-400":"text-gray-600"]),onClick:a=>e.editData.icon=t},{default:(0,l.withCtx)((()=>[(0,l.createElementVNode)("span",u,(0,l.toDisplayString)(t),1)])),_:2},1032,["class","onClick"])))),128))])])):(0,l.createCommentVNode)("",!0),(0,l.createElementVNode)("div",null,[m,(0,l.createVNode)((0,l.unref)(o.EvInput),{modelValue:e.editData.title,"onUpdate:modelValue":E[0]||(E[0]=t=>e.editData.title=t),placeholder:"타이틀을 입력하세요"},null,8,["modelValue"])]),"folder"!==e.editData?.type||e.editData?.upperId?((0,l.openBlock)(),(0,l.createElementBlock)(l.Fragment,{key:1},[(0,l.createElementVNode)("div",null,[(0,l.createVNode)(C,{modelValue:e.editData.backgroundColor,"onUpdate:modelValue":E[1]||(E[1]=t=>e.editData.backgroundColor=t),swatches:e.presetColors},{default:(0,l.withCtx)((()=>[(0,l.createTextVNode)("배경 색상")])),_:1},8,["modelValue","swatches"])]),(0,l.createElementVNode)("div",null,[(0,l.createVNode)(C,{modelValue:e.editData.textColor,"onUpdate:modelValue":E[2]||(E[2]=t=>e.editData.textColor=t),swatches:e.presetColors},{default:(0,l.withCtx)((()=>[(0,l.createTextVNode)("글자 색상")])),_:1},8,["modelValue","swatches"])])],64)):((0,l.openBlock)(),(0,l.createElementBlock)("div",p,[(0,l.createVNode)(C,{modelValue:e.editData.textColor,"onUpdate:modelValue":E[3]||(E[3]=t=>e.editData.textColor=t),swatches:e.presetColors},{default:(0,l.withCtx)((()=>[(0,l.createTextVNode)("글자 색상")])),_:1},8,["modelValue","swatches"])])),(0,l.createElementVNode)("div",f,[V,(0,l.createVNode)((0,l.unref)(o.EvToggle),{modelValue:e.editData.isShow,"onUpdate:modelValue":E[4]||(E[4]=t=>e.editData.isShow=t)},null,8,["modelValue"])]),"folder"!==e.editData?.type||e.editData?.upperId?(0,l.createCommentVNode)("",!0):((0,l.openBlock)(),(0,l.createElementBlock)("div",x,[(0,l.createElementVNode)("div",y,[k,(0,l.createVNode)((0,l.unref)(o.EvToggle),{modelValue:e.editData.enableGroup.isUse,"onUpdate:modelValue":E[5]||(E[5]=t=>e.editData.enableGroup.isUse=t),size:"small"},null,8,["modelValue"])]),(0,l.createVNode)((0,l.unref)(o.EvInfoBox),null,{default:(0,l.withCtx)((()=>[(0,l.createTextVNode)("선택한 그룹의 참가자만 이 세션의 기능에 접근할 수 있습니다.")])),_:1}),e.editData.enableGroup.isUse?((0,l.openBlock)(),(0,l.createElementBlock)("div",g,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)((0,l.unref)(a),(t=>((0,l.openBlock)(),(0,l.createElementBlock)("div",{key:t.bundleName},[(0,l.createElementVNode)("p",N,(0,l.toDisplayString)(t.bundleName),1),(0,l.createElementVNode)("div",b,[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(t.groups,(t=>((0,l.openBlock)(),(0,l.createElementBlock)("label",{key:t.id,class:"flex cursor-pointer items-center gap-2"},[(0,l.withDirectives)((0,l.createElementVNode)("input",{"onUpdate:modelValue":E[6]||(E[6]=t=>e.editData.enableGroup.selectedGroups=t),type:"checkbox",value:t.id,class:"rounded border-gray-300 text-primary-500 focus:ring-primary-500"},null,8,v),[[l.vModelCheckbox,e.editData.enableGroup.selectedGroups]]),(0,l.createElementVNode)("span",D,(0,l.toDisplayString)(t.name),1)])))),128))])])))),128))])):(0,l.createCommentVNode)("",!0)]))])):(0,l.createCommentVNode)("",!0)])),_:1},8,["open","title"])}}};const C=E;var h=C}}]);