https://www.suncackikaku.com/_next/static/chunks/pages/cms/galleries/%5Bid%5D-4f17ba904f2bc280.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2982],{6252:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/cms/galleries/[id]",function(){return i(8186)}])},7175:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>p});var a=i(7876),l=i(4232),r=i(9099),n=i(6912),s=i(5662),c=i(3383),d=i(1647),o=i(5982),u=i(8120),g=i(540);function p(){let e=(0,r.useRouter)(),{id:t}=e.query,i="new"===t,[p,m]=(0,l.useState)([]),[_,h]=(0,l.useState)({title:"",slug:"",description:"",category_id:"",public_at:""}),{notice:b,err:x,fail:v,okMsg:y}=(0,g.A)(e),[j,f]=(0,l.useState)(""),[w,S]=(0,l.useState)(""),[N,q]=(0,l.useState)(0),k=e=>{h({title:e.title||"",slug:e.slug||"",description:e.description||"",category_id:e.category_id||"",public_at:e.public_at?String(e.public_at).slice(0,16):""}),f(e.eye_catching_url||""),S(e.ogp_url||"")};(0,l.useEffect)(()=>{(0,o.sq)("/admin/categories").then(e=>{let{data:t}=e;return m(t.data||[])}),t&&!i&&(0,o.sq)("/admin/blogs/".concat(t)).then(e=>{let{data:t}=e;t.data&&k(t.data)})},[t,i]);let A=async a=>{var l,r;let n,s;a.preventDefault();let c=new FormData(a.target);if(!String(c.get("title")||"").trim())return void v("タイトルは必須です");if(!String(c.get("slug")||"").trim())return void v("slugは必須です");if(!String(c.get("category_id")||"").trim()){v("カテゴリを選択してください"),null==(r=document.getElementById("category_id"))||r.focus();return}if(!String(c.get("description")||"").trim())return void v("説明は必須です");let d=i?"/admin/blogs":"/admin/blogs/".concat(t);try{({ok:n,data:s}=await (0,o.oz)(d,i?"POST":"PUT",c))}catch(e){v("保存に失敗しました");return}if(!n)return void v(s.message||"保存に失敗しました");let u=(null==(l=s.data)?void 0:l.id)||t,g=(p.find(e=>String(e.id)===String(c.get("category_id")))||{}).blog_type;if(s.data&&k(s.data),i)return void e.push("".concat(1===g?"/cms/galleries/".concat(u):"/cms/blogs/".concat(u),"?ok=1"));y("保存しました。");let{data:m}=await (0,o.sq)("/admin/blogs/".concat(u));m.data&&k(m.data),q(e=>e+1)},C=async()=>{var e;let{ok:i,data:a}=await (0,o._S)("/admin/blogs/".concat(t,"/preview"),"POST",{}),l=null==a||null==(e=a.data)?void 0:e.token;if(!i||!l)return void v("プレビューURLを発行できませんでした");let r=(p.find(e=>String(e.id)===String(_.category_id))||{}).blog_type;window.open("".concat(1===r?"/galleries":"/news","/").concat(_.slug,"?preview=").concat(encodeURIComponent(l)),"_blank","noopener")},T=e=>t=>h(i=>({...i,[e]:t.target.value})),P=i?"記事 新規":_.title||"記事 編集";return(0,a.jsxs)(n.A,{title:i?"記事 新規":"記事を編集",description:i?"お知らせ記事を新規作成します。":"お知らせ記事を編集します。",crumbs:[{href:"/cms",label:"管理"},{href:"/cms/blogs",label:"お知らせ"},{label:P}],children:[(0,a.jsx)("form",{id:"article-meta","data-testid":"blog-form",onSubmit:A,noValidate:!0,encType:"multipart/form-data",className:"mb-10 max-w-[800px] scroll-mt-6",children:(0,a.jsxs)(u.Hs,{children:[(0,a.jsx)("h2",{className:"doc-h2 mb-1",children:"1. 記事情報"}),(0,a.jsx)("p",{className:"doc-support mb-6",children:"タイトル・公開設定など。本文は下のブロックで組み立てます。"}),(0,a.jsx)(u.Qk,{error:!0,children:x}),(0,a.jsx)(u.Qk,{children:b}),(0,a.jsx)(s.A,{id:"title",label:"タイトル",required:!0,children:(0,a.jsx)(u.FZ,{id:"title",name:"title",value:_.title,onChange:T("title"),required:!0})}),(0,a.jsx)(s.A,{id:"slug",label:"slug",required:!0,support:"半角英数字とハイフン",children:(0,a.jsx)(u.FZ,{id:"slug",name:"slug",value:_.slug,onChange:T("slug"),required:!0})}),(0,a.jsx)(s.A,{id:"category_id",label:"カテゴリ",required:!0,children:(0,a.jsxs)(u.N4,{id:"category_id",name:"category_id",value:_.category_id,onChange:T("category_id"),required:!0,children:[(0,a.jsx)("option",{value:"",children:"選択"}),p.map(e=>(0,a.jsxs)("option",{value:e.id,children:[e.name," (",1===e.blog_type?"ギャラリー":"お知らせ",")"]},e.id))]})}),(0,a.jsx)(s.A,{id:"description",label:"説明",required:!0,support:"一覧・OGP用。120文字以内",children:(0,a.jsx)(u.Pu,{id:"description",name:"description",value:_.description,onChange:T("description"),maxLength:120,rows:4})}),(0,a.jsx)(s.A,{id:"public_at",label:"公開日時",support:"空欄のままだと下書きです",children:(0,a.jsx)(u.FZ,{id:"public_at",type:"datetime-local",name:"public_at",value:_.public_at,onChange:T("public_at")})}),(0,a.jsx)(d.A,{id:"eye_catching",label:"アイキャッチ",name:"eye_catching",existingUrl:j,removeName:"remove_eye_catching",previewTestId:"eye-catching-preview"},"eye-".concat(t,"-").concat(N)),(0,a.jsx)(d.A,{id:"ogp",label:"OGP",name:"ogp",existingUrl:w,removeName:"remove_ogp",previewTestId:"ogp-preview"},"ogp-".concat(t,"-").concat(N)),(0,a.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,a.jsx)(u.dG,{type:"submit","data-testid":"blog-save",children:i?"保存して本文を書く":"記事情報を保存"}),!i&&(0,a.jsx)(u.dG,{variant:"secondary",onClick:C,children:"プレビュー"})]})]})}),i?(0,a.jsx)("div",{className:"max-w-[800px]",children:(0,a.jsx)(u.Hs,{children:(0,a.jsx)("p",{className:"doc-support",children:"記事情報を保存すると、ここに本文ブロック（見出し・本文・画像）を並べられます。"})})}):(0,a.jsx)(c.A,{apiBase:"/admin/blogs/".concat(t),articleTitle:_.title})]})}},8186:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>a.default});var a=i(7175)}},e=>{e.O(0,[5695,6036,3383,636,6593,8792],()=>e(e.s=6252)),_N_E=e.O()}]);