layout.html (5583B) 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
13 <!-- Google Font: Source Sans Pro, Source Code Pro -->
14 <link rel="preconnect" href="https://fonts.googleapis.com">
15 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16 <link rel="stylesheet"
17 href="https://fonts.googleapis.com/css2?family=Source+Code+Pro&family=Source+Sans+Pro:ital,wght@0,400;0,600;1,400;1,600&display=swap">
18
19 <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"
20 integrity="sha512-q/dWJ3kcmjBLU4Qc47E4A9kTB4m3wuTY7vkFJDTZKjTs8jhyGQnaUrxa0Ytd0ssMZhbNua9hE+E7Qv1j+DyZwA=="
21 crossorigin="anonymous"></script>
22
23 <!-- leaflet maps -->
24 <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
25 integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ=="
26 crossorigin="" />
27 <script src="https://unpkg.com/[email protected]/dist/leaflet.js"
28 integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ=="
29 crossorigin=""></script>
30
31 <script type="text/javascript" charset="utf-8">
32 var socket = io();
33 var current_user = {{ current_user.id if current_user.is_authenticated else none | tojson }};
34// socket.on('connect', function () { });
35 </script>
36
37 {% if title %}
38 <title>muizenval.tk - {{ title }}</title>
39 {% else %}
40 <title>muizenval.tk</title>
41 {% endif %}
42</head>
43<body>
44 <nav class="navbar fixed-top bg-light">
45 <div class="container">
46 <a class="navbar-brand" href="{{ url_for('index') }}">
47 <img src="/static/logo.svg" alt="" width="50%" height="50%">
48 Home
49 </a>
50 <ul class="nav nav-pills">
51 {% if not current_user.is_authenticated %}
52 <li class="nav-item">
53 <a class="nav-link active" href="{{ url_for('login') }}">Login</a>
54 </li>
55
56 <li class="nav-item">
57 <a class="nav-link" href="{{ url_for('register') }}">Registeren</a>
58 </li>
59 {% else %}
60 <li class="nav-item">
61 <a class="nav-link active" href="{{ url_for('logout') }}">Logout</a>
62 </li>
63 {% endif %}
64 </ul>
65 </div>
66 </nav>
67
68 <div class="container" style="padding-top:20px;">
69 <div class="row">
70 <!-- sidebar -->
71 <div class="col-3">
72 {% if current_user.is_authenticated %}
73 <ul class="nav nav-pills flex-column nav-justified">
74 <li class="nav-item">
75 <a class="nav-link" href="{{ url_for('traps') }}">Dashboard</a>
76 </li>
77 <li class="nav-item">
78 <a class="nav-link" href="{{ url_for('trap_connect') }}">Koppel een val</a>
79 </li>
80 <li class="nav-item">
81 <a class="nav-link" href="{{ url_for('about') }}">about</a>
82 </li>
83 {% if current_user.is_authenticated %}
84 <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">{{current_user.name}}
85
86 </a>
87
88 <ul class="dropdown-menu text-small shadow" aria-labelledby="dropdownUser2">
89 <li><a class="dropdown-item" href="{{ url_for('account') }}">Instellingen</a></li>
90
91 <li><hr class="dropdown-divider"></li>
92 <li><a class="dropdown-item" href="{{ url_for('logout') }}">Uitloggen</a></li>
93 </ul>
94
95 <ul class="dropdown-menu">
96 <li><a class="dropdown-item" href="{{ url_for('account') }}">Instellingen</a></li>
97 <li><a class="dropdown-item" href="{{ url_for('logout') }}">Uitloggen</a></li>
98 </ul>
99 {% endif %}
100 </ul>
101 {% endif %}
102 </div>
103
104 <!-- content-->
105 <div class="col-7">
106 {% block content %}{% endblock %}
107 </div>
108 </div>
109 </div>
110
111
112 <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
113 integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
114 crossorigin="anonymous"></script>
115 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
116 integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
117 crossorigin="anonymous"></script>
118 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
119 integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
120 crossorigin="anonymous"></script>
121 <script>
122
123 const dropdownElementList = document.querySelectorAll('.dropdown-toggle')
124 const dropdownList = [...dropdownElementList].map(dropdownToggleEl => new bootstrap.Dropdown(dropdownToggleEl))
125 </script>
126</body>
127
128</html>