Verified Commit e2c2d1c7 authored by Jakob Moser's avatar Jakob Moser
Browse files

Add (currently useless) navbar

parent 7bf6676b

js/components/pages/Base.mjs

+3 −1
Changes for js/components/pages/Base.mjs: 3 added lines, 1 removed line.
Original line number Diff line number Diff line 
import { Nav } from "../pieces/Nav.mjs"



export const Base = {

    view(vnode) {

        return [m("main", vnode.children)]

        return [m("header", m(Nav)), m("main", vnode.children)]

    },

}

js/components/pieces/Nav.mjs

0 → 100644
+14 −0
Changes for js/components/pieces/Nav.mjs: 14 added lines, 0 removed lines.
Original line number Diff line number Diff line 
import { NavPageLink } from "./NavPageLink.mjs"



export const Nav = {

    view() {

        return m("nav.box", [

            m(

                "section.left",

                m("ul", [

                    m("li", m(NavPageLink, { href: "/", label: "Start" })),

                ]),

            ),

        ])

    },

}

js/components/pieces/NavPageLink.mjs

0 → 100644
+12 −0
Changes for js/components/pieces/NavPageLink.mjs: 12 added lines, 0 removed lines.
Original line number Diff line number Diff line 
export const NavPageLink = {

    view(vnode) {

        const href = vnode.attrs.href

        const current = m.route.get() === href



        return m(

            m.route.Link,

            { href, class: current ? "current" : "" },

            vnode.attrs.label,

        )

    },

}