Commit 2dfb1ae9 authored by Jakob Moser's avatar Jakob Moser
Browse files

Add new sidebar for options 

Closes #44
parent dcb1363b

static/css/test.css

+16 −1
Original line number Diff line number Diff line 
@import url("../lib/bootstrap-icons-1.8.1/bootstrap-icons.css");



body {

    grid-template-columns: 1fr 1fr;

    grid-template-columns: max-content 1fr 1fr;

}



aside {

    height: 100vh;

    padding: 15px 20px;

    background-color: #334859;

}



aside > a, aside > i {

    display: block;

    margin-bottom: 32px;

}



aside i {

    font-size: 32px;

}



body.dialog-shown {

static/js/yalikejazz.mjs

+1 −1
Original line number Diff line number Diff line
@@ -75,7 +75,7 @@ function startExercise(exercise) { 
                const nextExercise = currentTest.getNextUnsolvedExercise(currentState)



                if (nextExercise === null) {

                    alert("Du hast den Pooltest erfolgreich abgeschlossen! Du kannst jetzt abgeben :)")

                    alert("Du hast den Pooltest erfolgreich abgeschlossen! Du kannst jetzt abgeben :) Klicke dazu auf den Briefumschlag mit dem Häkchen in der linken Leiste.")

                } else {

                    startExercise(nextExercise)

                }

static/test.html

+5 −7
Original line number Diff line number Diff line
@@ -67,6 +67,11 @@ 
        </div>

    </div>



    <aside>

        <a href="/" title="Startseite"><i class="bi bi-house-door" aria-label="Startseite"></i></a>

        <i class="bi bi-envelope-check clickable" data-action="hand-in" title="Abgeben" aria-label="Abgeben"></i>

        <i class="bi bi-trash clickable" data-action="reset" title="Alles zurücksetzen und von vorne beginnen" aria-label="Alles zurücksetzen und von vorne beginnen"></i>

    </aside>

    <div id="term_wrap">

        <div id="term_container"></div>

        <div id="term_bar"><progress id="net_progress"></progress></div>
@@ -78,13 +83,6 @@ 
            <h2>Aufgaben</h2>

            <div id="exercises"></div>

        </section>



        <section class="options">

            <h2>Optionen</h2>

            <button data-action="hand-in">Abgeben</button>

            <button data-action="reset">Alles zurücksetzen und von vorne beginnen</button>

        </section>

    

    </div>

    <div class="ribbon">Beta</div>

    <script type="text/javascript" src="./lib/jslinux/js/jslinux.js"></script>