layout.html (5241B)
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>