comparison src/VideoPage.ts @ 36:ed16fdbb3996

rewrite WIP. scan fs separately; store in db. thumbs are broken for now
author drewp@bigasterisk.com
date Tue, 03 Dec 2024 00:08:22 -0800
parents 9edb3df3cdb3
children 7cacfae58430
comparison
equal deleted inserted replaced
35:814bda860dda 36:ed16fdbb3996
9 9
10 interface VideoFile { 10 interface VideoFile {
11 webRelPath: string; 11 webRelPath: string;
12 label: string; 12 label: string;
13 thumbRelPath: string; 13 thumbRelPath: string;
14 webDataPath: string;
14 } 15 }
15 interface Subdir { 16 interface Subdir {
16 label: string; 17 label: string;
17 path: string; 18 path: string;
18 } 19 }
102 </sl-breadcrumb> 103 </sl-breadcrumb>
103 104
104 <div class="listing"> 105 <div class="listing">
105 ${this.subdirs.map((s) => html`<div class="subdir"><a href="${"./?" + subdirQuery(s.path)}">${s.label}</a></div>`)} 106 ${this.subdirs.map((s) => html`<div class="subdir"><a href="${"./?" + subdirQuery(s.path)}">${s.label}</a></div>`)}
106 ${this.videos.map( 107 ${this.videos.map(
107 (v) => html`<video-section @playVideo=${this.playVideo} thumbRelPath="${v.thumbRelPath}" title="${v.label}" manifest=${v.webRelPath}></video-section>` 108 (v) => html`<video-section @playVideo=${this.playVideo} thumbRelPath="${v.thumbRelPath}" title="${v.label}" manifest="/video/files/${v.webDataPath}"></video-section>`
108 )} 109 )}
109 </div> 110 </div>
110 <p><a href="ingest/">Add new videos...</a></p> 111 <p><a href="ingest/">Add new videos...</a></p>
111 112
112 113