mirror of
https://github.com/mickael-kerjean/filestash
synced 2025-12-25 01:32:27 +01:00
chore (maintenance): lint + tscheck
This commit is contained in:
parent
35ed3d64fb
commit
a1d1e950e5
5 changed files with 45 additions and 42 deletions
|
|
@ -287,7 +287,6 @@ export function $renderInput(options = {}) {
|
|||
else if ((val || "").substring(0, 20) === "data:application/pdf") $preview.appendChild(createElement(`
|
||||
<object class="full-width" type="application/pdf" data="${val}" style="height:250px;" />
|
||||
`));
|
||||
console.log("DRAW", $preview, (val || "").substring(0, 10))
|
||||
};
|
||||
qs($file, "input").onchange = (e) => {
|
||||
if (e.target.files.length === 0) return;
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@ class ModalComponent extends HTMLElement {
|
|||
await loadCSS(import.meta.url, "./modal.css");
|
||||
}
|
||||
|
||||
trigger($node, { withButtonsLeft = null, withButtonsRight = null, targetHeight = 0, onQuit = (a) => Promise.resolve(a) }) {
|
||||
trigger($node, { withButtonsLeft = null, withButtonsRight = null, targetHeight = 0, onQuit = (_a, _b) => Promise.resolve() }) {
|
||||
const close$ = new rxjs.Subject();
|
||||
|
||||
// feature: build the dom
|
||||
|
|
|
|||
3
public/assets/lib/rx.d.ts
vendored
3
public/assets/lib/rx.d.ts
vendored
|
|
@ -6,7 +6,7 @@ import {
|
|||
map, mapTo, filter, mergeMap, EMPTY, empty,
|
||||
switchMapTo, switchMap,
|
||||
BehaviorSubject, Subject, ReplaySubject,
|
||||
pipe, share, toArray, distinctUntilChanged, from,
|
||||
pipe, share, toArray, distinctUntilChanged, from, finalize,
|
||||
combineLatest, shareReplay, race, repeat, interval, merge,
|
||||
debounceTime, debounce, delay, concatMap, distinct, scan, throwError,
|
||||
zip, animationFrames, retry, forkJoin, skip, takeUntil, timer,
|
||||
|
|
@ -42,6 +42,7 @@ declare const rxjs: {
|
|||
map: typeof map,
|
||||
mapTo: typeof mapTo,
|
||||
filter: typeof filter,
|
||||
finalize: typeof finalize,
|
||||
mergeMap: typeof mergeMap,
|
||||
switchMapTo: typeof switchMapTo,
|
||||
switchMap: typeof switchMap,
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
export function init(config) {
|
||||
if (navigator.onLine === false) return Promise.resolve()
|
||||
if (navigator.onLine === false) return Promise.resolve();
|
||||
if (!config["enable_chromecast"]) {
|
||||
return Promise.resolve();
|
||||
} else if (!("chrome" in window)) {
|
||||
|
|
|
|||
|
|
@ -230,45 +230,48 @@ function componentRight(render, { getSelectionLength$ }) {
|
|||
effect(getSelectionLength$.pipe(
|
||||
rxjs.filter((l) => l === 0),
|
||||
rxjs.mergeMap(() => getState$().pipe(rxjs.first())),
|
||||
rxjs.map(({ view, sort, search }) => ({ search, $page: render(createFragment(`
|
||||
<form style="display: inline-block;" onsubmit="event.preventDefault()">
|
||||
<input class="hidden" placeholder="${t("search")}" name="q" style="
|
||||
background: transparent;
|
||||
border: none;
|
||||
padding-left: 5px;
|
||||
color: var(--color);
|
||||
font-size: 0.95rem;"
|
||||
value="${search || ""}"
|
||||
</form>
|
||||
<button data-action="search" title="${t("Search")}">
|
||||
<img class="component_icon" draggable="false" src="data:image/svg+xml;base64,${ICONS.MAGNIFYING_GLASS}" alt="search" />
|
||||
</button>
|
||||
<button data-action="view" title="${t("Layout")}">
|
||||
${defaultLayout(view)}
|
||||
</button>
|
||||
<button data-action="sort" title="${t("Sort")}">
|
||||
${defaultSort(sort)}
|
||||
</button>
|
||||
<div class="component_dropdown view sort" data-target="sort">
|
||||
<div class="dropdown_container">
|
||||
<ul>
|
||||
<li data-target="type">
|
||||
${t("Sort By Type")}
|
||||
<img class="component_icon" draggable="false" src="data:image/svg+xml;base64,${ICONS.CHECK}" alt="check" />
|
||||
</li>
|
||||
<li data-target="date">
|
||||
${t("Sort By Date")}
|
||||
</li>
|
||||
<li data-target="name">
|
||||
${t("Sort By Name")}
|
||||
</li>
|
||||
<li data-target="size">
|
||||
${t("Sort By Size")}
|
||||
</li>
|
||||
</ul>
|
||||
rxjs.map(({ view, sort, search }) => ({
|
||||
search,
|
||||
$page: render(createFragment(`
|
||||
<form style="display: inline-block;" onsubmit="event.preventDefault()">
|
||||
<input class="hidden" placeholder="${t("search")}" name="q" style="
|
||||
background: transparent;
|
||||
border: none;
|
||||
padding-left: 5px;
|
||||
color: var(--color);
|
||||
font-size: 0.95rem;"
|
||||
value="${search || ""}"
|
||||
</form>
|
||||
<button data-action="search" title="${t("Search")}">
|
||||
<img class="component_icon" draggable="false" src="data:image/svg+xml;base64,${ICONS.MAGNIFYING_GLASS}" alt="search" />
|
||||
</button>
|
||||
<button data-action="view" title="${t("Layout")}">
|
||||
${defaultLayout(view)}
|
||||
</button>
|
||||
<button data-action="sort" title="${t("Sort")}">
|
||||
${defaultSort(sort)}
|
||||
</button>
|
||||
<div class="component_dropdown view sort" data-target="sort">
|
||||
<div class="dropdown_container">
|
||||
<ul>
|
||||
<li data-target="type">
|
||||
${t("Sort By Type")}
|
||||
<img class="component_icon" draggable="false" src="data:image/svg+xml;base64,${ICONS.CHECK}" alt="check" />
|
||||
</li>
|
||||
<li data-target="date">
|
||||
${t("Sort By Date")}
|
||||
</li>
|
||||
<li data-target="name">
|
||||
${t("Sort By Name")}
|
||||
</li>
|
||||
<li data-target="size">
|
||||
${t("Sort By Size")}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`))})),
|
||||
`))
|
||||
})),
|
||||
rxjs.mergeMap(({ $page, search }) => rxjs.merge(
|
||||
// feature: view button
|
||||
onClick(qs($page, `[data-action="view"]`)).pipe(rxjs.tap(($button) => {
|
||||
|
|
|
|||
Loading…
Reference in a new issue