init

templates/Include/javascript.js.twig

@@ -0,0 +1,23 @@
+$(document).ready(function() {
+    var doit = true;
+
+    $("a[data-method]").on('click',function(){
+        if($(this).data('confirm')){
+            doit = confirm($(this).data('confirm'));
+            if(!doit) return false;
+        }
+    });
+
+    $("button[data-method]").on('click',function(){
+        if($(this).data('confirm')){
+            doit = confirm($(this).data('confirm'));
+            if(!doit) return false;
+        }
+    });                
+});
+
+function ModalLoad(idmodal,title,path) {
+    $("#"+idmodal+" .modal-header h4").text(title);
+    $("#"+idmodal+" iframe").attr("src",path);
+    $("#"+idmodal).modal("show");
+}

templates/Include/sidebar.html.twig

@@ -0,0 +1,64 @@
+<div id="sidebar" class="collapse">
+    <ul class="nav">
+        {% if is_granted('ROLE_ADMIN') %}
+        <br>
+        <li class="title">Administration</li>
+
+        <li>
+            <a href="{{path("app_illustration")}}">
+            <i class="fas fa-image"></i>  Illustrations
+            </a>
+        </li>
+
+        <li>
+            <a href="{{path("app_category")}}">
+            <i class="fa fa-folder"></i> Catégories Illustrations
+            </a>
+        </li>
+
+        <li>
+            <a href="{{path("app_webzine")}}">
+            <i class="fas fa-book-open"></i> Webzine
+            </a>
+        </li>
+
+        <li>
+            <a href="{{path("app_link")}}">
+            <i class="fas fa-link"></i> Liens
+            </a>
+        </li>
+
+        <li>
+            <a href="{{path("app_config")}}">
+            <i class="fa fa-cog"></i> Configurations
+            </a>
+        </li>
+
+        <li>
+            <a href="{{path("app_user")}}">
+            <i class="fa fa-user"></i> Utilisateurs
+            </a>
+        </li>
+
+        <li>
+            <a href="{{path("app_group")}}">
+            <i class="fa fa-users"></i> Groupes
+            </a>
+        </li>
+
+        {% if appCron %}
+        <li>
+            <a href="{{path("app_cron")}}">
+            <i class="fa fa-cogs"></i> Jobs
+            </a>
+        </li>
+        {% endif %}
+
+        <li class="last">
+            <a href="{{path("app_cron_log")}}">
+            <i class="fa fa-list-alt"></i> Logs / Dump
+            </a>
+        </li>                        
+        {% endif %}
+    </ul>
+</div>

templates/Include/style.css.twig

@@ -0,0 +1,102 @@
+:root{
+    --colorbgbodylight: {{ app.session.get('colorbgbodylight')|raw }};
+    --colorbgbodydark: {{ app.session.get('colorbgbodydark')|raw }};
+    --colorfttitlelight: {{ app.session.get('colorfttitlelight')|raw }};
+    --colorfttitledark: {{ app.session.get('colorfttitledark')|raw }};   
+    --colorftbodylight: {{ app.session.get('colorftbodylight')|raw }};
+    --colorftbodydark: {{ app.session.get('colorftbodydark')|raw }};       
+    --fontbody: "{{ app.session.get('fontbody')|raw }}";
+    --fonttitle: "{{ app.session.get('fonttitle')|raw }}";
+}
+
+/* COLOR BODY  */
+
+body {
+    background-color: var(--colorbgbodylight);
+    color:  var(--colorftbodylight);
+}
+
+body .navbar.bg-dark {
+    background-color: var(--colorbgbodydark)!important;
+}
+
+body #sidebar {
+    background-color: var(--colorbgbodydark);
+}
+
+body #sidebar .title {
+    color: var(--colorfttitledark); 
+}
+
+body #sidebar .nav a {
+    color: var(--colorfttitledark); 
+}
+
+body h1, body h2, body h3 {
+    color: var(--colorfttitlelight); 
+}
+
+body a, btn-link {
+    color: var(--colorfttitlelight); 
+}
+
+body .nav a{
+    color: var(--colorfttitledark); 
+}
+
+
+
+/* COLOR BODY HOME */
+
+body.monocolor {
+    background-color: var(--colorbgbodydark);
+    color:  var(--colorftbodydark);
+}
+
+body.monocolor .navbar.bg-dark {
+    background-color: var(--colorbgbodydark)!important;
+}
+
+body.monocolor #sidebar {
+    background-color: var(--colorbgbodydark);
+}
+
+body.monocolor #sidebar .title {
+    color: var(--colorfttitledark); 
+}
+
+body.monocolor #sidebar .nav a {
+    color: var(--colorfttitledark); 
+}
+
+body.monocolor h1, body.monocolor h2, body.monocolor h3 {
+    color: var(--colorfttitledark); 
+}
+
+body.monocolor a {
+    color: var(--colorfttitledark); 
+}
+
+body.monocolor .nav a{
+    color: var(--colorfttitledark); 
+}
+
+a.btn {
+    color: white !important;
+}
+
+
+
+
+/* FONT */
+body {
+    font-family: var(--fontbody); 
+}
+
+h1,h2,h3, .navbar-brand {
+    font-family:  var(--fonttitle); 
+}
+
+{% if not useheader is defined or not useheader %}
+#main {padding:0px}
+{%endif%}