1 line
5.9 KiB
JavaScript
1 line
5.9 KiB
JavaScript
import{A as e,D as t,E as n,I as r,J as i,K as a,L as o,M as s,N as c,R as l,St as u,Tt as d,X as f,_ as ee,et as p,g as m,j as h,k as g,n as _,nt as v,pt as y,wt as b,xt as x}from"./BasicIcon-B6lR-mG3.js";import{l as te,o as ne}from"./index-DNdnTjwr.js";import{t as re}from"./IconFilter-DJjJ9EAy.js";import{t as ie}from"./PageSkeleton-BImjuI6S.js";import{t as ae}from"./crm-DbcoqKAF.js";import{t as oe}from"./PageHeader-B6RmxP5Y.js";import{t as se}from"./SearchField-txVsGGXT.js";import{t as S}from"./IconHeart-DjMqqdO0.js";var ce={class:`page products-page`},le={class:`page__scroll page__scroll--with-nav products-scroll`},C={key:1},w={class:`cat-banner`},T={class:`chips`,role:`tablist`,"aria-label":`فصل`},E=[`onClick`],ue={class:`list-meta`},de=[`onClick`],fe={class:`product-item__body`},pe={class:`product-item__head`},D={class:`product-item__title`},O={key:0,class:`new-tag`},k=[`aria-label`,`aria-pressed`,`onClick`],A={class:`product-item__specs`},j={class:`swatches`},M=[`onClick`],N={key:0,class:`empty-list`},P=_(l({__name:`ProductsView`,setup(l){let _=m(),P=ee(),F=ae(),I=te(),L=g(()=>String(_.query.categoryId??``)),R=g(()=>String(_.query.catalogId??``)),z=g(()=>String(_.query.companyId??``)),B=g(()=>String(_.query.season??``)),V=g(()=>String(_.query.q??``)),H=y(String(_.query.q??``)),U=y([]),W=y([]),G=y(``),K=y(!0),q=y(null),J=y(`newest`),Y=g(()=>R.value&&G.value?G.value:L.value?F.usageCategories.find(e=>e.id===L.value)?.title??`محصولات`:B.value?W.value.find(e=>e.id===B.value)?.title??`محصولات`:V.value?`جستجو: ${V.value}`:`همه محصولات`),me=g(()=>R.value?`انتخاب محصول از کالیته`:L.value===`suit`?`شیک، بادوام و رسمی`:L.value===`trousers`?`مناسب شلوار و مصارف روزانه`:L.value===`shirt`?`سبک و مناسب پیراهن`:B.value?`فیلتر شده بر اساس فصل`:`مشاهده و ثبت سفارش`),he=g(()=>!L.value&&!R.value),X=g(()=>{let e=V.value.trim().toLowerCase(),t=[...U.value];return e&&(t=t.filter(t=>t.name.toLowerCase().includes(e)||t.code.toLowerCase().includes(e)||(t.composition||``).toLowerCase().includes(e))),J.value===`name`?t.sort((e,t)=>e.name.localeCompare(t.name,`fa`)):t.sort((e,t)=>Number(t.isNew)-Number(e.isNew)||e.name.localeCompare(t.name,`fa`))});function ge(){J.value=J.value===`newest`?`name`:`newest`}function _e(e){H.value=e,P.replace({path:`/products`,query:{...L.value?{categoryId:L.value}:{},...R.value?{catalogId:R.value}:{},...z.value?{companyId:z.value}:{},...B.value?{season:B.value}:{},...e.trim()?{q:e.trim()}:{}}})}async function Z(){K.value=!0,q.value=null;try{if(!F.usageCategories.length||!W.value.length){let e=await F.loadCategories();W.value=e.seasons}U.value=await F.loadBrowseProducts({categoryId:L.value||void 0,season:B.value||void 0,catalogId:R.value||void 0,companyId:z.value||void 0});let e=U.value[0];G.value=e?.catalogName||e?.catalogCode||``}catch(e){q.value=e instanceof Error?e.message:`بارگذاری محصولات ناموفق بود.`,U.value=[]}finally{K.value=!1}}a(async()=>{await I.hydrate(),await Z()}),p([L,B,R,z],Z),p(V,e=>{H.value=e});function Q(e){P.replace({path:`/products`,query:{...L.value?{categoryId:L.value}:{},...R.value?{catalogId:R.value}:{},...z.value?{companyId:z.value}:{},...e?{season:e}:{},...V.value?{q:V.value}:{}}})}function $(e){P.push({path:`/product`,query:{id:e}})}function ve(e){return W.value.find(t=>t.id===e)?.title??e}function ye(e){I.toggle(e)}return(a,l)=>(i(),c(`div`,ce,[o(oe,{title:Y.value,"show-back":``,centered:``,onBack:l[1]||=e=>x(P).back()},{trailing:v(()=>[e(`button`,{type:`button`,class:`nav-filter`,"aria-label":`فیلتر`,onClick:l[0]||=e=>x(P).push(`/categories`)},[o(re,{size:18})])]),_:1},8,[`title`]),e(`div`,le,[he.value?(i(),h(se,{key:0,"model-value":H.value,placeholder:`جستجو نام یا کد محصول...`,"onUpdate:modelValue":_e},null,8,[`model-value`])):s(``,!0),q.value?(i(),c(`p`,C,d(q.value),1)):K.value?(i(),h(ie,{key:2,variant:`grid`})):(i(),c(t,{key:3},[e(`section`,w,[l[3]||=e(`div`,{class:`cat-banner__icon`,"aria-hidden":`true`},null,-1),e(`div`,null,[e(`h2`,null,d(Y.value),1),e(`p`,null,d(me.value),1)])]),e(`div`,T,[e(`button`,{type:`button`,class:u([`chip`,{"chip--active":!B.value}]),onClick:l[2]||=e=>Q(``)},` همه `,2),(i(!0),c(t,null,f(W.value,e=>(i(),c(`button`,{key:e.id,type:`button`,class:u([`chip`,{"chip--active":B.value===e.id}]),onClick:t=>Q(e.id)},d(e.title),11,E))),128))]),e(`div`,ue,[e(`span`,null,`تعداد محصولات: `+d(X.value.length.toLocaleString(`fa-IR`)),1),e(`button`,{type:`button`,class:`list-meta__sort`,onClick:ge},` مرتب‌سازی: `+d(J.value===`newest`?`جدیدترین`:`نام`),1)]),(i(!0),c(t,null,f(X.value,a=>(i(),c(`article`,{key:a.id,class:`product-item`,onClick:e=>$(a.id)},[e(`div`,{class:`product-item__image`,style:b(a.imageUrl?{backgroundImage:`url(${a.imageUrl})`}:void 0)},null,4),e(`div`,fe,[e(`div`,pe,[e(`div`,D,[e(`strong`,null,d(a.name),1),a.isNew?(i(),c(`span`,O,`جدید`)):s(``,!0)]),e(`button`,{type:`button`,class:`bookmark`,"aria-label":x(I).isFavorite(a.id)?`حذف از علاقه‌مندی‌ها`:`افزودن به علاقه‌مندی‌ها`,"aria-pressed":x(I).isFavorite(a.id),onClick:n(e=>ye(a.id),[`stop`])},[o(S,{size:18,filled:x(I).isFavorite(a.id),color:x(I).isFavorite(a.id)?`#0a353c`:`#9ca3af`},null,8,[`filled`,`color`])],8,k)]),e(`ul`,A,[e(`li`,null,`عرض: `+d(a.widthCm.toLocaleString(`fa-IR`))+` سانتی‌متر`,1),e(`li`,null,`ترکیب: `+d(a.composition||`—`),1),e(`li`,null,`مناسب: `+d(ve(a.season)),1)]),e(`div`,j,[(i(!0),c(t,null,f(a.colors.slice(0,6),(e,t)=>(i(),c(`span`,{key:t,class:`swatch`,style:b({background:e})},null,4))),128))]),e(`button`,{type:`button`,class:`details-link`,onClick:n(e=>$(a.id),[`stop`])},[l[4]||=r(` مشاهده جزئیات `,-1),o(ne,{size:14})],8,M)])],8,de))),128)),X.value.length?s(``,!0):(i(),c(`p`,N,`محصولی در این دسته یافت نشد.`))],64))])]))}}),[[`__scopeId`,`data-v-9e3c60d6`]]);export{P as default}; |