https://event-us.kr/Content/dist/js/EvProjectBuilder-sections-tickets-TicketsSettings-vue.c5fc11f475e08fb4.js

1"use strict";(self["webpackChunkeventus_ui"]=self["webpackChunkeventus_ui"]||[]).push([[991],{55961:function(e,t,l){l.r(t),l.d(t,{default:function(){return pe}});l(57658);var a=l(70821);const n={class:"space-y-4"},o={class:"flex items-center justify-between"},s=(0,a.createElementVNode)("p",{class:"text-[13px] text-gray-900"},"섹션 제목 표시",-1),r={class:"flex items-center justify-between"},c=(0,a.createElementVNode)("p",{class:"text-[13px] text-gray-900"},"신청 기간 표시",-1),d=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"표시 방식",-1),i={class:"flex h-11 items-start rounded-[10px] bg-gray-100/80 px-1 pt-1"},m=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"카드 레이아웃",-1),u={class:"flex h-11 items-start rounded-[10px] bg-gray-100/80 px-1 pt-1"},p={key:0},x=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"표시할 티켓 선택",-1),g={key:0,class:"text-sm text-gray-400"},y={key:1,class:"divide-y divide-gray-100 rounded-lg border border-gray-100 bg-gray-50/50"},k={class:"flex items-center gap-2"},v={class:"min-w-0 flex-1"},b={class:"text-sm"},E={class:"flex gap-2 text-xs text-gray-400"},f={key:1},V=["onClick"],N={class:"text-xs font-medium text-gray-500"},h=(0,a.createElementVNode)("polyline",{points:"6 9 12 15 18 9"},null,-1),B=[h],w={class:"flex items-center gap-2"},C={class:"min-w-0 flex-1"},S={class:"text-sm"},I={class:"flex gap-2 text-xs text-gray-400"},D={key:1},j=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"탭 구성",-1),L={class:"divide-y divide-gray-100 rounded-lg border border-gray-100 bg-gray-50/50"},U={class:"mb-2 flex items-center justify-between"},F={class:"text-[13px] text-gray-700"},_=["onClick"],z={class:"divide-y divide-gray-100 rounded-lg border border-gray-100"},G={class:"min-w-0 flex-1"},M={class:"text-sm"},O={class:"flex gap-2 text-xs text-gray-400"},P={key:1},T=["onClick"],$={class:"text-xs font-medium text-gray-500"},R=(0,a.createElementVNode)("polyline",{points:"6 9 12 15 18 9"},null,-1),W=[R],q={class:"min-w-0 flex-1"},A={class:"text-sm"},H={class:"flex gap-2 text-xs text-gray-400"},J={key:0,class:"p-2.5 text-center text-xs text-gray-400"},K=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"표시 옵션",-1),Q={class:"space-y-2 rounded-lg border border-gray-100 bg-gray-50/50 p-2.5"},X={class:"flex items-center justify-between"},Y=(0,a.createElementVNode)("span",{class:"text-[13px] text-gray-500"},"가격 표시",-1),Z={class:"flex items-center justify-between"},ee=(0,a.createElementVNode)("span",{class:"text-[13px] text-gray-500"},"잔여수량 표시",-1),te=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"너비",-1),le={class:"flex h-11 items-start rounded-[10px] bg-gray-100/80 px-1 pt-1"},ae=["onClick"],ne=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"컬럼 수",-1),oe={class:"flex h-11 items-start rounded-[10px] bg-gray-100/80 px-1 pt-1"},se=["onClick"],re=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"간격",-1),ce={class:"flex h-11 items-start rounded-[10px] bg-gray-100/80 px-1 pt-1"},de=["onClick"],ie=(0,a.createElementVNode)("p",{class:"mb-2.5 text-[13px] text-gray-900"},"배경색",-1);var me={__name:"TicketsSettings",props:{section:{type:Object,required:!0},sections:{type:Array,default:()=>[]}},emits:["update:data"],setup(e,{emit:t}){const l=e,h=(0,a.inject)("builderTickets",[]),R=(0,a.inject)("builderBundles",[]),me=(0,a.ref)({}),ue=(0,a.computed)((()=>h.value||[])),pe=(0,a.computed)((()=>{const e={};(R.value||[]).forEach((t=>{e[t.Id]=t.BundleName||t.Name}));const t={};ue.value.forEach((l=>{const a=l.BundleId||0;t[a]||(t[a]={bundleId:a,bundleName:a?e[a]||"카테고리":null,tickets:[]}),t[a].tickets.push(l)}));const l=[];return t[0]&&l.push(t[0]),Object.keys(t).filter((e=>"0"!==e)).forEach((e=>l.push(t[e]))),l})),xe=[{value:"full",label:"전체"},{value:"default",label:"기본"},{value:"medium",label:"중간"},{value:"small",label:"작게"}],ge=[{value:"py-0",label:"없음"},{value:"py-4",label:"작게"},{value:"py-10",label:"보통"},{value:"py-40",label:"크게"}];function ye(e){return e.GroupMoney>

10?`₩${e.GroupMoney.toLocaleString()}`:"무료"}function ke(e){return e.GroupLimit>0?`${e.GroupLimit}매`:"무제한"}function ve(e){return String(e||"").replace(/<[^>]*>/g,"").trim()}function be(e){me.value[e]=!me.value[e]}function Ee(e){return!1!==me.value[e]}function fe(e){return(l.section.data.ticket_ids||[]).includes(e)}function Ve(e,t){const a=[...l.section.data.ticket_ids||[]],n=a.indexOf(e);t&&-1===n?a.push(e):t||-1===n||a.splice(n,1),Ce({ticket_ids:a})}function Ne(){const e=[...l.section.data.tabs||[],{name:"",ticket_ids:[]}];Ce({tabs:e})}function he(e){const t=(l.section.data.tabs||[]).filter(((t,l)=>l!==e));Ce({tabs:t})}function Be(e,t){const a=(l.section.data.tabs||[])[e];return!!a&&(a.ticket_ids||[]).includes(t)}function we(e,t,a){const n=[...l.section.data.tabs||[]],o={...n[e]},s=[...o.ticket_ids||[]],r=s.indexOf(t);a&&-1===r?s.push(t):a||-1===r||s.splice(r,1),o.ticket_ids=s,n[e]=o,Ce({tabs:n})}function Ce(e){t("update:data",{...l.section.data,...e})}return(t,l)=>{const h=(0,a.resolveComponent)("ev-toggle"),R=(0,a.resolveComponent)("ev-checkbox"),me=(0,a.resolveComponent)("ev-colorpicker");return(0,a.openBlock)(),(0,a.createElementBlock)("div",n,[(0,a.createElementVNode)("div",o,[s,(0,a.createVNode)(h,{"model-value":!1!==e.section.data.showTitle,"onUpdate:modelValue":l[0]||(l[0]=e=>Ce({showTitle:e}))},null,8,["model-value"])]),(0,a.createElementVNode)("div",r,[c,(0,a.createVNode)(h,{"model-value":e.section.data.showPeriod,"onUpdate:modelValue":l[1]||(l[1]=e=>Ce({showPeriod:e}))},null,8,["model-value"])]),(0,a.createElementVNode)("div",null,[d,(0,a.createElementVNode)("div",i,[(0,a.createElementVNode)("button",{class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all","grid"===(e.section.data.displayMode||"grid")?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:l[2]||(l[2]=e=>Ce({displayMode:"grid"}))}," 그리드 ",2),(0,a.createElementVNode)("button",{class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all","tabs"===e.section.data.displayMode?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:l[3]||(l[3]=e=>Ce({displayMode:"tabs"}))}," 탭 ",2)])]),(0,a.createElementVNode)("div",null,[m,(0,a.createElementVNode)("div",u,[(0,a.createElementVNode)("button",{class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all","list"===(e.section.data.ticketListStyle||"list")?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:l[4]||(l[4]=e=>Ce({ticketListStyle:"list"}))}," 리스트 ",2),(0,a.createElementVNode)("button",{class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all","cards"===e.section.data.ticketListStyle?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:l[5]||(l[5]=e=>Ce({ticketListStyle:"cards"}))}," 카드 ",2)])]),"grid"===(e.section.data.displayMode||"grid")?((0,a.openBlock)(),(0,a.createElementBlock)("div",p,[x,0===(0,a.unref)(ue).length?((0,a.openBlock)(),(0,a.createElementBlock)("div",g,"등록된 티켓이 없습니다.")):((0,a.openBlock)(),(0,a.createElementBlock)("div",y,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)((0,a.unref)(pe),(e=>((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:e.bundleId},[e.bundleName?((0,a.openBlock)(),(0,a.createElementBlock)("div",f,[(0,a.createElementVNode)("button",{type:"button",class:"flex w-full items-center justify-between bg-gray-100/60 px-2.5 py-1.5",onClick:t=>be(e.bundleId)},[(0,a.createElementVNode)("span",N,(0,a.toDisplayString)(e.bundleName)+" ("+(0,a.toDisplayString)(e.tickets.length)+") ",1),((0,a.openBlock)(),(0,a.createElementBlock)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2",class:(0,a.normalizeClass)(["text-gray-400 transition-transform",Ee(e.bundleId)?"rotate-180":""])},B,2))],8,V),Ee(e.bundleId)?((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:0},(0,a.renderList)(e.tickets,(e=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{key:e.Id,class:"px-2.5 py-2"},[(0,a.createElementVNode)("div",w,[(0,a.createVNode)(R,{"model-value":fe(e.Id),"onUpdate:modelValue":t=>Ve(e.Id,t)},null,8,["model-value","onUpdate:modelValue"]),(0,a.createElementVNode)("div",C,[(0,a.createElementVNode)("div",S,(0,a.toDisplayString)(e.GroupName),1),(0,a.createElementVNode)("div",I,[(0,a.createElementVNode)("span",null,(0,a.toDisplayString)(ye(e)),1),(0,a.createElementVNode)("span",null,"/ "+(0,a.toDisplayString)(ke(e)),1)])])])])))),128)):(0,a.createCommentVNode)("",!0)])):((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:0},(0,a.renderList)(e.tickets,(e=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{key:e.Id,class:"px-2.5 py-2"},[(0,a.createElementVNode)("div",k,[(0,a.createVNode)(R,{"model-value":fe(e.Id),"onUpdate:modelValue":t=>Ve(e.Id,t)},null,8,["model-value","onUpdate:modelValue"]),(0,a.createElementVNode)("div",v,[(0,a.createElementVNode)("div",b,(0,a.toDisplayString)(e.GroupName),1),(0,a.createElementVNode)("div",E,[(0,a.createElementVNode)("span",null,(0,a.toDisplayString)(ye(e)),1),(0,a.createElementVNode)("span",null,"/ "+(0,a.toDisplayString)(ke(e)),1)])])])])))),128))],64)))),128))]))])):((0,a.openBlock)(),(0,a.createElementBlock)("div",D,[j,(0,a.createElementVNode)("div",L,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(e.section.data.tabs||[],((e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{key:t,class:"p-2.5"},[(0,a.createElementVNode)("div",U,[(0,a.createElementVNode)("p",F,"탭 "+(0,a.toDisplayString)(t+1)+(0,a.toDisplayString)(e.name?` · ${ve(e.name)}

1`:""),1),(0,a.createElementVNode)("p",{class:"cursor-pointer text-[13px] text-danger-400",onClick:e=>he(t)},"삭제",8,_)]),(0,a.createElementVNode)("div",z,[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)((0,a.unref)(pe),(e=>((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:e.bundleId},[e.bundleName?((0,a.openBlock)(),(0,a.createElementBlock)("div",P,[(0,a.createElementVNode)("button",{type:"button",class:"flex w-full items-center justify-between bg-gray-100/60 px-2.5 py-1.5",onClick:t=>be(e.bundleId)},[(0,a.createElementVNode)("span",$,(0,a.toDisplayString)(e.bundleName)+" ("+(0,a.toDisplayString)(e.tickets.length)+") ",1),((0,a.openBlock)(),(0,a.createElementBlock)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2",class:(0,a.normalizeClass)(["text-gray-400 transition-transform",Ee(e.bundleId)?"rotate-180":""])},W,2))],8,T),Ee(e.bundleId)?((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:0},(0,a.renderList)(e.tickets,(e=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{key:e.Id,class:"flex items-center gap-2 px-2.5 py-2"},[(0,a.createVNode)(R,{"model-value":Be(t,e.Id),"onUpdate:modelValue":l=>we(t,e.Id,l)},null,8,["model-value","onUpdate:modelValue"]),(0,a.createElementVNode)("div",q,[(0,a.createElementVNode)("div",A,(0,a.toDisplayString)(e.GroupName),1),(0,a.createElementVNode)("div",H,[(0,a.createElementVNode)("span",null,(0,a.toDisplayString)(ye(e)),1),(0,a.createElementVNode)("span",null,"/ "+(0,a.toDisplayString)(ke(e)),1)])])])))),128)):(0,a.createCommentVNode)("",!0)])):((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:0},(0,a.renderList)(e.tickets,(e=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{key:e.Id,class:"flex items-center gap-2 px-2.5 py-2"},[(0,a.createVNode)(R,{"model-value":Be(t,e.Id),"onUpdate:modelValue":l=>we(t,e.Id,l)},null,8,["model-value","onUpdate:modelValue"]),(0,a.createElementVNode)("div",G,[(0,a.createElementVNode)("div",M,(0,a.toDisplayString)(e.GroupName),1),(0,a.createElementVNode)("div",O,[(0,a.createElementVNode)("span",null,(0,a.toDisplayString)(ye(e)),1),(0,a.createElementVNode)("span",null,"/ "+(0,a.toDisplayString)(ke(e)),1)])])])))),128))],64)))),128))])])))),128)),(e.section.data.tabs||[]).length?(0,a.createCommentVNode)("",!0):((0,a.openBlock)(),(0,a.createElementBlock)("div",J," 탭을 추가해주세요. "))]),(0,a.createElementVNode)("button",{class:"mt-2 flex h-8 w-full items-center justify-center gap-1 rounded-lg border border-dashed border-gray-300 text-sm text-gray-500 hover:bg-gray-50",onClick:Ne}," + 탭 추가 ")])),(0,a.createElementVNode)("div",null,[K,(0,a.createElementVNode)("div",Q,[(0,a.createElementVNode)("div",X,[Y,(0,a.createVNode)(h,{"model-value":e.section.data.showPrice,"onUpdate:modelValue":l[6]||(l[6]=e=>Ce({showPrice:e}))},null,8,["model-value"])]),(0,a.createElementVNode)("div",Z,[ee,(0,a.createVNode)(h,{"model-value":e.section.data.showRemaining,"onUpdate:modelValue":l[7]||(l[7]=e=>Ce({showRemaining:e}))},null,8,["model-value"])])])]),(0,a.createElementVNode)("div",null,[te,(0,a.createElementVNode)("div",le,[((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(xe,(t=>(0,a.createElementVNode)("button",{key:t.value,class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all",(e.section.data.ticketsWidth||"default")===t.value?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:e=>Ce({ticketsWidth:t.value})},(0,a.toDisplayString)(t.label),11,ae))),64))])]),(0,a.createElementVNode)("div",null,[ne,(0,a.createElementVNode)("div",oe,[((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)([1,2],(t=>(0,a.createElementVNode)("button",{key:t,class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all",(e.section.data.columns||1)===t?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:e=>Ce({columns:t})},(0,a.toDisplayString)(t)+"열 ",11,se))),64))])]),(0,a.createElementVNode)("div",null,[re,(0,a.createElementVNode)("div",ce,[((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(ge,(t=>(0,a.createElementVNode)("button",{key:t.value,class:(0,a.normalizeClass)(["flex h-9 flex-1 items-center justify-center rounded-lg text-sm transition-all",(e.section.data.spacing||"py-10")===t.value?"bg-white text-primary-500 shadow-sm":"text-gray-500"]),onClick:e=>Ce({spacing:t.value})},(0,a.toDisplayString)(t.label),11,de))),64))])]),(0,a.createElementVNode)("div",null,[ie,(0,a.createVNode)(me,{small:"","model-value":e.section.data.backgroundColor||"#f9fafb",name:"ticketsBgColor","onUpdate:modelValue":l[8]||(l[8]=e=>Ce({backgroundColor:e}))},null,8,["model-value"])])])}}};const ue=me;var pe=ue}}]);