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

Add new sidebar for options

Closes #44
parent dcb1363b
Loading
Loading
Loading
Loading
+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 {
+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)
                }
+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>