filestash/public/pages/adminpage/ctrl_about.js

import { createElement } from "../../lib/skeleton/index.js";
import rxjs, { effect, htmlContent } from "../../lib/rxjs/index.js"
import CSSLoader from "../../helpers/css.js";
import transition from "./animate.js";

import Release from "./model_release.js";
import AdminOnly from "./decorator_admin_only.js";
import WithShell from "./decorator_sidemenu.js";

export default AdminOnly(WithShell(async function(render) {
    const $page = createElement(`
        <div class="component_page_about">
            <style>${css}</style>
            <div data-bind="about"><Loader /></div>
        </div>
    `);
    render(transition($page));

    effect(Release.get().pipe(
        rxjs.map(({ html }) => html),
        htmlContent($page, `[data-bind="about"]`),
    ));
}));

const css = await CSSLoader(import.meta, "ctrl_about.css");