From e5230891db71fb2ed7fb0497ed05e59886d14187 Mon Sep 17 00:00:00 2001
From: Richard Hitier <hitier.richard@gmail.com>
Date: Thu, 4 Mar 2021 16:26:53 +0100
Subject: [PATCH] Add bootstrap imports, and set right navbar

---
 app/static/css/style.css     |  39 +++++++++++++++++++++++++++++++++++++++
 app/static/img/pdc.ico       | Bin 0 -> 1406 bytes
 app/static/img/pdc.png       | Bin 0 -> 31842 bytes
 app/templates/base_page.html | 159 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------
 resources/pdc.svg            |  79 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 251 insertions(+), 26 deletions(-)
 create mode 100644 app/static/css/style.css
 create mode 100644 app/static/img/pdc.ico
 create mode 100644 app/static/img/pdc.png
 create mode 100644 resources/pdc.svg
diff --git a/app/static/css/style.css b/app/static/css/style.css
new file mode 100644
index 0000000..2d28c41
--- /dev/null
+++ b/app/static/css/style.css
@@ -0,0 +1,39 @@
+/*html {*/
+/*  position: relative;*/
+/*  min-height: 100%;*/
+/*}*/
+
+/*body {*/
+/*  margin-bottom: 60px; !* Margin bottom by footer height *!*/
+/*}*/
+
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 40px; /* Set the fixed height of the footer here */
+  line-height: 60px; /* Vertically center the text there */
+  /*background-color: #f5f5f5;*/
+  margin-bottom: 20px;
+}
+
+
+/*.container {*/
+/*  width: auto;*/
+/*  max-width: 680px;*/
+/*  padding: 0 15px;*/
+/*}*/
+
+.sidebar {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 100; /* Behind the navbar */
+  padding: 0;
+  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
+}
+.sidebar .nav-link {
+  font-weight: 500;
+  color: #333;
+}
diff --git a/app/static/img/pdc.ico b/app/static/img/pdc.ico
new file mode 100644
index 0000000..bfe5237
Binary files /dev/null and b/app/static/img/pdc.ico differ
diff --git a/app/static/img/pdc.png b/app/static/img/pdc.png
new file mode 100644
index 0000000..f190e26
Binary files /dev/null and b/app/static/img/pdc.png differ
diff --git a/app/templates/base_page.html b/app/templates/base_page.html
index d080252..c2e854a 100644
--- a/app/templates/base_page.html
+++ b/app/templates/base_page.html
@@ -1,41 +1,148 @@
 <!doctype html>
 <html lang="en">
 <head>
-    <meta charset="utf-8">
-    <meta content="width=device-width, initial-scale=1" name="viewport">
-    <link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet" type="text/css"/>
-    <title>{% if title %} {{title}} {% else %}Plan de Charge{%endif%}</title>
+  <meta charset="utf-8">
+  <meta content="width=device-width, initial-scale=1" name="viewport">
+  <link href="{{ url_for('static', filename='img/pdc.png') }}" rel="icon"/>
+  <link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet" type="text/css"/>
+  <link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet" type="text/css"/>
+  <title>{% if title %} {{title}} {% else %}Plan de Charge{%endif%}</title>
 </head>
 <body>
 
-<header>
-</header>
-<section>
+  <header>
+  </header>
 
-    {% with messages = get_flashed_messages(with_categories=true) %}
-    {% if messages %}
-    <div id="messages">
-        {% for level, message in messages %}
-        <div class="alert alert-{{level}}" role="alert">{{ message }}</div>
-        {% endfor %}
-    </div>
-    {% endif %}
-    {% endwith %}
+  <nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0">
+    <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">Plan de Charges</a>
+    <ul class="navbar-nav px-3">
+      <li class="nav-item text-nowrap">
+        <a class="nav-link" href="#">Sign out</a>
+      </li>
+    </ul>
+  </nav>
+
+  <div class="container-fluid">
+    <div class="row">
+      <nav class="col-md-2 d-none d-md-block bg-light sidebar">
+        <div class="sidebar-sticky">
+          <ul class="nav flex-column">
+            <li class="nav-item">
+              <a class="nav-link active" href="#">
+                <span data-feather="home"></span>
+                accueil
+              </a>
+            </li>
+            <li class="nav-item">
+              <a aria-expanded="false" class="nav-link" data-target="#agent" data-toggle="collapse" href="#">
+                <span data-feather="user"></span>
+                Agent
+              </a>
+              <ul aria-expanded="false" class="collapse" id="agent">
+                <li><a class="text-muted" ref="#">Liste des agents</a></li>
+                <li><a class="text-muted" ref="#">Statistiques</a></li>
+                <li><a class="text-muted" ref="#">Liste des responsabilités</a></li>
+                <li><a class="text-muted" ref="#">Liste des fonctions</a></li>
+                <li><a class="text-muted" ref="#">Liste des compétences</a></li>
+                <li><a class="text-muted" ref="#">Liste des pôles</a></li>
+                <li><a class="text-muted" ref="#">Liste des emplois types</a></li>
+              </ul>
+            </li>
+            <li class="nav-item">
+              <a aria-expanded="false" class="nav-link" data-target="#projet" data-toggle="collapse" href="#">
+                <span data-feather="file"></span>
+                Projet
+              </a>
+              <ul aria-expanded="false" class="collapse" id="projet">
+                <li><a class="text-muted" ref="#">Liste des projets</a></li>
+                <li><a class="text-muted" ref="#">Statistiques</a></li>
+                <li><a class="text-muted" ref="#">Listes des domaines</a></li>
+                <li><a class="text-muted" ref="#">Listes des statuts de projets</a></li>
+              </ul>
+            </li>
+            <li class="nav-item">
+              <a aria-expanded="false" class="nav-link" data-target="#service" data-toggle="collapse" href="#">
+                <span data-feather="home"></span>
+                Service
+              </a>
+              <ul aria-expanded="false" class="collapse" id="service">
+                <li><a class="text-muted" ref="#">Liste des services</a></li>
+                <li><a class="text-muted" ref="#">Statistiques</a></li>
+              </ul>
+            </li>
+            <li class="nav-item">
+              <a aria-expanded="false" class="nav-link" data-target="#cds" data-toggle="collapse" href="#">
+                <span data-feather="users"></span>
+                Chef de service
+              </a>
+              <ul aria-expanded="false" class="collapse" id="cds">
+                <li><a class="text-muted" ref="#">Renseigner le statut d'un agent pour un semestre</a></li>
+                <li><a class="text-muted" ref="#">Affecter un agent à un projet/service</a></li>
+                <li><a class="text-muted" ref="#">Création agent virtuel</a></li>
+                <li><a class="text-muted" ref="#">Charge totale des agents</a></li>
+                <li><a class="text-muted" ref="#">Détails des charges</a></li>
+                <li><a class="text-muted" ref="#">Graphiques personnalisés</a></li>
+              </ul>
+            </li>
+            <li class="nav-item">
+              <a aria-expanded="false" class="nav-link" data-target="#admin" data-toggle="collapse" href="#">
+                <span data-feather="settings"></span>
+                Administrateur
+              </a>
+              <ul aria-expanded="false" class="collapse" id="admin">
+
+                <li><a class="text-muted" href="#">Nouveau projet</a></li>
+                <li><a class="text-muted" href="#">Nouveau service</a></li>
+                <li><a class="text-muted" href="#">Nouvelle compétence</a></li>
+                <li><a class="text-muted" href="#">Nouvelle fonction</a></li>
+                <li><a class="text-muted" href="#">Nouveau domaine</a></li>
+                <li><a class="text-muted" href="#">Nouvelle responsabilité</a></li>
+                <li><a class="text-muted" href="#">Affecter un responsable de projet</a></li>
+                <li><a class="text-muted" href="#">Affecter un responsable de service</a></li>
+                <li><a class="text-muted" href="#">Liste des semestres</a></li>
+                <li><a class="text-muted" href="#">Nouveau semestre</a></li>
 
-    <div class="content">
+              </ul>
+            </li>
+          </ul>
+        </div>
+        <footer class="footer">
+          <div class="container">
+            <p class="text-muted">
+              © 2021 IRAP - Plan de Charge - <span>{{ config.VERSION }}</span>
+            </p>
+          </div>
+        </footer>
+      </nav>
 
-        {% block content %}{% endblock %}
+      <main class="container" role="main">
+        {% with messages = get_flashed_messages(with_categories=true) %}
+        {% if messages %}
+        <div id="messages">
+          {% for level, message in messages %}
+          <div class="alert alert-{{level}}" role="alert">{{ message }}</div>
+          {% endfor %}
+        </div>
+        {% endif %}
+        {% endwith %}
+
+        {%block content%}
+        {%endblock%}
+      </main>
 
     </div>
-</section>
+  </div>
+
+
+  <!-- Begin page content -->
 
-<footer>
-    <p>
-        © 2020 IRAP - <a href="{{ url_for('main.index') }}" id="redirect">Plan de Charge</a> - <span>{{ config.VERSION }}</span>
-    </p>
-</footer>
 
-<script type="text/javascript" src="{{ url_for('static', filename='js/jquery-3.6.0.min.js') }}"></script>
-<script type="text/javascript" src="{{ url_for('static', filename='js/bootstrap.bundle.min.js') }}"></script>
+  <script src="{{ url_for('static', filename='js/jquery-3.6.0.min.js') }}" type="text/javascript"></script>
+  <script src="{{ url_for('static', filename='js/bootstrap.bundle.min.js') }}" type="text/javascript"></script>
+  <!-- Icons -->
+  <script src="https://unpkg.com/feather-icons/dist/feather.min.js"></script>
+  <script>
+    feather.replace()
+  </script>
 </body>
 </html>
diff --git a/resources/pdc.svg b/resources/pdc.svg
new file mode 100644
index 0000000..a3eafb6
--- /dev/null
+++ b/resources/pdc.svg
@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="210mm"
+   height="297mm"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+   sodipodi:docname="pdc.svg"
+   inkscape:export-filename="/home/rhitier/00DEV/pdc-web/resources/pdc.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="-118.57143"
+     inkscape:cy="560"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1856"
+     inkscape:window-height="1016"
+     inkscape:window-x="64"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g4580">
+      <circle
+         style="stroke-width:2.5;fill:#0000a2;fill-opacity:0.89705884;stroke-miterlimit:4;stroke-dasharray:none;stroke:#000000;stroke-opacity:1"
+         r="64.255951"
+         cy="158.66071"
+         cx="117.92857"
+         id="path3713" />
+      <text
+         id="text3721"
+         y="177.67082"
+         x="58.354107"
+         style="font-style:normal;font-variant:normal;font-weight:500;font-stretch:normal;font-size:53.48649979px;line-height:24.25;font-family:aakar;-inkscape-font-specification:'aakar Medium';text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:2.27517653;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:53.48649979px;line-height:24.25;font-family:FreeSans;-inkscape-font-specification:'FreeSans Semi-Bold';text-align:start;text-anchor:start;fill:#ffffff;stroke:#000000;stroke-width:2.27517653;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           y="177.67082"
+           x="58.354107"
+           id="tspan3719"
+           sodipodi:role="line">PDC</tspan></text>
+    </g>
+  </g>
+</svg>
--
libgit2 0.21.2

