https://event-us.kr/Content/dist/js/EvEventBuilder-basic-fields-TargetJobTypeField-vue.e89c9c2a354a4238.js

1"use strict";(self["webpackChunkeventus_ui"]=self["webpackChunkeventus_ui"]||[]).push([[4647],{99860:function(e,t,r){r.r(t),r.d(t,{default:function(){return g}});var l=r(70821);const a={class:"space-y-2.5"},o={class:"space-y-2.5"},s=(0,l.createElementVNode)("div",null,[(0,l.createTextVNode)("타겟 직군 "),(0,l.createElementVNode)("span",{class:"text-danger-500"},"*")],-1),n=["onClick"],i={key:0,class:"text-danger-500 text-sm"},d={class:"space-y-2 pl-4 ml-1 border-l-2 border-gray-200"},c=(0,l.createElementVNode)("div",{class:"text-sm text-gray-500"},"선택한 직군에 대한 추가 정보 (선택)",-1);function p(e,t,r,p,u,m){return(0,l.openBlock)(),(0,l.createElementBlock)("div",a,[(0,l.createElementVNode)("div",o,[s,(0,l.createElementVNode)("div",{name:"projectTargetJobTypeNames",class:(0,l.normalizeClass)(["flex flex-wrap gap-2 rounded-md",r.error?"border border-danger-500 p-2":""])},[((0,l.openBlock)(!0),(0,l.createElementBlock)(l.Fragment,null,(0,l.renderList)(m.jobTypeNames,(e=>((0,l.openBlock)(),(0,l.createElementBlock)("button",{key:e,type:"button",class:(0,l.normalizeClass)(["px-3 h-8 rounded-full border text-sm transition",m.isSelected(e)?"bg-primary-50 border-primary-500 text-primary-500":"bg-white border-gray-200 text-gray-700 hover:bg-gray-50"]),onClick:t=>m.toggleJob(e)},(0,l.toDisplayString)(e),11,n)))),128))],2),r.error&&r.errorMsg?((0,l.openBlock)(),(0,l.createElementBlock)("div",i,(0,l.toDisplayString)(r.errorMsg),1)):(0,l.createCommentVNode)("",!0)]),(0,l.withDirectives)((0,l.createElementVNode)("div",d,[c,(0,l.withDirectives)((0,l.createElementVNode)("textarea",{"onUpdate:modelValue":t[0]||(t[0]=e=>m.localDetail=e),class:"rounded-md w-full resize-none px-5 py-3 h-[104px]",name:"project.ProjectTargetDetail.Detail",placeholder:"예) 연차 3~5년, IT/테크 산업군"},null,512),[[l.vModelText,m.localDetail]])],512),[[l.vShow,m.localJobTypes.length>0]])])}r(57658);var u={name:"TargetJobTypeField",props:{jobTypes:{type:Array,default:()=>[]},modelValue:{type:Array,default:()=>[]},detail:{type:String,default:""},error:{type:Boolean,default:!1},errorMsg:{type:String,default:"선택해 주세요."}},emits:["update:modelValue","update:detail"],computed:{jobTypeNames(){return(this.jobTypes||[]).map((e=>"string"===typeof e?e:e&&"string"===typeof e.Name?e.Name:null)).filter(Boolean)},localJobTypes:{get(){return Array.isArray(this.modelValue)?this.modelValue:[]},set(e){this.$emit("update:modelValue",e)}},localDetail:{get(){return this.detail},set(e){this.$emit("update:detail",e)}}},methods:{isSelected(e){return this.localJobTypes.includes(e)},toggleJob(e){const t=[...this.localJobTypes],r=t.indexOf(e);r>=0?t.splice(r,1):t.push(e),this.localJobTypes=t}}},m=r(83744);const y=(0,m.Z)(u,[["render",p]]);var g=y}}]);