https://www.russianarchives.com/assets/films._filmPath-DylrHd-t.js

1import{$ as d,j as s,M as m,r as n}from"./index-Gk7PUVEm.js";import{P as c}from"./page-breadcrumb-Bv82dsoZ.js";import{S as u}from"./selection-toggle-CD6EVq-d.js";const x={true:"Sound",false:"No sound",partial:"Partial sound"};function b(){const{film:e,samples:t,keywords:a}=d.useLoaderData(),i=[["Abstract",e.abstract],["Director",e.director],["Operators",e.operators],["Other Creators",e.other_creators],["Studio",e.studio],["Subject",e.subject],["Type",e.type],["Colour",e.color],["Sound",e.sound==null?null:x[e.sound]??e.sound],["Meterage",e.meterage],["Number of Parts",e.number_of_parts==null?null:String(e.number_of_parts)],["Release Date",e.release_date==null?null:String(e.release_date)],["Film ID",e.film_id]];return s.jsx("main",{className:"min-h-[100svh] bg-gray-100",children:s.jsxs("div",{className:"mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:px-8 lg:py-14",children:[s.jsx(c,{current:e.title??`Film ${e.film_id??e.id}`}),s.jsx("h1",{className:"font-heading text-4xl tracking-tight text-balance sm:text-5xl",children:e.title}),s.jsxs("div",{className:"mt-8 overflow-hidden rounded-lg border border-border/60 bg-card shadow-sm",children:[s.jsxs("div",{className:"flex flex-col gap-4 border-b border-border px-5 py-5 sm:flex-row sm:items-center sm:justify-between sm:px-8",children:[s.jsxs("div",{children:[s.jsx("h2",{className:"text-lg font-semibold",children:"Film Information"}),s.jsx("p",{className:"mt-1 text-sm text-muted-foreground",children:"Please find all relevant information about this film we have on file below."})]}),s.jsx("div",{className:"shrink-0",children:s.jsx(u,{item:{id:e.id,filmId:e.film_id,title:e.title??`Film ${e.film_id??e.id}`,path:m(e)}})})]}),t.length>0&&s.jsx("section",{className:"border-b border-border px-5 py-6 sm:px-8","aria-label":"Video samples",children:s.jsx("div",{className:"grid gap-4 sm:grid-cols-2",children:t.map((l,r)=>s.jsx(p,{sample:l,label:`${e.title??"Film"} — sample ${r+1} of ${t.length}`},l.stream_id))})}),s.jsxs("dl",{className:"divide-y divide-border",children:[i.filter(([,l])=>l!=null&&l!=="").map(([l,r])=>s.jsxs("div",{className:"grid gap-1 px-5 py-4 sm:grid-cols-[13rem_1fr] sm:gap-8 sm:px-8",children:[s.jsx("dt",{className:"text-sm font-medium text-muted-foreground",children:l}),s.jsx("dd",{className:"text-sm leading-relaxed",children:r})]},l)),a.length>0&&s.jsxs("div",{className:"grid gap-1 px-5 py-4 sm:grid-cols-[13rem_1fr] sm:gap-8 sm:px-8",children:[s.jsx("dt",{className:"text-sm font-medium text-muted-foreground",children:"Keywords"}),s.jsx("dd",{className:"text-sm leading-relaxed capitalize",children:a.map(({keyword:l,href:r},o)=>s.jsxs("span",{children:[o>0&&", ",r==null?l:s.jsx("a",{className:"underline underline-offset-2",href:r,children:l})]},l))})]})]})]})]})})}function p({sample:e,label:t}){const[a,i]=n.useState(!1),l=n.useRef(null);n.useEffect(()=>{a&&l.current?.focus()},[a]);const r=e.thumbnail_url,o=`https://iframe.videodelivery.net/${e.stream_id}${r==null?"?autoplay=true":`?autoplay=true&poster=${encodeURIComponent(r)}`}`;return s.jsx("figure",{className:"relative aspect-[4/3] overflow-hidden rounded border border-border bg-black",children:a?s.jsx("iframe",{ref:l,src:o,title:t,className:"absolute inset-0 h-full w-full",allow:"accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;",allowFullScreen:!0}):s.jsxs("button",{type:"button",onClick:()=>i(!0),className:"group absolute inset-0 h-full w-full cursor-pointer","aria-label":`Play ${t}`,children:[r!=null&&s.jsx("img",{src:r,alt:"",loading:"lazy",className:"h-full w-full object-cover"}),s.jsx("span",{className:"absolute inset-0 flex items-center justify-center",children:s.jsx("span",{className:"rounded-full bg-black/60 px-5 py-3 text-sm font-medium text-white group-hover:bg-black/80",children:"▶ Play"})})]})})}export{b as component};