https://ouchien.jp/_nuxt/BUDcdPUT.js

1import{_ as y}from"./CBcDEWLL.js";import{_ as C,c as n,a as e,b as p,w as k,d as g,F as _,I as b,e as m,t as u,f as N,v as w,z as T,o as l}from"./C7KG00z5.js";import{c as O}from"./D2nHiegb.js";import{u as c}from"./z9-Jpe7i.js";import{_ as x}from"./B7dijLGk.js";import"./CY6UP5Fw.js";const L={components:{"confirm-modal":O},data:function(){return{error_message:"",email:"",notices:[]}},methods:{getStatusName(t){return{1:"メール確認待ち",2:"通知ON",3:"通知OFF",4:"通知不能"}[t]},deleteNoticeCancel(t){$(`delete-modal-${t.id}`).modal("hide")},async updateNoticeStatus(t,s){if(this.error_message="",await c(`/api/v2/mypage/notice/${t.id}`,"PUT",{status:s}).catch(o=>{this.error_message="送信に失敗しました",o.response.data.message&&(this.error_message=o.response.data.message)})){const o=this;setTimeout(function(){o.getList()},1500),this.$toast.add({title:"更新完了",message:"通知設定を更新しました",duration:3e3,onComplete:()=>{}})}},async deleteNotice(t){if(this.error_message="",await c(`/api/v2/mypage/notice/${t.id}`,"DELETE").catch(i=>{this.error_message="削除に失敗しました"})){const i=this;setTimeout(function(){i.getList()},1500),this.$toast.add({title:"削除完了",message:"設定情報を削除しました",duration:3e3,onComplete:()=>{}})}},async sendConfirm(t){if(this.error_message="",await c(`/api/v2/mypage/notice/${t.id}/email/confirm`,"POST",{}).catch(i=>{this.error_message="送信に失敗しました",i.response.data.message&&(this.error_message=i.response.data.message)})){const i=this;setTimeout(function(){i.getList()},1500),this.$toast.add({title:"送信完了",message:"確認メールを送信しました",duration:3e3,onComplete:()=>{}}),this.error_message="確認メールを送信しました。メールを確認していただくとお知らせが届くようになります"}},getList:async function(){const t=await c("/api/v2/mypage/notice","GET").catch(s=>{this.error_message="通知設定の情報の取得に失敗しました。時間を置いてから再度お試しいただきますようお願いいたします"});t&&(this.notices=t)},postEmail:async function(){if(this.error_message="",this.email=this.email.trim(),this.email==""){this.error_message="メールアドレスを入力してください";return}if(!/^[a-zA-Z0-9_.+-]+@([a-zA-Z0-9][a-zA-Z0-9-]*[a-zA-Z0-9]*\.)+[a-zA-Z]{2,}$/.test(this.email)){this.error_message="メールアドレスの形式が不正です";return}const s={email:this.email};if(await c("/api/v2/mypage/notice","POST",s).catch(o=>{this.error_message="登録に失敗しました",o.response.data.message&&(this.error_message=o.response.data.message)})){const o=this;setTimeout(function(){o.getList()},1500),this.$toast.add({title:"登録完了",message:"確認メールを送信しました",duration:3e3,onComplete:()=>{}}),this.error_message="確認メールを送信しました。メールを確認していただくとお知らせが届くようになります"}},sendConfirmMail:async function(){}},mounted:function(){this.getList()}},S={class:"l-wrap",id:""},E={class:"p-fixBack"},z={class:"p-container"},A={class:"c-inner--lg"},B={key:0,class:"p-mailList"},V={class:"p-mailList-detail"},Z={key:0},F={class:"u-fs--sm u-fwB"},M=["onClick"],D=["onClick"],P=["onClick"],R=["data-target"],I={class:"p-mailRegist"},U={class:"p-form"},q={key:0,class:"p-form-error"},G={class:"p-form-cont c-row"},j={class:"c-flex is-1col"},H={class:"p-form-btn"},J={class:"c-flex c-flex--center c-col"},K={class:"u-taC"},Q={key:0,class:"u-fs--md p-form-cont-memo"},W=["disabled"];function X(t,s,i,o,Y,r){const h=y,f=T("confirm-modal");return l(),n("div",null,[e("section",S,[e("div",E,[p(h,{to:"/mypage",class:"c-hover--fade"},{default:k(()=>[...s[2]||(s[2]=[e("img",{src:x,alt:"戻る"},null,-1)])]),_:1})]),e("div",z,[e("div",A,[s[7]||(s[7]=e("div",{class:"p-headline"},[e("h2",{class:"c-heading c-heading--01"},[e("span",null,"メール通知設定")]),e("p",{class:"u-fs--md u-taC"},[g(" Myおうちえんでお子さまに関連する新着情報がある場合に、"),e("br"),g("メールでお知らせします ")])],-1)),t.notices.length>0?(l(),n("div",B,[s[4]||(s[4]=e("h2",{class:"c-heading c-heading--03"},[e("span",null,"登録済みメールアドレス")],-1)),e("div",V,[(l(!0),n(_,null,b(t.notices,(a,v)=>(l(),n("div",{key:v,class:"c-flex c-flex--middle c-flex--right c-col"},[e("div",null,[e("p",null,u(a.email),1)]),e("div",null,[a.status==1?(l(),n("p",Z,[e("span",F,u(r.getStatusName(a.status)),1),s[3]||(s[3]=e("br",null,null,-1)),e("a",{onClick:d=>r.sendConfirm(a),class:"c-hover--nl u-fs--xs"},"確認メール再送信する",8,M)])):(l(),n(_,{key:1},[a.status==2?(l(),n("button",{key:0,onClick:d=>r.updateNoticeStatus(a,3),class:"c-btn c-btn--03 is-on"}," 通知オン ",8,D)):a.status!=2?(l(),n("button",{key:1,onClick:d=>r.updateNoticeStatus(a,2),class:"c-btn c-btn--05 is-off"}," 通知オフ ",8,P)):m("",!0)],64))]),e("div",null,[e("a",{"data-toggle":"modal","data-target":`#delete-modal-${a.id}`,class:"c-btn c-btn--06"},"削除",8,R),p(f,{id:`delete-modal-${a.id}`,dialog_type:"generic",title:`通知設定を削除します
2よろしいですか？`,message:`${a.email}の通知設定を削除します。`,labelOk:"削除する",isRedbtn:"true",onOnOk:d=>r.deleteNotice(a),onOnCancel:d=>r.deleteNoticeCancel(a)},null,8,["id","message","onOnOk","onOnCancel"])])]))),128))])])):m("",!0),e("div",I,[s[6]||(s[6]=e("h2",{class:"c-heading c-heading--03"},[e("span",null,"メールアドレス登録")],-1)),e("div",U,[t.error_message?(l(),n("div",q,[e("p",null,u(t.error_message),1)])):m("",!0),e("div",G,[e("div",j,[s[5]||(s[5]=e("div",null,[e("p",{class:"c-heading c-heading--02"},"メールアドレス：")],-1)),e("div",null,[N(e("input",{"onUpdate:modelValue":s[0]||(s[0]=a=>t.email=a),type:"text",class:"u-w100p"},null,512),[[w,t.email]])])])]),e("div",H,[e("div",J,[e("div",K,[t.notices.length>=2?(l(),n("p",Q,"通知設定を追加できるのは2件までです")):m("",!0),e("input",{type:"button",value:"送信",class:"c-btn c-btn--01 u-w200 u-mT10",onClick:s[1]||(s[1]=a=>r.postEmail()),disabled:t.notices.length>=2},null,8,W)])])])])])])])])])}const ne=C(L,[["render",X],["__scopeId","data-v-3c9aaafe"]]);export{ne as default};