joeni

{% load i18n %}

{% block title %}

    {% trans "Personal curriculum" %} | ◀ Joeni /▶

{% endblock %}

{% block main %}

    <h1>{% trans "Your curricula" %}</h1>

    {% for curriculum in curricula %}

        <h2 id="{{ curriculum.year }}-{{ curriculum.year|add:1 }}">

            {{ curriculum.year }} - {{ curriculum.year|add:1 }}

        </h2>

        <p>{% trans "Status" %}:

            {% if curriculum.approved is none %}

                {% trans "Processing curriculum; pending decision" %}

            {% elif curriculum.approved is True %}

                {% trans "Processed and approved by exam committee" %}

            {% else %}

                {% trans "Processed and <strong>DENIED</strong> by exam committee" %}

            {% endif %}

        </p>

        {# Table in which the courses from the curriculum are displayed, along with the results. #}

        <table>

            <tr>

                <td>{% trans "Course" %}</td>

                <td>{% trans "ECTS" %}</td>

                <td>{% trans "Period" %}</td>

                <td>{% trans "First result" %}</td>

                <td>{% trans "Second result" %}</td>

                <td>{% trans "Decision" %}</td>

            </tr>

        {% for course_program, course_result in curriculum.course_programmes_results.items %}

            <tr>

                <td><a href="{% url 'courses-course-index' course_program.course.slug_name %}">

                <td>{{ course_program.ECTS }}</td>

                <td>{{ course_program.get_semester_display }}</td>

                <td>{{ course_result.first_score|default:"-" }}</td>

                <td>{{ course_result.second_score|default:"-" }}</td>

                <td>{% with result=course_result.result %}

                    {% if result == "CRED" or result == "VRST" or result == "TLRD" or result == "ITLR"%}

                        <span style="color:green;">

                    {% elif result == "FAIL" %}

                        <span style="color:red;">

                    {% elif result == "BDRG" %}

                        <span style="background-color:red; color:white;">

                    {% elif result == "STOP" %}

                        <span style="color:black;">

                    {% endif %}

                    {{ course_result.get_result_display }}</span>

                {% endwith %}</td>

            </tr>

        {% endfor %}

        </table>

    {% endfor %}

    <a class="btn" href="curriculum-change.pdf" download>{% trans "Request curriculum change" %}</a>

{% endblock main %}

div.flex-container {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: space-between; // Not too sure about this one, experiment if you want to

    align-items: stretch;

    //align-content: space-around;

}

.flex-items {

    color: white;

    font-family: ubuntu;

    text-decoration: none;

    flex-grow: 1;

    margin: .2em;

    text-decoration-style: none;

    padding: 1em;

    &:hover {

        text-decoration: underline solid white;

    }

}

a.course-link {

    float: left;

    margin-right: 50px;

    position: fixed;

    //display: flow;

    //height: 100%;

    z-index: 3;

    padding: $header-padding;

    top: 0;

    width: $header-width;

    height: 100%;

    //background-color: $uhasselt-color;

    color: white;

    img {

        width: 80%;

    }

    nav ul {

        overflow-wrap: break-word;  // Breaks the word if it overlaps with the right border

        //list-style: none;

        list-style: none;

        }

    a {

        text-decoration: none;

        color: white;

        &:hover {

            text-decoration: underline solid white;

            text-transform: uppercase;

            font-weight: bold;

        }

    }

    div.menu-background {

        display: none;

        z-index: 1;

    }

    @media print {

        display: none; // Header is pretty useless on printed sheets

    }

}

@media print {

    header, input#header-mobile, label[for="header-mobile"] {

        display: none;

    }

    header nav {

        margin-left: 0;

    }

}

@media screen

and (max-device-width: 440px)

and (max-device-height: 800px) {

//and (-webkit-min-device-pixel-ratio: 2) {

    main {

        margin-left: 2%;

        margin-right: 2%;

    }

    label[for="header-mobile"] {

        z-index: 4;

        color: white;

        position: absolute;

        top: 1.5em;

        left: 1em;

    }

    input#header-mobile {

        z-index: 4;

        position: absolute;

        top: 2em;

        left: 1em;

        opacity: 0;

        /* XXX: Why not send the checkbox to -9999 top? Because some dumb mobile

        phones don't allow clicking the label to check the box. */

        &:checked ~ header {

            display: block;

            position: relative;

            /* FIXME: Currently I set the height of the header to a ridiculous

            300%, but it should be made that it overlaps the other elements. */

            height: 300%;

            top: 0;

            width: 100%;

            nav {

                display: block;

                position: relative;

            }

        }

    }

    header {

        position: relative;

        z-index: 3;

        margin-top: 0;

        margin-right: 0;

        width: 100%;

        height: 2em;

        img {

            height: 2em;

        }

        nav {

            display: none;

        }

    }

}

by using sassc, put in one single file, stylesheet.css. However, that may not be

what you want when using HTTP/2. In that case, edit the scripts and templates

accordingly. */

@import 'variables';

@import 'classes.scss';

@import 'global.scss';

@import 'main.scss';

@import 'header.scss';

@import 'footer.scss';