Verified Commit 6be85ce8 authored by Jakob Moser's avatar Jakob Moser
Browse files

Migrate to Mitrhil.js

parent abe3645f

index.html

+2 −36
Changes for index.html: 2 added lines, 36 removed lines.
Original line number Diff line number Diff line 
<!doctype html>

<html lang="de">



    <head>

        <meta charset="utf-8" />

        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -9,40 +8,7 @@ 
        <link rel="icon" href="./img/portal.svg" />

    </head>



<body class="blue">

    <main class="tools">

        <div class="tool">

            <a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/meet"><i class="fa-solid fa-phone-volume"></i> Meeting</a>

        </div>



        <div class="tool">

            <a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/tickets"><i class="fa-regular fa-envelope"></i> Tickets</a>

            <span class="detail"><i class="fa-regular fa-user"></i> CL-Account</span>

            <span class="detail"><i class="fa-solid fa-lock"></i> Freischaltung nötig</span>

        </div>



        <div class="tool">

            <a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/todo"><i class="fa-solid fa-list-check"></i> Todo</a>

            <span class="detail"><i class="fa-regular fa-user"></i> CL-Account</span>

            <span class="detail"><i class="fa-solid fa-lock"></i> Freischaltung nötig</span>

        </div>



        <div class="tool">

            <a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/docs/Kalender"><i class="fa-regular fa-calendar-days"></i> Kalender</a>

            <span class="detail"><i class="fa-solid fa-user-plus"></i> Eigener Account</span>

            <span class="detail"><i class="fa-solid fa-lock"></i> Freischaltung nötig</span>

        </div>



        <div class="tool">

            <a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/protokolle"><i class="fa-regular fa-note-sticky"></i> Protokolle</a>

            <span class="detail"><i class="fa-regular fa-user"></i> CL-Account</span>

            <span class="detail"><i class="fa-solid fa-lock"></i> Freischaltung nötig</span>

        </div>



        <div class="tool">

            <a class="box btn" href="/unlock"><i class="fa-solid fa-lock"></i> Freischaltung</a>

        </div>

    </main>

</body>

    <body class="blue"></body>



    <script type="module" src="js/portal.mjs"></script>

</html>

js/components/pages/Base.mjs

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

    view(vnode) {

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

    },

}

js/components/pages/Portal.mjs

0 → 100644
+45 −0
Changes for js/components/pages/Portal.mjs: 45 added lines, 0 removed lines.
Original line number Diff line number Diff line 
import { Base } from "./Base.mjs"



export const Portal = {

    oncreate() {

        document.title = "Portal · Fachschaft Computerlinguistik"

    },

    view() {

        return m(

            Base,

            m.trust(`<article class="tools">

        <div class="tool">

            <a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/meet"><i class="fa-solid fa-phone-volume"></i> Meeting</a>

        </div>



        <div class="tool">

            <a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/tickets"><i class="fa-regular fa-envelope"></i> Tickets</a>

            <span class="detail"><i class="fa-regular fa-user"></i> CL-Account</span>

            <span class="detail"><i class="fa-solid fa-lock"></i> Freischaltung nötig</span>

        </div>



        <div class="tool">

            <a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/todo"><i class="fa-solid fa-list-check"></i> Todo</a>

            <span class="detail"><i class="fa-regular fa-user"></i> CL-Account</span>

            <span class="detail"><i class="fa-solid fa-lock"></i> Freischaltung nötig</span>

        </div>



        <div class="tool">

            <a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/docs/Kalender"><i class="fa-regular fa-calendar-days"></i> Kalender</a>

            <span class="detail"><i class="fa-solid fa-user-plus"></i> Eigener Account</span>

            <span class="detail"><i class="fa-solid fa-lock"></i> Freischaltung nötig</span>

        </div>



        <div class="tool">

            <a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/protokolle"><i class="fa-regular fa-note-sticky"></i> Protokolle</a>

            <span class="detail"><i class="fa-regular fa-user"></i> CL-Account</span>

            <span class="detail"><i class="fa-solid fa-lock"></i> Freischaltung nötig</span>

        </div>



        <div class="tool">

            <a class="box btn" href="/unlock"><i class="fa-solid fa-lock"></i> Freischaltung</a>

        </div>

    </article>`),

        )

    },

}

js/components/pages/Unlock.mjs

0 → 100644
+11 −0
Changes for js/components/pages/Unlock.mjs: 11 added lines, 0 removed lines.
Original line number Diff line number Diff line 
import { Base } from "./Base.mjs"



export const Unlock = {

    oncreate() {

        document.title =

            "Freischaltung · Portal · Fachschaft Computerlinguistik"

    },

    view() {

        return m(Base)

    },

}

js/portal.mjs

0 → 100644
+10 −0
Changes for js/portal.mjs: 10 added lines, 0 removed lines.
Original line number Diff line number Diff line 
import { Portal } from "./components/pages/Portal.mjs"

import { Unlock } from "./components/pages/Unlock.mjs"

import "/lib/mithril/mithril.min.js"



// See https://mithril.js.org/route.html#routing-strategies

m.route.prefix = ""

m.route(document.body, "/", {

    "/": Portal,

    "/unlock": Unlock,

})