https://online-academy.esakimedical.co.jp/_nuxt/DPDbf2z_.js

1import{d as E,v as H,f as R,l as W}from"./CnGqzpe9.js";import{ad as X,y as k,W as l,q as o,Z as t,ac as Y,ae as Z,X as P,Y as S,a4 as b,a5 as G,Q as C,ab as V,_ as x,a9 as F,C as U,a6 as J,a7 as j,T as K,ai as ee,a0 as te,j as n,D as se}from"./Dgj_Qgju.js";import{_ as ae}from"./B12_sG6I.js";import{u as T}from"./Bgb5tY4H.js";import{u as le}from"./5NRBuUfy.js";import{u as oe}from"./DYlrgN5J.js";import{_ as re}from"./DlAUqK2U.js";import"./CWSgHu2s.js";import"./Bwk3HUG7.js";import"./CYr54o8O.js";const ne={class:"bg-white border border-gray-200 rounded-lg shadow-sm mb-8 sticky top-[70px] z-20 md:top-[80px]"},ie={key:0,class:"px-4 pb-4 border-t"},ue={class:"grid grid-cols-1 md:grid-cols-5 gap-4 items-center pt-4"},de={class:"md:col-span-1"},ce={class:"md:col-span-1"},ve=["value"],pe={class:"md:col-span-1"},me=["value"],ge={class:"md:col-span-1"},fe={key:0,class:"md:col-span-1 flex items-center justify-center pt-2 md:pt-0"},be={class:"flex items-center cursor-pointer"},xe={key:0},ye={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-8"},we={key:1,class:"text-center py-16 bg-white rounded-lg shadow-sm"},he={key:2},_e={class:"mb-6 text-sm text-gray-600"},ke={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-8"},Ce={key:0,class:"flex justify-center items-center space-x-4 mt-12"},Ve=["disabled"],Le={class:"text-sm text-neutral-600"},Be=["disabled"],Fe="提供中の全コースを一覧で確認できます。タグやキーワードで絞り込んで、あなたにぴったりのコースを見つけましょう。",L=12,je={__name:"course-list",async setup(Te){let y,D;const z=W().public.siteName;oe({title:`コース一覧 | ${z}`,description:Fe});const i=E(),d=n(""),c=n(null),v=n(null),p=n("newest"),r=n(1),w=n(!0),u=n(!1),m=n([]),g=n(0),M=n([]),N=n([]),B=n(!1),h=async()=>{B.value=!0;try{const a={page:r.value,pageSize:L,tag:c.value,lecturer:v.value,searchQuery:d.value,sortBy:p.value,ids:u.value&&i.isLoggedIn?i.favoriteCourses.join(","):void 0},{courses:e,totalCount:f}=await le.fetch("/public/courses",{params:a});m.value=e,g.value=f}catch(a){console.error("コースの取得に失敗しました:",a),m.value=[],g.value=0}finally{B.value=!1}},{data:A,pending:I,error:Me}=([y,D]=X(async()=>H("course-list-data",async()=>{const[a,e,f]=await Promise.all([T("/public/courses",{params:{page:1,pageSize:L}}).then(s=>s.data.value).catch(()=>({courses:[],totalCount:0})),T("/public/course-tags").then(s=>s.data.value).catch(()=>[]),T("/public/course-lecturers").then(s=>s.data.value).catch(()=>[])]);return{courseData:a,tagsData:e,lecturersData:f}},{server:!0})),y=await y,D(),y);k(A,a=>{a&&(m.value=a.courseData?.courses||[],g.value=a.courseData?.totalCount||0,M.value=a.tagsData||[],N.value=a.lecturersData||[])},{immediate:!0});const _=se(()=>Math.ceil(g.value/L)),O=()=>{d.value="",c.value=null,v.value=null,p.value="newest",u.value=!1,r.value!==1?r.value=1:h()},Q=async a=>{if(i.isLoggedIn)try{await i.toggleFavorite(a),u.value&&await h()}catch(e){console.error("お気に入りの更新に失敗しました:",e)}},$=()=>{r.value<_.value&&r.value++},q=()=>{r.value>1&&r.value--};return k(()=>i.authCheckCompleted,a=>{a&&i.isLoggedIn&&i.fetchFavoriteCourses()},{immediate:!0}),k([d,c,v,p,u],()=>{r.value!==1?r.value=1:h()}),k(r,h),(a,e)=>{const f=R;return l(),o("div",null,[e[15]||(e[15]=t("div",{class:"mb-12 text-center"},[t("h1",{class:"text-3xl md:text-4xl font-bold text-gray-800 inline-block relative pb-4"},[Y(" コース一覧 "),t("span",{class:"absolute bottom-0 left-1/2 -translate-x-1/2 w-32 h-1 bg-orange-500 rounded-full"})])],-1)),t("div",ne,[t("button",{onClick:e[0]||(e[0]=s=>w.value=!w.value),class:"w-full p-4 flex justify-between items-center hover:bg-gray-50 rounded-t-lg transition-colors"},[e[7]||(e[7]=t("div",{class:"flex items-center"},[t("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-5 w-5 mr-2 text-gray-500",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"})]),t("span",{class:"font-semibold text-gray-800"},"フィルターと並び替え")],-1)),(l(),o("svg",{class:Z(["w-5 h-5 text-gray-500 transition-transform duration-300",{"rotate-180":w.value}]),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[...e[6]||(e[6]=[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M19 9l-7 7-7-7"},null,-1)])],2))]),P(K,{name:"slide-fade"},{default:S(()=>[w.value?(l(),o("div",ie,[t("div",ue,[t("div",de,[b(t("input",{type:"text","onUpdate:modelValue":e[1]||(e[1]=s=>d.value=s),placeholder:"キーワードで検索...",class:"form-input w-full"},null,512),[[G,d.value]])]),t("div",ce,[b(t("select",{"onUpdate:modelValue":e[2]||(e[2]=s=>c.value=s),class:"form-input w-full"},[e[8]||(e[8]=t("option",{value:null},"すべてのタグ",-1)),(l(!0),o(C,null,V(M.value,s=>(l(),o("option",{key:s,value:s},x(s),9,ve))),128))],512),[[F,c.value]])]),t("div",pe,[b(t("select",{"onUpdate:modelValue":e[3]||(e[3]=s=>v.value=s),class:"form-input w-full"},[e[9]||(e[9]=t("option",{value:null},"すべての講師",-1)),(l(!0),o(C,null,V(N.value,s=>(l(),o("option",{key:s,value:s},x(s),9,me))),128))],512),[[F,v.value]])]),t("div",ge,[b(t("select",{"onUpdate:modelValue":e[4]||(e[4]=s=>p.value=s),class:"form-input w-full"},[...e[10]||(e[10]=[t("option",{value:"newest"},"新着順",-1),t("option",{value:"price_asc"},"価格が安い順",-1),t("option",{value:"price_desc"},"価格が高い順",-1)])],512),[[F,p.value]])]),P(f,null,{default:S(()=>[U(i).isLoggedIn?(l(),o("div",fe,[t("label",be,[b(t("input",{type:"checkbox","onUpdate:modelValue":e[5]||(e[5]=s=>u.value=s),class:"h-5 w-5 rounded border-gray-300 text-red-500 focus:ring-red-400"},null,512),[[J,u.value]]),e[11]||(e[11]=t("span",{class:"ml-2 text-sm font-medium text-gray-700"},"お気に入りのみ",-1)),e[12]||(e[12]=t("svg",{class:"w-5 h-5 ml-1 text-red-500",fill:"currentColor",viewBox:"0 0 20 20"},[t("path",{"fill-rule":"evenodd",d:"M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z","clip-rule":"evenodd"})],-1))])])):j("",!0)]),_:1})])])):j("",!0)]),_:1})]),U(I)||B.value?(l(),o("div",xe,[t("div",ye,[(l(),o(C,null,V(L,s=>t("div",{key:s,class:"bg-white rounded-lg shadow-lg overflow-hidden animate-pulse"},[...e[13]||(e[13]=[ee('<div class="aspect-w-16 aspect-h-9 bg-neutral-200" data-v-e502141b></div><div class="p-5" data-v-e502141b><div class="h-6 bg-neutral-200 rounded w-3/4 mb-4" data-v-e502141b></div><div class="h-4 bg-neutral-200 rounded w-full mb-2" data-v-e502141b></div><div class="h-4 bg-neutral-200 rounded w-5/6 mb-6" data-v-e502141b></div><div class="flex justify-between items-center mt-auto pt-4 border-t border-neutral-100" data-v-e502141b><div class="h-8 bg-neutral-200 rounded w-1/3" data-v-e502141b></div><div class="h-4 bg-neutral-200 rounded w-1/4" data-v-e502141b></div></div></div>',2)])])),64))])])):m.value.length===0?(l(),o("div",we,[e[14]||(e[14]=t("p",{class:"text-neutral-600 text-lg"},"条件に一致するコースはありません。",-1)),t("button",{onClick:O,class:"mt-4 button-secondary"},"フィルターをリセット")])):(l(),o("div",he,[t("div",_e,x(g.value)+"件のコースが見つかりました。 ",1),t("div",ke,[(l(!0),o(C,null,V(m.value,s=>(l(),te(ae,{key:s.id,course:s,onToggleFavorite:Q},null,8,["course"]))),128))]),_.value>1?(l(),o("div",Ce,[t("button",{onClick:q,disabled:r.value===1,class:"button-secondary"},"前へ",8,Ve),t("span",Le,"ページ "+x(r.value)+" / "+x(_.value),1),t("button",{onClick:$,disabled:r.value===_.value,class:"button-secondary"},"次へ",8,Be)])):j("",!0)]))])}}},qe=re(je,[["__scopeId","data-v-e502141b"]]);export{qe as default};