https://www.sobyanin.ru/_next/static/chunks/pages/video/9-may-f3fa72507cc1bc6b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6822],{33362:function(e,i,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/video/9-may",function(){return a(25913)}])},25913:function(e,i,a){"use strict";a.r(i),a.d(i,{__N_SSP:function(){return L},default:function(){return Z}});var t=a(85893),o=a(67294),n=a(8239),s=a(41948),l=a(19136),r=a(7255),d=a.n(r),c=a(71317),u=a.n(c),_=function(e){let{items:i,onCardClick:a}=e;return(0,t.jsx)(u(),{animateIn:"fadeIn",delay:200,offset:0,animateOnce:!0,duration:.6,className:d().root,children:i.map((e,i)=>(0,t.jsx)("img",{className:d().card,src:e.poster,onClick:()=>a(i)},e.id))})},h=a(88499),p=a.n(h),x=a(41664),v=a.n(x),m=a(64656),f=a(93967),g=a.n(f),j=a(14416),w=a(92387),N=a(60174),k=a(22919),C=a.n(k),S=a(88667),V=a.n(S);a(15989);var M=a(88330),P=a(34882),b=a.n(P);let y=(0,o.forwardRef)(function(e,i){let{modal:a}=e,[n,s]=(0,o.useState)(600);return(0,o.useEffect)(()=>{window&&window.innerWidth<700&&s(window.innerWidth-120)},[]),(0,t.jsx)("div",{className:g()(b().modal),id:"video-modal",onClick:e=>e.stopPropagation(),children:(0,t.jsx)("div",{className:"modal__wrap",children:(0,t.jsx)("div",{className:"modal__box",children:(0,t.jsxs)("div",{className:g()("modal__content",b().video),children:[(0,t.jsx)(M.J5,{poster:a.poster,src:a.link,width:n,height:600,fluid:!1,ref:i,children:(0,t.jsx)(M.sT,{position:"center"})}),(0,t.jsxs)("div",{className:b().shareContainer,children:[(0,t.jsx)("div",{className:b().shareText,children:"Поделиться: "}),(0,t.jsx)("div",{className:b().vkShare,onClick:()=>(window&&window.open("https://vk.com/share.php?url=".concat(a.link,"&utm_source=share2"),"title","width=800, height=700"),!1)}),(0,t.jsx)("div",{className:b().okShare,onClick:()=>(window&&window.open("https://connect.ok.ru/offer?url=".concat(a.link,"&utm_source=share2"),"title","width=800, height=700"),!1)})]})]})})})})});var E=()=>{let e=(0,j.I0)(),i=(0,j.v9)(e=>e.modal.VideoModal),[a,n]=(0,o.useState)(!0),[s,l]=(0,o.useState)(!1),[r,d]=(0,o.useState)(null),c=(0,o.useRef)([]);(0,o.useEffect)(()=>{if(i)return(0,N.Ov)(),n(0===i.current),l(i.current===i.videos.length-1),()=>(0,N.bA)()},[i]);let u=()=>{e((0,w.VG)("VideoModal"))},_=(0,o.useMemo)(()=>{var e;return(null==i?void 0:null===(e=i.videos)||void 0===e?void 0:e.map((e,i)=>(0,t.jsx)("div",{className:C().slide,children:(0,t.jsx)(y,{modal:{link:e.link,poster:e.poster},ref:e=>{c.current[i]=e}})},i)))||[]},[i]);return i?(0,t.jsx)("div",{className:C().root,onClick:u,id:"VideoModal",children:(0,t.jsx)("div",{className:C().wrap,children:(0,t.jsxs)("div",{className:C().box,onClick:e=>{e.stopPropagation(),e.preventDefault()},children:[(0,t.jsx)("div",{className:C().close,onClick:u,children:(0,t.jsx)("svg",{className:g()(C().iconClose,"icon"),children:(0,t.jsx)("use",{xlinkHref:"#icon-close"})})}),(0,t.jsxs)("div",{className:C().content,children:[(0,t.jsx)("div",{className:g()(C().triangleRight,{[C().disable]:a}),onClick:()=>{r&&i&&(l(r.activeIndex-1==i.videos.length-1),n(r.activeIndex-1==0),r.slidePrev())}}),(0,t.jsx)("div",{className:g()(C().triangleLeft,{[C().disable]:s}),onClick:()=>{r&&i&&(l(r.activeIndex+1===i.videos.length-1),n(r.activeIndex+1===0),r.slideNext())}}),(0,t.jsx)(V(),{speed:300,slidesPerView:1,slidesPerGroup:1,spaceBetween:0,initialSlide:i.current,getSwiper:d,allowTouchMove:!1,lazy:!0,pagination:{el:".swiper-pagination.swiper-pagination-custom.".concat(C().pagination),type:"fraction",clickable:!0},on:{transitionEnd:()=>{c.current.forEach(e=>e&&e.pause())}},children:_})]})]})})}):null},O=function(e){let{data:i,isLoading:a,loadPage:o,loadMore:n,currentPageState:r}=e,d=(0,j.I0)(),{pagination:c,items:u}=i;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(E,{}),(0,t.jsxs)("div",{className:"container",children:[(0,t.jsx)(m.Z,{items:[{title:"Проекты",url:"/projects"},{title:"Наши герои",url:""}]}),(0,t.jsxs)("div",{className:p().head,children:[(0,t.jsx)("h1",{className:g()("page-title",p().title),children:"Наши герои. История моей семьи"}),(0,t.jsx)(v(),{href:"/video/9-may/create",className:p().uploadButton,children:"Добавить"})]}),(0,t.jsx)(_,{items:u,onCardClick:e=>{d((0,w.K4)({modalName:"VideoModal",payload:{current:e,videos:u}}))}}),(0,t.jsx)(l.Z,{isLoading:a,loadPage:o,loadMore:n,pagination:{totalCount:+c.totalCount,currentPage:r,perPage:c.defaultPageSize}})]}),(0,t.jsx)(s.Z,{})]})}

1,I=a(20354),R=a(30602),T=a(93043),G=a(78259),H=a(21145),L=!0,Z=()=>{let e=(0,j.I0)(),{items:i,currentPage:a,pagination:s,isLoading:l,loadPage:r,loadMore:d,pageData:c}=(0,H.h)({apiSelect:G.GP.endpoints.getOurHeroes.select,apiFetch:G.GP.endpoints.getOurHeroes.initiate,basePath:"/video/9-may",dispatch:e}),u=(0,j.v9)(I.Nt);if((0,o.useEffect)(()=>{c&&(u||e((0,I.c)(!0)),e((0,R.L7)(c._pushes)),e((0,T.SC)(c._subscribers)))},[c,e,u]),!c)return null;let{_page:_}=c;return(0,t.jsxs)(t.Fragment,{children:[_&&(0,t.jsx)(n.Z,{_page:_,title:"Наши герои"}),(0,t.jsx)(O,{data:{...c,items:i,pagination:s},isLoading:l,loadPage:r,loadMore:d,currentPageState:a})]})}},22919:function(e){e.exports={root:"VideoModal_root__Pjk41",wrap:"VideoModal_wrap__MDJv4",box:"VideoModal_box__2la6_",close:"VideoModal_close__TfEwb",iconClose:"VideoModal_iconClose__YR21_",triangleLeft:"VideoModal_triangleLeft__FNxOQ",triangleRight:"VideoModal_triangleRight__0lel0",disable:"VideoModal_disable__uwugG",pagination:"VideoModal_pagination__JAM4m"}},34882:function(e){e.exports={video:"VideoSlide_video__RyvV5",vkShare:"VideoSlide_vkShare__ztR0g",okShare:"VideoSlide_okShare__0Aiem",shareText:"VideoSlide_shareText__9UvYZ",shareContainer:"VideoSlide_shareContainer__XK6my"}},88499:function(e){e.exports={title:"OurHeroes_title__RX8qq",center:"OurHeroes_center__nyDtQ",head:"OurHeroes_head__CiMJF",uploadButton:"OurHeroes_uploadButton__2xT_Z"}},7255:function(e){e.exports={root:"VideoGallery_root__mfJ_h",card:"VideoGallery_card__kUW77"}}},function(e){e.O(0,[3630,1835,424,295,1075,2888,9774,179],function(){return e(e.s=33362)}),_N_E=e.O()}]);