layout.html (5241B) download
1<!DOCTYPE html>
2<html>
3
4<head>
5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7
8 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
9 integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
10
11 <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}">
12 <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='openmoji/openmoji.css') }}">
13
14 {% if title %}
15 <title>Programmeerles voor ouderen - {{ title }}</title>
16 {% else %}
17 <title>Programmeerles voor ouderen</title>
18 {% endif %}
19</head>
20
21<body>
22 <header class="site-header">
23 <nav class="navbar navbar-expand-md navbar-dark bg-steel fixed-top">
24 <div class="container">
25 <a class="navbar-brand mr-4" href="/">Programmeerles voor ouderen</a>
26 <div class="collapse navbar-collapse" id="navbarToggle">
27 <div class="navbar-nav mr-auto">
28 <a class="nav-item nav-link" href="{{ url_for('about') }}">Over ons</a>
29 </div>
30 <!-- Navbar Right Side -->
31 <div class="navbar-nav">
32 {% if current_user.is_authenticated %}
33 <a class="nav-item nav-link" href="{{ url_for('logout') }}">Uitloggen</a>
34 {% else %}
35 <a class="nav-item nav-link" href="{{ url_for('login') }}">Inloggen</a>
36 <a class="nav-item nav-link" href="{{ url_for('register') }}">Registeren</a>
37 {% endif %}
38 </div>
39 </div>
40 </div>
41 </nav>
42 </header>
43 <main role="main" class="container">
44 <div class="row">
45 <div class="col-md-8">
46 {% with messages = get_flashed_messages(with_categories=true) %}
47 {% if messages %}
48 {% for category, message in messages %}
49 <div class="alert alert-{{ category }}">
50 {{ message }}
51 </div>
52 {% endfor %}
53 {% endif %}
54 {% endwith %}
55 {% block content %}{% endblock %}
56 </div>
57 <div class="col-md-4">
58 <div class="content-section">
59 <h3>Welkom <b>{{ current_user.username if current_user.is_authenticated else 'gast' }}</b>!</h3>
60 {% if current_user.is_authenticated %}
61 <p class='text-muted'>
62 <ul class="list-group">
63 <li class="list-group-item list-group-item-light"><a
64 href="{{ url_for('account') }}">Instellingen</a></li>
65 {% if current_user.type == 'teacher' or current_user.type == 'admin' %}
66 <li class="list-group-item list-group-item-light"><a
67 href="{{ url_for('course_overview') }}">Lesoverzicht</a></li>
68 {% endif %}
69 {% if current_user.type == 'admin' %}
70 <li class="list-group-item list-group-item-light"><a href="{{ url_for('admin') }}">Profielen
71 bewerken</a></li>
72 {% endif %}
73 </ul>
74 </p>
75 {% endif %}
76 {% if current_user.is_authenticated %}
77 <table class='calendar'>
78 <tr>
79 {% for d, day in calendar['weekdays'] %}
80 <th class="{{ 'weekend' if d >= 5 }}">{{ day }}</th>
81 {% endfor %}
82 </tr>
83 {% for row in calendar['rows'] %}
84 <tr>
85 {% for d, day, course in row %}
86 <td class="{{ 'weekend' if d >= 5 }} {{ 'course' if course and day }}">
87 {{ day if day }}
88 {% if course %}<span class='hover-day'>{{ course }}</span>{% endif %}
89 </td>
90 {% endfor %}
91 </tr>
92 {% endfor %}
93 </table>
94 {% endif %}
95 </div>
96 </div>
97 </div>
98 </main>
99
100 <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
101 integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
102 crossorigin="anonymous"></script>
103 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
104 integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
105 crossorigin="anonymous"></script>
106 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
107 integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
108 crossorigin="anonymous"></script>
109</body>
110
111</html>