filestash/public/pages/adminpage/ctrl_about.js

import { createElement } from "../../lib/skeleton/index.js";
import rxjs, { effect, stateMutation } from "../../lib/rx.js";
import { qs } from "../../lib/dom.js";
import { CSS } from "../../helpers/loader.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),
        stateMutation(qs($page, "[data-bind=\"about\"]"), "innerHTML")
    ));
}));

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