https://hyperj.ai/assets/ListView-cacbefdf.js

1import{d as R,a as G,u as O,c as Q,o as U,f as v,r as f,ae as W,J as z,l as J,h as r,i as c,m as N,j as e,x as p,t as _,w as P,v as j,E as V,F as A,s as $,q as F,n as K,p as Z,C as q,A as Y,B as X}from"./index-0691f7b4.js";import{_ as ee}from"./ico_search-2662d7f6.js";import{_ as se}from"./ico_real_story-0aafa16d.js";import{T as te}from"./TopNav-ba9a474c.js";import{d as oe}from"./helpers-45d51d9f.js";import{u as ae}from"./honmono-f1d74cee.js";import{L as le}from"./LoaderDialog-fa8bfcac.js";import{_ as ne}from"./_plugin-vue_export-helper-c27b6911.js";const ie="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAkCAYAAAC0YXvGAAAAl0lEQVQ4je3RwQnCQBSE4c/Fg0cb8Ci2YAFiIzYh5B5sJilAPORoCQGbUGxA1qygkkTBk5Af3mXesDu8GVWzCcyxw0rDAVucomGBI6ZeOWMZkLcsJS0PT8+2sQ49yzshBepiHw1ZCvRO1LJoqGNalLimKZNWP+7QybjaxHv0h/zN8DHD11/ENgtc0hRJM7TZMLT5L21S3wDaOj1QVhG1NgAAAABJRU5ErkJggg==",re=h=>(Y("data-v-2f60b9bb"),h=h(),X(),h),ce={id:"sub_content",class:"true_story"},de={class:"cont_header"},_e={class:"search_form"},me={class:"search_field"},ue=["placeholder"],pe=["alt"],he={key:0,class:"company"},ge={class:"company_list_menu"},ve=["onClick"],fe={class:"thumb_company"},ke={class:"thumb"},ye=["src","alt"],be={class:"item_tit"},Ae={class:"a"},we=["alt"],Le={class:"video_list"},Ce={key:0,class:"honmonoList"},Se=["onClick"],Ie={class:"info"},Me={class:"thumb_company"},Ne={class:"thumb"},Ve=["src","alt"],$e={class:"summary"},De={href:"javascript:goHonmonoDetail('{{ row.now_id }}', '{{ row.next_id }}')"},Be={class:"name"},Ee={key:1},Te={class:"no_content"},xe=re(()=>e("div",{class:"ico"},[e("img",{src:se,alt:""})],-1)),He={class:"substring"},Re=R({__name:"ListView",setup(h){const D=G(),w=O(),B=ae(),k=Q(le);U(()=>{console.log("ListView mounted"),w.params.makerId&&(i.value=w.params.makerId.toString()),window.addEventListener("scroll",()=>{let s=(document.documentElement.scrollTop||document.body.scrollTop)+document.documentElement.offsetHeight,t=document.documentElement.scrollHeight;s>=t&&l.page.totalPages!==void 0&&l.page.page!==void 0&&l.page.totalPages>l.page.page&&(l.page.page+=1,y())}),y()});const g=v(!1),m=v(null),n=f([]),a=f([]),E=f({page_size:10,totalData:0}),l=f({page:E,sort:"-created_at"}),i=v(null),L=s=>{g.value=!1,i.value===s?i.value=null:i.value=s,C()},C=()=>{m.value===""&&(m.value=null),i.value===""&&(i.value=null),y()},d=oe(["maker_ul","maker_li","maker_btn","list_body"]),S=v("");W(()=>{console.log("onUpdated");const s=d.maker_li.value[0].offsetWidth,t=d.maker_btn.value.offsetWidth;S.value=`${s*a.length+t}px`});const y=()=>{var s;k.reveal(),z({pageable:l,query:{keyword:m.value,maker_id:(s=i.value)==null?void 0:s.toString()}}).then(t=>{k.close(),t.isSuccess?(l.page=t.result.page,l.page.page!==void 0&&l.page.page>1?n.push(...t.result.results||[]):(n.splice(0,n.length),n.push(...t.result.results||[])),a.splice(0,a.length),a.push(...t.maker||[])):console.error(t.msg)}).catch(t=>{k.close(),n.splice(0,n.length),a.splice(0,a.length),console.error(t)})},I=s=>s.maker_logo.find(t=>t.representative),M=s=>s?`https://api.hyperj.ai${s}`:"/images/template/photo_none_small.png",T=s=>{B.setHonmono(s),D.push({name:"app-honmono-detail",params:{honmonoId:s.id}})};return(s,t)=>{const x=J("MakerList");return r(),c(A,null,[N(x,{isShow:g.value,makerList:a,onConfirm:t[0]||(t[0]=o=>L(o)),onCancel:t[1]||(t[1]=o=>g.value=!1)},null,8,["isShow","makerList"]),e("div",ce,[N(te),e("div",{ref:p(d).list_body,style:{"overflow-y":"auto"}},[e("div",de,[e("fieldset",_e,[e("legend",null,_(s.$t("혼모노 스토리 검색 폼")),1),e("div",me,[P(e("input",{id:"searchKeyword",name:"searchKeyword",type:"text",placeholder:s.$t("혼모노 스토리 검색"),"onUpdate:modelValue":t[2]||(t[2]=o=>m.value=o)},null,8,ue),[[j,m.value]]),e("button",{type:"button",class:"btn_search",onClick:C},[e("img",{src:ee,alt:s.$t("검색")},null,8,pe)])])]),a.length>0?(r(),c("div",he,[e("div",ge,[e("ul",{ref:p(d).maker_ul,style:V({width:S.value})},[(r(!0),c(A,null,$(a,(o,b)=>{var u;return r(),c("li",{key:b,class:K({on:i.value===o.id}),ref_for:!0,ref:p(d).maker_li},[e("div",{class:"a",onClick:H=>L(o.id)},[e("div",fe,[e("span",ke,[e("img",{src:M((u=I(o))==null?void 0:u.img_path),alt:o.name},null,8,ye)])]),e("strong",be,_(o.name),1)],8,ve)],2)}),128))],4)]),e("div",{class:"company_more",ref:p(d).maker_btn,onClick:t[3]||(t[3]=o=>g.value=!0)},[e("div",Ae,[e("img",{src:ie,alt:s.$t("더 보기")},null,8,we)])],512)])):F("",!0)]),e("div",Le,[n.length>0?(r(),c("ul",Ce,[(r(!0),c(A,null,$(n,(o,b)=>{var u;return r(),c("li",{key:b},[e("div",{class:"a",onClick:H=>T(o)},[e("div",{class:"photo",style:V({"background-image":`url(${o.thumbnail})`})},null,4),e("div",Ie,[e("div",Me,[e("span",Ne,[e("img",{onclick:"searchFilter('row.company_id')",src:M((u=I(o.maker))==null?void 0:u.img_path),alt:o.maker.name},null,8,Ve)])]),e("div",$e,[e("a",De,[e("h3",null,_(o.title),1),e("span",Be,_(o.maker.name),1),Z("   "),e("time",null,_(p(q).formatDate(o.created_at)),1)])])])],8,Se)])}),128))])):(r(),c("ul",Ee,[e("li",null,[e("div",Te,[xe,e("div",He,_(s.$t("공개된 동영상이 없습니다.")),1)])])]))])],512)])],64)}}});const je=ne(Re,[["__scopeId","data-v-2f60b9bb"]]);export{je as default};