https://rebake.me/_nuxt/profile.427e2657.js

1import{_ as R}from"./MypageGlobalNavigation.512df3f1.js";import{d as X,K as Y,M as O,r as F,N as ee,a as te,W as ae,U as se,e as i,j as u,h as t,n as ne,P as k,g as a,i as n,p as o,q as p,X as oe,F as w,f as L,G as le,J as re,l as _e,I as ce,s as ie,aj as de,t as ue,Y as me,y as pe,$ as fe,x as be,_ as ge,z as ye,A as he,B as ve,Z as xe,C as ke}from"./entry.461f95d9.js";import{_ as we}from"./GlobalNavigationItem.e49170b5.js";import{_ as De}from"./SharedLoading.8bd8639c.js";import{_ as Se}from"./BaseFormInput.vue.c861882a.js";import{_ as $e}from"./SharedBirthdayFormInput.ef024303.js";import"./globalNavigationStore.5eda1c4a.js";console.debug=function(){};const f=b=>(ye("data-v-c3b23706"),b=b(),he(),b),Ce=f(()=>o("h2",{class:"mb-0 pb-3"},"プロフィール編集",-1)),Ie={class:"text-center"},Ue={class:"tensen"},Be=f(()=>o("legend",{class:"mb-1"},"メールアドレス",-1)),Fe={class:"f17 fw-bold text-gray-500"},Le=f(()=>o("legend",{class:"mb-1"},"パスワード",-1)),Ve=f(()=>o("span",{class:"f17 fw-bold text-gray-500"}," ************ ",-1)),Ne=f(()=>o("legend",{class:"mb-1"},"お誕生日",-1)),Me={class:"f17 fw-bold text-gray-500"},Te={key:0},Ae=X({__name:"profile",async setup(b){let g,D;const S=Y(),{$toast:y}=ve(),{data:$,refresh:V,pending:N}=([g,D]=O(()=>k("/user/edit")),g=await g,D(),g),_=F(null);ee(()=>{N.value||(_.value=$.value)}),te({title:"プロフィール",meta:[{key:"robots",name:"robots",content:"noindex"}]});const C={name:"required|max:10",birthDate:void 0},{meta:M}=ae({validationSchema:C}),v=F(),d=se({birthDate:void 0,errors:[]}),I=async()=>{var c,l,h;const s={name:(c=_.value)==null?void 0:c.user.name,birthday:d.birthDate},{error:e}=await k("/user",{method:"PUT",body:{...s},displayLoadingLayer:!0});e.value?d.errors=(h=(l=e.value)==null?void 0:l.data)==null?void 0:h.errors:(V().then(()=>_.value=$.value),y("プロフィールを更新しました"))},T=s=>{A(s.target.files||s.dataTransfer.files)},A=s=>{Array.from(s).forEach(e=>{j(e)?E(e):y("画像に問題がありアップロードできませんでした")})},j=s=>{let e=!0;const c=1e7;return s||(e=!1),s.type!=="image/jpeg"&&s.type!=="image/png"&&(e=!1),s.size>c&&(e=!1),e},E=async s=>{const e=new FormData;e.append("user[main_image]",s);const{error:c}=await k("/user/update_main_image",{method:"PUT",body:e,displayLoadingLayer:!0});c.value?y("エラーが発生しました"):(S.fetchUser(),y("プロフィール画像を更新しました"))};return(s,e)=>{const c=R,l=ce,h=we,P=De,q=ie,x=de,U=ue,m=me,z=Se,G=$e,J=xe,W=pe,Z=fe,H=be,K=ge,Q=ne;return i(),u(Q,null,{default:t(()=>[a(K,{class:"justify-content-center"},{default:t(()=>[a(l,{lg:"4",class:"mt-2 d-none d-lg-block"},{default:t(()=>[a(c)]),_:1}),a(l,{lg:"8",class:"mt-2"},{default:t(()=>[a(h,{typ:"default",class:"d-lg-none mb-3"}),n(_)?(i(),u(H,{key:1,class:"border-0 mb-3"},{default:t(()=>{var B;return[Ce,o("div",Ie,[o("div",Ue,[a(q,{width:"150",rounded:"circle",src:s.$imageUrlWithDomain(((B=n(S).user)==null?void 0:B.main_image_url)||""),alt:"プロフィール画像",onClick:e[0]||(e[0]=r=>n(v).click())},null,8,["src"]),o("input",{ref_key:"file_upload",ref:v,type:"file",accept:"image/*",style:{display:"none"},onChange:T},null,544)]),a(x,{class:"f10 px-2 cursor_pointer text-gray-500",variant:"light",onClick:e[1]||(e[1]=r=>n(v).click())},{default:t(()=>[p(" 変更 ")]),_:1})]),a(Z,{class:"mt-3",onSubmit:e[5]||(e[5]=oe(r=>I(),["prevent"]))},{default:t(()=>[a(m,null,{default:t(()=>[a(l,{class:"mb-3"},{default:t(()=>[Be,o("p",null,[o("span",Fe,w(n(_).user.email),1),a(U,{to:"/mypages/change_email"},{default:t(()=>[a(x,{class:"f10 px-2 ms-1 text-gray-500",variant:"light"},{default:t(()=>[p(" 変更 ")]),_:1})]),_:1})])]),_:1})]),_:1}),a(m,null,{default:t(()=>[a(l,{class:"mb-3"},{default:t(()=>[Le,o("p",null,[Ve,a(U,{to:"/mypages/change_password"},{default:t(()=>[a(x,{class:"f10 px-2 ms-1 text-gray-500",variant:"light"},{default:t(()=>[p(" 変更 ")]),_:1})]),_:1})])]),_:1})]),_:1}),a(m,null,{default:t(()=>[a(l,null,{default:t(()=>[a(z,{modelValue:n(_).user.name,"onUpdate:modelValue":e[2]||(e[2]=r=>n(_).user.name=r),name:"name",label:"ニックネーム",placeholder:"ニックネーム",rules:C.name},null,8,["modelValue","rules"])]),_:1})]),_:1}),a(m,null,{default:t(()=>[n(_).user.birthday?(i(),u(l,{key:0,class:"mb-3"},{default:t(()=>[Ne,o("p",null,[o("span",Me,w(s.$formatDateJa(n(_).user.birthday)),1)])]),_:1})):(i(),u(G,{key:1,birthDate:n(d).birthDate,"onUpdate:birthDate":e[3]||(e[3]=r=>n(d).birthDate=r)},null,8,["birthDate"]))]),_:1}),a(m,{class:"mt-3"},{default:t(()=>[a(l,null,{default:t(()=>[n(d).errors.length>0?(i(),L("div",Te,[(i(!0),L(le,null,re(n(d).errors,r=>(i(),u(J,{key:r[0],modelValue:!0,variant:"danger"},{default:t(()=>[p(w(r),1)]),_:2},1024))),128))])):_e("",!0),a(W,{variant:"secondary",class:"fw-bold w-100",disabled:!n(M).valid,onClick:e[4]||(e[4]=r=>I())},{default:t(()=>[p(" 更新 ")]),_:1},8,["disabled"])]),_:1})]),_:1})]),_:1})]}),_:1})):(i(),u(P,{key:0}))]),_:1})]),_:1})]),_:1})}}});const We=ke(Ae,[["__scopeId","data-v-c3b23706"]]);export{We as default};