V1.0

app/templates/panel/_base.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <!-- BASE -->
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>IPAM - {% block styles %}{{ title }}{% endblock %}</title>
+    <meta name="author" content="Takeus">
+    <meta name="robots" content="noindex, nofollow">
+    <!-- LINKS -->
+    <link rel="icon" type="image/png" href="{{ url_for('static',filename='img/logo.png') }}" />
+    <link rel="stylesheet" href="{{ url_for('static',filename='css/custom.css') }}"/>
+    <link rel="stylesheet" href="{{ url_for('static',filename='css/bootstrap.min.css') }}"/>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+</head>
+<body>
+    {% block content %}{% endblock %}
+    <!-- JAVASCRIPT -->
+    <script src="{{ url_for('static',filename='js/bootstrap.bundle.min.js') }}"></script>
+</body>
+</html>

app/templates/panel/_nav.html

@@ -0,0 +1,40 @@
+<nav class="navbar navbar-expand-lg bg-dark bg-body-tertiary" data-bs-theme="dark">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="#">Flask IPAM</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+            <li class="nav-item">
+                <a class="nav-link {% if is_dash %}active{% endif %}" href="{{ url_for('base.dashboard') }}">Dashboard</a>
+            </li>
+            <li class="nav-item dropdown">
+                <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">Network</a>
+                <ul class="dropdown-menu">
+                    <li><a class="dropdown-item" href="#">Subnets</a></li>
+                    <li><a class="dropdown-item" href="#">Attributions</a></li>
+                </ul>
+            </li>
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-archive-fill"></i> Inventory</a>
+                    <ul class="dropdown-menu">
+                        <li><a class="dropdown-item" href="#"><i class="bi bi-pc-display"></i> Computers</a></li>
+                        <li><a class="dropdown-item" href="#"><i class="bi bi-server"></i> Servers</a></li>
+                        <li><a class="dropdown-item" href="#"><i class="bi bi-server"></i> Virtual Machines</a></li>
+                        <li><a class="dropdown-item" href="#"><i class="bi bi-ethernet"></i> Networks Devices</a></li>
+                        <li><a class="dropdown-item" href="#"><i class="bi bi-collection"></i> Others</a></li>
+                    </ul>
+                </li>
+                {% if current_user.admin %}
+                <li class="nav-item">
+                    <a class="nav-link active" href="">Admin</a>
+                </li>
+                {% endif %}
+            </ul>
+            <form class="d-flex" role="search">
+                <a class="btn btn-outline-warning" type="submit" href="{{ url_for('auth.logout') }}">logout</a>
+            </form>
+        </div>
+    </div>
+</nav>

app/templates/panel/dashboard.html

@@ -0,0 +1,5 @@
+{% extends 'panel/_base.html' %}
+{% block content %}
+{% include 'panel/_nav.html' %}
+
+{% endblock %}