yonlu
481beca00a
-smaller thumbnails -GPU acceleration -lazy loading/ rendering only visible elements -cover grid shows album tracks on click
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import 'htmx.org/dist/htmx.js'
|
|
import { DirectoryPicker } from '@go/frontendutil/FrontendUtil';
|
|
import { Scan } from '@go/library/Library';
|
|
|
|
declare global {
|
|
interface Window {
|
|
DirectoryPicker: typeof DirectoryPicker;
|
|
Scan: typeof Scan;
|
|
selectLibraryDirectory: (pElement: HTMLInputElement) => void;
|
|
scanLibrary: (button: HTMLButtonElement) => void;
|
|
}
|
|
}
|
|
|
|
window.DirectoryPicker = DirectoryPicker;
|
|
window.Scan = Scan;
|
|
|
|
window.selectLibraryDirectory = (pElement: HTMLInputElement) => {
|
|
window.DirectoryPicker()
|
|
.then((result) => {
|
|
if (result.length !== 0) {
|
|
pElement.value = result;
|
|
}
|
|
})
|
|
.catch((err: unknown) => {
|
|
console.error('error with directory picker: ' + err);
|
|
});
|
|
};
|
|
|
|
window.scanLibrary = (button: HTMLButtonElement) => {
|
|
button.disabled = true;
|
|
button.textContent = 'Scanning...';
|
|
window.Scan()
|
|
.then(() => {
|
|
button.textContent = 'Scan Library';
|
|
button.disabled = false;
|
|
})
|
|
.catch((err: unknown) => {
|
|
console.error('error scanning library: ' + err);
|
|
button.textContent = 'Scan Library';
|
|
button.disabled = false;
|
|
});
|
|
};
|