https://event-us.kr/Content/dist/js/EvSolutionDashboard-components…shboardSolutionList-vue.f959e446dfeaf7f2.js

1"use strict";(self["webpackChunkeventus_ui"]=self["webpackChunkeventus_ui"]||[]).push([[3701,4455,5920],{199:function(e,t,l){l.r(t),l.d(t,{default:function(){return T}});var o=l(70821),n=l(67251);const a={class:"mt-10"},r={class:"flex flex-wrap items-center justify-between gap-2.5"},s=(0,o.createElementVNode)("div",{class:"text-xl"},"세션/기능별 참여",-1),c={key:0,class:"flex flex-wrap items-center gap-2.5"},d={class:"inline-flex rounded-lg bg-gray-100 p-1"},i=["onClick"],u={class:"w-48"},m={class:"mt-6"},p={key:0,class:"rounded-lg border border-gray-200 bg-white p-4"},g=(0,o.createElementVNode)("div",{class:"h-5 w-48 animate-pulse rounded bg-gray-200"},null,-1),y={class:"mt-4 divide-y divide-gray-100 rounded-md border border-gray-200"},x=(0,o.createElementVNode)("div",{class:"h-4 w-40 animate-pulse rounded bg-gray-200"},null,-1),k=(0,o.createElementVNode)("div",{class:"h-4 w-64 animate-pulse rounded bg-gray-200"},null,-1),C=[x,k],f={key:1,class:"rounded-lg border border-gray-200 bg-white py-8 text-center text-gray-500"},v={key:2,class:"grid grid-cols-1 gap-6"},V={class:"flex min-h-[63px] flex-wrap items-center justify-between gap-2.5 border-b border-gray-200 px-4 py-3"},w={class:"font-bold"},E={class:"text-sm text-gray-500"},b={class:"flex items-center space-x-1"},N=(0,o.createElementVNode)("path",{"fill-rule":"evenodd",d:"M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z","clip-rule":"evenodd"},null,-1),h=[N],B={class:"font-bold"},S={class:"text-sm text-gray-500"};var D={__name:"DashboardSolutionList",props:{eventSolutions:{type:Array,default:()=>[]},loading:{type:Boolean,default:!1},downloading:{type:Boolean,default:!1}},emits:["download"],setup(e){const t=e,l=(0,o.ref)(""),x=(0,o.ref)("order"),k=[{key:"order",label:"설정순"},{key:"count",label:"참여자순"}],N=(0,o.computed)((()=>t.eventSolutions.map((e=>{let t=e.Items||[];if(l.value){const e=l.value.toLowerCase();t=t.filter((t=>(t.Title||"").toLowerCase().includes(e)))}return"count"===x.value&&(t=t.slice().sort(((e,t)=>(t.Count||0)-(e.Count||0)))),{Title:e.Title,items:t,totalSum:t.reduce(((e,t)=>e+(t.TotalCount||0)),0),countSum:t.reduce(((e,t)=>e+(t.Count||0)),0)}})).filter((e=>e.items.length>0))));return(t,D)=>{const L=(0,o.resolveComponent)("ev-input"),T=(0,o.resolveComponent)("ui-disclosure-button"),_=(0,o.resolveComponent)("ui-disclosure-panel"),$=(0,o.resolveComponent)("ui-disclosure");return(0,o.openBlock)(),(0,o.createElementBlock)("div",a,[(0,o.createElementVNode)("div",r,[s,e.loading?(0,o.createCommentVNode)("",!0):((0,o.openBlock)(),(0,o.createElementBlock)("div",c,[(0,o.createElementVNode)("div",d,[((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(k,(e=>(0,o.createElementVNode)("button",{key:e.key,type:"button",class:(0,o.normalizeClass)(["rounded-md px-3 py-1 text-xs",x.value===e.key?"bg-white text-gray-900 shadow":"text-gray-500"]),onClick:t=>x.value=e.key},(0,o.toDisplayString)(e.label),11,i))),64))]),(0,o.createElementVNode)("div",u,[(0,o.createVNode)(L,{modelValue:l.value,"onUpdate:modelValue":D[0]||(D[0]=e=>l.value=e),placeholder:"기능명 검색",small:""},null,8,["modelValue"])])]))]),(0,o.createElementVNode)("div",m,[e.loading?((0,o.openBlock)(),(0,o.createElementBlock)("div",p,[g,(0,o.createElementVNode)("div",y,[((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(3,(e=>(0,o.createElementVNode)("div",{key:e,class:"flex items-center justify-between p-4"},C))),64))])])):0===(0,o.unref)(N).length?((0,o.openBlock)(),(0,o.createElementBlock)("div",f,(0,o.toDisplayString)(0===e.eventSolutions.length?"데이터가 없습니다.":"조건에 맞는 기능이 없습니다."),1)):((0,o.openBlock)(),(0,o.createElementBlock)("div",v,[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)((0,o.unref)(N),(l=>((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:l.Title,class:"rounded-lg border border-gray-200 bg-white"},[1===(0,o.unref)(N).length?((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:0},[(0,o.createElementVNode)("div",V,[(0,o.createElementVNode)("span",w,(0,o.toDisplayString)(l.Title)+" ("+(0,o.toDisplayString)(l.items.length)+"개 기능)",1),(0,o.createElementVNode)("span",E,"접속 "+(0,o.toDisplayString)(l.totalSum.toLocaleStr

1ing())+" · 참여 "+(0,o.toDisplayString)(l.countSum.toLocaleString()),1)]),(0,o.createVNode)(n["default"],{items:l.items,downloading:e.downloading,onDownload:D[1]||(D[1]=e=>t.$emit("download",e))},null,8,["items","downloading"])],64)):((0,o.openBlock)(),(0,o.createBlock)($,{key:1,"default-open":!0},{default:(0,o.withCtx)((({open:a})=>[(0,o.createVNode)(T,{class:(0,o.normalizeClass)(["flex min-h-[63px] w-full flex-wrap items-center justify-between gap-2.5 px-4 py-3",{"border-b border-gray-200":a}])},{default:(0,o.withCtx)((()=>[(0,o.createElementVNode)("span",b,[((0,o.openBlock)(),(0,o.createElementBlock)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",class:(0,o.normalizeClass)(["h-5 w-5",a?"":"-rotate-90"])},h,2)),(0,o.createElementVNode)("span",B,(0,o.toDisplayString)(l.Title)+" ("+(0,o.toDisplayString)(l.items.length)+"개 기능)",1)]),(0,o.createElementVNode)("span",S,"접속 "+(0,o.toDisplayString)(l.totalSum.toLocaleString())+" · 참여 "+(0,o.toDisplayString)(l.countSum.toLocaleString()),1)])),_:2},1032,["class"]),(0,o.createVNode)(_,null,{default:(0,o.withCtx)((()=>[(0,o.createVNode)(n["default"],{items:l.items,downloading:e.downloading,onDownload:D[2]||(D[2]=e=>t.$emit("download",e))},null,8,["items","downloading"])])),_:2},1024)])),_:2},1024))])))),128))]))])])}}};const L=D;var T=L},37075:function(e,t,l){l.r(t),l.d(t,{default:function(){return m}});var o=l(70821);const n={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 20 20",fill:"none"},a=(0,o.createElementVNode)("path",{d:"M10.7501 2.75003C10.7501 2.55112 10.6711 2.36035 10.5304 2.2197C10.3898 2.07905 10.199 2.00003 10.0001 2.00003C9.80121 2.00003 9.61044 2.07905 9.46979 2.2197C9.32914 2.36035 9.25012 2.55112 9.25012 2.75003V11.364L6.29512 8.23503C6.15292 8.09532 5.96587 8.01512 5.76977 8.01164C5.57368 8.00816 5.38396 8.08167 5.24135 8.2164C5.09874 8.35114 5.01464 8.53638 5.00704 8.7324C4.99944 8.92843 5.06894 9.11964 5.20062 9.26503L9.45062 13.765C9.52071 13.8392 9.6052 13.8982 9.69891 13.9386C9.79262 13.979 9.89358 13.9998 9.99562 13.9998C10.0977 13.9998 10.1986 13.979 10.2923 13.9386C10.386 13.8982 10.4705 13.8392 10.5406 13.765L14.7906 9.26503C14.9223 9.11964 14.9918 8.92843 14.9842 8.7324C14.9766 8.53638 14.8925 8.35114 14.7499 8.2164C14.6073 8.08167 14.4176 8.00816 14.2215 8.01164C14.0254 8.01512 13.8383 8.09532 13.6961 8.23503L10.7501 11.364V2.75003Z",fill:"currentColor"},null,-1),r=(0,o.createElementVNode)("path",{d:"M3.5 12.75C3.5 12.5511 3.42098 12.3604 3.28033 12.2197C3.13968 12.079 2.94891 12 2.75 12C2.55109 12 2.36032 12.079 2.21967 12.2197C2.07902 12.3604 2 12.5511 2 12.75V15.25C2 15.9794 2.28973 16.6788 2.80546 17.1946C3.32118 17.7103 4.02065 18 4.75 18H15.25C15.9793 18 16.6788 17.7103 17.1945 17.1946C17.7103 16.6788 18 15.9794 18 15.25V12.75C18 12.5511 17.921 12.3604 17.7803 12.2197C17.6397 12.079 17.4489 12 17.25 12C17.0511 12 16.8603 12.079 16.7197 12.2197C16.579 12.3604 16.5 12.5511 16.5 12.75V15.25C16.5 15.94 15.94 16.5 15.25 16.5H4.75C4.06 16.5 3.5 15.94 3.5 15.25V12.75Z",fill:"currentColor"},null,-1),s=[a,r];function c(e,t){return(0,o.openBlock)(),(0,o.createElementBlock)("svg",n,s)}var d=l(83744);const i={},u=(0,d.Z)(i,[["render",c]]);var m=u},67251:function(e,t,l){l.r(t),l.d(t,{default:function(){return $}});var o=l(70821),n=l(37075);const a={class:"hidden w-full sm:table"},r=(0,o.createElementVNode)("thead",{class:"bg-gray-50"},[(0,o.createElementVNode)("tr",{class:"border-b border-gray-200"},[(0,o.createElementVNode)("th",{class:"px-4 py-3 text-left text-xs text-gray-500"},"기능명"),(0,o.createElementVNode)("th",{class:"w-24 px-4 py-3 text-right text-xs text-gray-500"},"접속자"),(0,o.createElementVNode)("th",{class:"w-24 px-4 py-3 text-right text-xs text-gray-500"},"참여자"),(0,o.createElementVNode)("th",{class:"w-40 px-4 py-3 text-left text-xs text-gray-500"},"참여율"),(0,o.createElementVNode)("th",{class:"w-20 px-4 py-3 text-center text-xs text-gray-500"},"다운로드")])],-1),s={class:"divide-y divide-gray-100"},c={class:"px-4 py-3 text-sm text-gray-900"},d={class:"px-4 py-3 text-right text-sm text-gray-700"},i={class:"px-4 py-3 text-right text-sm text-gray-700"},u={key:0},m={class:"px-4 py-3"},p={class:"flex items-center gap-2"},g={class:"h-2 w-24 shrink-0 rounded-full bg-gray-100"},y={key:0,class:"text-xs text-gray-500"},x=(0,o.createElementVNode)("span",{class:"text-xs text-gray-500"},"—",-1),k={key:2,class:"text-xs text-gray-500"},C={class:"px-4 py-3 text-center"},f=["disabled","onClick"],v={class:"divide-y divide-gray-100 sm:hidden"},V={class:"flex items-center justify-between gap-2.5"},w={class:"text-sm text-gray-900"},E=["disabled","onClick"],b={class:"mt-2 flex items-center justify-between gap-2.5"},N={class:"text-xs text-gray-500"},h={class:"text-gray-900"},B={class:"text-gray-900"},S={class:"flex shrink-0 items-center gap-2"},D={class:"h-2 w-16 rounded-full bg-gray-100"},L={class:"text-xs text-gray-500"};var T={__name:"SolutionItemTable",props:{items:{type:Array,default:()=>[]},downloading:{type:Boolean,default:!1}},emits:["download"],setup(e){function t(e){return e.Count&&e.TotalCount?Math.round(e.Count/e.TotalCount*100):null}return(l,T)=>{const _=(0,o.resolveComponent)("ev-tooltip");return(0,o.openBlock)(),(0,o.createElementBlock)("div",null,[(0,o.createElementVNode)("table",a,[r,(0,o.createElementVNode)("tbody",s,[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(e.items,((a,r)=>((0,o.openBlock)(),(0,o.createElementBlock)("tr",{key:r},[(0,o.createElementVNode)("td",c,(0,o.toDisplayString)(a.Title),1),(0,o.createElementVNode)("td",d,(0,o.toDisplayString)((a.TotalCount||0).toLocaleStr

1ing()),1),(0,o.createElementVNode)("td",i,[a.Count?((0,o.openBlock)(),(0,o.createElementBlock)("span",u,(0,o.toDisplayString)(a.Count.toLocaleString()),1)):((0,o.openBlock)(),(0,o.createBlock)(_,{key:1,topbtn:"",center:""},{label:(0,o.withCtx)((()=>[(0,o.createTextVNode)("—")])),default:(0,o.withCtx)((()=>[(0,o.createTextVNode)(" 조회형 기능이라 참여자를 집계하지 않습니다 ")])),_:1}))]),(0,o.createElementVNode)("td",m,[(0,o.createElementVNode)("div",p,[(0,o.createElementVNode)("div",g,[null!==t(a)?((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:0,class:"h-full rounded-full bg-primary-500",style:(0,o.normalizeStyle)({width:`${Math.min(t(a),100)}%`})},null,4)):(0,o.createCommentVNode)("",!0)]),null!==t(a)?((0,o.openBlock)(),(0,o.createElementBlock)("span",y,(0,o.toDisplayString)(t(a))+"%",1)):a.Count&&!a.TotalCount?((0,o.openBlock)(),(0,o.createBlock)(_,{key:1,topbtn:"",center:""},{label:(0,o.withCtx)((()=>[x])),default:(0,o.withCtx)((()=>[(0,o.createTextVNode)(" 접속 기록이 없어 참여율을 계산할 수 없습니다 ")])),_:1})):((0,o.openBlock)(),(0,o.createElementBlock)("span",k,"—"))])]),(0,o.createElementVNode)("td",C,[!1!==a.IsDownloadable?((0,o.openBlock)(),(0,o.createElementBlock)("button",{key:0,type:"button",class:"text-gray-500 disabled:opacity-50 hover:text-gray-900",disabled:e.downloading,title:"참가 데이터 다운로드",onClick:e=>l.$emit("download",a)},[(0,o.createVNode)(n["default"])],8,f)):(0,o.createCommentVNode)("",!0)])])))),128))])]),(0,o.createElementVNode)("div",v,[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(e.items,((a,r)=>((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:r,class:"p-4"},[(0,o.createElementVNode)("div",V,[(0,o.createElementVNode)("div",w,(0,o.toDisplayString)(a.Title),1),!1!==a.IsDownloadable?((0,o.openBlock)(),(0,o.createElementBlock)("button",{key:0,type:"button",class:"shrink-0 text-gray-500 disabled:opacity-50 hover:text-gray-900",disabled:e.downloading,title:"참가 데이터 다운로드",onClick:e=>l.$emit("download",a)},[(0,o.createVNode)(n["default"])],8,E)):(0,o.createCommentVNode)("",!0)]),(0,o.createElementVNode)("div",b,[(0,o.createElementVNode)("div",N,[(0,o.createTextVNode)(" 접속자 "),(0,o.createElementVNode)("span",h,(0,o.toDisplayString)((a.TotalCount||0).toLocaleString()),1),(0,o.createTextVNode)(" · 참여자 "),(0,o.createElementVNode)("span",B,(0,o.toDisplayString)(a.Count?a.Count.toLocaleString():"—"),1)]),(0,o.createElementVNode)("div",S,[(0,o.createElementVNode)("div",D,[null!==t(a)?((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:0,class:"h-full rounded-full bg-primary-500",style:(0,o.normalizeStyle)({width:`${Math.min(t(a),100)}%`})},null,4)):(0,o.createCommentVNode)("",!0)]),(0,o.createElementVNode)("span",L,(0,o.toDisplayString)(null===t(a)?"—":`${t(a)}%`),1)])])])))),128))])])}}};const _=T;var $=_}}]);