https://shop.champal.jp/_next/static/chunks/pages/cast/sort-357e457f4ef5e0ad.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[661],{16062:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/cast/sort",function(){return t(21027)}])},87172:function(n,e,t){"use strict";t.d(e,{L:function(){return o}});var r=t(51438),i=t(26042),s=t(69396),c=t(38799),a=t(37316),o=new(function(){function n(){(0,r.Z)(this,n)}var e=n.prototype;return e.getCastAll=function(n){var e=n.page,t=n.rowsPerPage;return new Promise(function(n,r){c.Z.get("/casts",{params:{ordering:"displayOrder"}}).then(function(r){var i=r.data.casts,s=i.length;void 0!==e&&void 0!==t&&(i=(0,a.i)(i,e,t)),n({casts:i,count:s})}).catch(function(n){console.error("[getCastAll Api]",n),r(n)})})},e.findCast=function(n){return new Promise(function(e,t){c.Z.get("/casts/".concat(n)).then(function(n){e(n.data.cast)}).catch(function(n){console.error("[findCast Api]",n),t(n)})})},e.updateCast=function(n,e){return new Promise(function(t,r){c.Z.put("/casts/".concat(n),{update:e}).then(function(n){t(n.data)}).catch(function(n){console.error("[updateCast Api]",n),r(n)})})},e.updateImage=function(n,e){return new Promise(function(t,r){c.Z.postForm("".concat("https://api.champal.jp","/casts/").concat(n,"/image"),{file:e}).then(function(n){t(n.data)}).catch(function(n){console.error("[updateImage Api]",n),r(n)})})},e.registerCast=function(n){return new Promise(function(e,t){c.Z.post("/casts",{create:(0,s.Z)((0,i.Z)({},n),{detail:{}}),cast:{name:n.name,mail:n.mail,password:n.password}}).then(function(n){e(n.data.created.id)}).catch(function(n){console.error("[registerCast Api]",n),t(n)})})},e.deleteCast=function(n){return new Promise(function(e,t){c.Z.delete("/casts/".concat(n)).then(function(n){e(n.data)}).catch(function(n){console.error("[deleteCast Api]",n),t(n)})})},n}())},21027:function(n,e,t){"use strict";t.r(e);var r=t(47568),i=t(26042),s=t(69396),c=t(828),a=t(20414),o=t(85893),u=t(67294),l=t(9008),d=t.n(l),f=t(87357),h=t(98456),p=t(65582),g=t(26447),Z=t(15861),x=t(66242),m=t(44267),j=t(69661),w=t(31812),v=t(4976),y=t(15948),C=t(87172),b=t(86501),P=function(){var n,e=(0,c.Z)((0,u.useState)(!1),2),t=e[0],l=e[1],v=(0,c.Z)((0,u.useState)(!1),2),P=v[0],_=v[1],A=(0,c.Z)((0,u.useState)([]),2),I=A[0],S=A[1],k=(0,c.Z)((0,u.useState)([]),2),E=k[0],N=k[1];(0,u.useEffect)(function(){var n;(n=(0,r.Z)(function(){return(0,a.__generator)(this,function(n){switch(n.label){case 0:return l(!0),[4,C.L.getCastAll({page:void 0,rowsPerPage:void 0})];case 1:return N(n.sent().casts),l(!1),[2]}})}),function(){return n.apply(this,arguments)})()},[]);var O=(n=(0,r.Z)(function(){var n,e,t,r,i,s,c,o,u,l;return(0,a.__generator)(this,function(a){switch(a.label){case 0:if(0===I.length)return b.Am.success("並び変えたキャストが存在しません"),[2];if(n=JSON.stringify(I),!(0!==(e=E.filter(function(e){return 0>n.indexOf(JSON.stringify(e))})).length))return[3,5];t=[],r=!0,i=!1,s=void 0;try{for(c=e[Symbol.iterator]();!(r=(o=c.next()).done);r=!0)u=o.value,t.push(C.L.updateCast(u.id,u))}catch(d){i=!0,s=d}finally{try{r||null==c.return||c.return()}finally{if(i)throw s}}a.label=1;case 1:return a.trys.push([1,3,4,5]),_(!0),[4,Promise.all(t)];case 2:return a.sent(),b.Am.success("並び替えました"),[3,5];case 3:return console.log(l=a.sent()),b.Am.error(l.message),[3,5];case 4:return S([]),_(!1),[7];case 5:return[2]}})}),function(){return n.apply(this,arguments)});return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(d(),{children:(0,o.jsx)("title",{children:"キャスト並び替え | Champal"})}),(0,o.jsx)(f.Z,{component:"main",sx:{flexGrow:1,py:8},children:t?(0,o.jsx)(f.Z,{display:"flex",justifyContent:"center",alignItems:"center",children:(0,o.jsx)(f.Z,{children:(0,o.jsx)(h.Z,{})})}):(0,o.jsx)(p.Z,{children:(0,o.jsxs)(g.Z,{spacing:4,children:[(0,o.jsxs)(g.Z,{direction:"row",justifyContent:"space-between",spacing:4,children:[(0,o.jsxs)(g.Z,{spacing:1,children:[(0,o.jsx)(Z.Z,{variant:"h4",children:"キャスト並び替え"}),(0,o.jsx)(g.Z,{alignItems:"center",direction:"row",spacing:1})]}),(0,o.jsx)(g.Z,{alignItems:"center",direction:"row",spacing:3,children:(0,o.jsx)(w.Z,{disabled:0===E.length,loading:P&&!0,onClick:O,variant:"contained",children:"更新"})})]}),0===E.length?(0,o.jsx)(x.Z,{children:(0,o.jsx)(m.Z,{children:(0,o.jsx)(Z.Z,{textAlign:"center",variant:"h6",children:"キャストが存在しません"})})}):(0,o.jsx)(y.Z5,{onDragEnd:function(n){var e=n.source,t=n.destination,r=Array.from(E);S(E);var a=(0,c.Z)(r.splice(e.index,1),1)[0];r.splice(null==t?void 0:t.index,0,a),N(r.map(function(n,e){return(0,s.Z)((0,i.Z)({},n),{displayOrder:e})}))},children:(0,o.jsx)(f.Z,{sx:{backgroundColor:function(n){return"dark"===n.palette.mode?"neutral.900":"neutral.100"},borderRadius:2.5,mx:3}

1,children:(0,o.jsx)(y.bK,{droppableId:"castSortArea",children:function(n){return(0,o.jsxs)(f.Z,(0,s.Z)((0,i.Z)({ref:n.innerRef,sx:{flexGrow:1,minHeight:50,overflowY:"auto",px:3,py:.5}},n.droppableProps),{children:[null==E?void 0:E.map(function(n,e){return(0,o.jsx)(y._l,{draggableId:"".concat(n.id),index:e,children:function(t){return(0,o.jsx)(f.Z,(0,s.Z)((0,i.Z)({ref:t.innerRef,style:(0,i.Z)({},t.draggableProps.style),sx:{outline:"none",py:1.5}},t.draggableProps,t.dragHandleProps),{children:(0,o.jsx)(x.Z,{children:(0,o.jsx)(m.Z,{children:(0,o.jsxs)(g.Z,{direction:"row",alignItems:"center",spacing:2,children:[(0,o.jsxs)(Z.Z,{variant:"subtitle2",children:["#",e+1]}),(0,o.jsx)(j.Z,{src:n.profileImgUrl,sx:{height:42,width:42},children:n.name}),(0,o.jsx)(Z.Z,{variant:"h6",children:n.name})]})})})}))}},n.id)}),n.placeholder]}))}})})})]})})})]})};P.getLayout=function(n){return(0,o.jsx)(v.A,{children:n})},e.default=P},37316:function(n,e,t){"use strict";function r(n,e,t){return n.slice(e*t,e*t+t)}t.d(e,{i:function(){return r}})}},function(n){n.O(0,[630,684,534,290,575,976,774,888,179],function(){return n(n.s=16062)}),_N_E=n.O()}]);