genelastic 0.8.0__py3-none-any.whl → 0.10.0__py3-none-any.whl

genelastic/ui/templates/home.html

@@ -1,4 +1,207 @@
 {% extends "layout.html" %}
-{% block title %}Home{% endblock %}
+{% block title %}
+  Accueil - BEx
+{% endblock title %}
 {% block content %}
-{% endblock %}
+  <div class="container mt-5">
+    <div class="text-center mb-5">
+      <h1 class="display-4 fw-bold text-primary">Base Expérimentale du CNRGH</h1>
+    </div>
+    <!-- Mode d'affichage -->
+    <div class="mb-4 d-flex justify-content-end align-items-center gap-3">
+      <label class="fw-semibold mb-0">Mode d'affichage :</label>
+      <div class="btn-group" role="group" aria-label="Mode d'affichage">
+        <button id="viewTableBtn"
+                class="btn btn-outline-primary btn-sm active"
+                title="Mode Tableau"
+                aria-pressed="true">
+          <i class="bi bi-table"></i> Tableau
+        </button>
+        <button id="viewListBtn"
+                class="btn btn-outline-primary btn-sm"
+                title="Mode Liste"
+                aria-pressed="false">
+          <i class="bi bi-list"></i> Liste
+        </button>
+      </div>
+    </div>
+    {% macro render_section_header(title) %}
+      <div class="d-flex justify-content-between align-items-center mt-5 mb-4 pb-2 border-bottom">
+        <h2 class="fw-semibold text-secondary">{{ title }}</h2>
+      </div>
+    {% endmacro %}
+    {% macro render_table_section(data_dict, prefix, title) %}
+      {{ render_section_header(title) }}
+      <div class="row g-4 justify-content-center">
+        {% for field, values in data_dict.items() %}
+          {% set clean_name = field.replace('metadata.bi_process.', '')
+                      .replace('metadata.wet_process.', '')
+                      .replace('metadata.', '')
+                      .replace('_', ' ')
+                      .replace('.', ' ')
+                    .title() %}
+          {% set html_id = prefix + clean_name.replace(' ', '') %}
+          {% set canvas_id = 'chart_' + html_id %}
+          {% set is_empty = values|length == 0 %}
+          <div class="col-12 col-md-6 col-lg-4 metadata-table"
+               id="{{ html_id }}"
+               data-label="{{ clean_name }}">
+            <div class="card shadow-sm h-100 {% if is_empty %}opacity-50{% endif %}">
+              <div class="card-header text-white fw-semibold text-center bg-primary d-flex justify-content-between align-items-center">
+                <span>{{ clean_name }}</span>
+              </div>
+              <div class="card-body p-3 d-flex flex-column justify-content-center align-items-center">
+                {% if not is_empty %}
+                  {% if values|length > 1 %}
+                    <canvas id="{{ canvas_id }}"
+                            width="300"
+                            height="300"
+                            data-label="{{ clean_name }}"
+                            data-labels='{{ values.keys() | list | tojson }}'
+                            data-values='{{ values.values() | list | tojson }}'></canvas>
+                  {% else %}
+                    {% for value, count_val in values.items() %}
+                      <div class="text-center">
+                        <p class="mb-1 fw-semibold">{{ value or "—" }}</p>
+                        <span class="badge bg-primary rounded-pill fs-5">{{ count_val }}</span>
+                      </div>
+                    {% endfor %}
+                  {% endif %}
+                {% else %}
+                  <p class="text-muted text-center my-3">Aucune donnée disponible</p>
+                {% endif %}
+              </div>
+            </div>
+          </div>
+        {% endfor %}
+      </div>
+    {% endmacro %}
+    {% macro render_list_section(data_dict, prefix, title) %}
+      {{ render_section_header(title) }}
+      <div class="d-flex justify-content-end align-items-center gap-2 mb-3">
+        <button class="btn btn-outline-secondary btn-sm expand-all-btn"
+                data-target="{{ prefix }}">Dérouler tout</button>
+        <button class="btn btn-outline-secondary btn-sm collapse-all-btn"
+                data-target="{{ prefix }}">Replier tout</button>
+      </div>
+      <div class="accordion mb-5" id="accordion_{{ prefix }}">
+        {% for field, values in data_dict.items() %}
+          {% set clean_name = field.replace('metadata.', '').replace('_', ' ').replace('.', ' ').title() %}
+          {% set collapse_id = prefix + clean_name.replace(' ', '') %}
+          {% set is_empty = values|length == 0 %}
+          <div class="accordion-item {% if is_empty %}opacity-50{% endif %}">
+            <h2 class="accordion-header" id="heading_{{ collapse_id }}">
+              <button class="accordion-button collapsed"
+                      type="button"
+                      data-bs-toggle="collapse"
+                      data-bs-target="#collapse_{{ collapse_id }}"
+                      aria-expanded="false"
+                      aria-controls="collapse_{{ collapse_id }}">{{ clean_name }}</button>
+            </h2>
+            <div id="collapse_{{ collapse_id }}"
+                 class="accordion-collapse collapse"
+                 aria-labelledby="heading_{{ collapse_id }}"
+                 data-bs-parent="#accordion_{{ prefix }}">
+              <div class="accordion-body">
+                {% if not is_empty %}
+                  <ul class="list-group">
+                    {% for value, count_val in values.items() %}
+                      <li class="list-group-item d-flex justify-content-between align-items-center">
+                        {% if 'wet_process' in field %}
+                          <a href="{{ url_for('routes.wet_process_detail', wet_process_id=value) }}">{{ value or "—" }}</a>
+                        {% elif 'bi_process' in field %}
+                          <a href="{{ url_for('routes.bi_process_detail', bi_process_id=value) }}">{{ value or "—" }}</a>
+                        {% else %}
+                          {{ value or "—" }}
+                        {% endif %}
+                        <span class="badge bg-primary rounded-pill">{{ count_val }}</span>
+                      </li>
+                    {% endfor %}
+                  </ul>
+                {% else %}
+                  <p class="text-muted text-center">Aucune donnée disponible</p>
+                {% endif %}
+              </div>
+            </div>
+          </div>
+        {% endfor %}
+      </div>
+    {% endmacro %}
+    {% if wet_count or bi_count %}
+      <!-- Boutons toggle groupes -->
+      <div class="d-flex flex-wrap gap-2 mb-3">
+        <button id="toggle-all-filters"
+                class="btn btn-outline-primary btn-sm toggle-group-btn">Tout masquer</button>
+        <button id="toggle-wet"
+                class="btn btn-outline-secondary btn-sm toggle-group-btn"
+                data-label="Index Wet-Processes">Masquer Index Wet-Processes</button>
+        <button id="toggle-bi"
+                class="btn btn-outline-secondary btn-sm toggle-group-btn"
+                data-label="Index Bi-Processes">Masquer Index Bi-Processes</button>
+      </div>
+      <!-- Switchs pour métadonnées -->
+      <div class="row gy-3">
+        {% for data_dict, prefix in [(wet_count, 'table_wet_'), (bi_count, 'table_bi_')] %}
+          {% for field, values in data_dict.items() %}
+            {% set clean_name = field.replace('metadata.bi_process.', '')
+                          .replace('metadata.wet_process.', '')
+                          .replace('metadata.', '')
+                          .replace('_', ' ')
+                          .replace('.', ' ')
+                        .title() %}
+            {% set html_id = prefix + clean_name.replace(' ', '') %}
+            {% set is_empty = values|length == 0 %}
+            <div class="col-6 col-md-4 col-lg-3">
+              <div class="form-check form-switch {% if is_empty %}opacity-50{% endif %}">
+                <input class="form-check-input meta-toggle"
+                       type="checkbox"
+                       id="toggle_{{ html_id }}"
+                       data-target="{{ html_id }}"
+                       {% if not is_empty %}checked{% endif %}>
+                <label class="form-check-label" for="toggle_{{ html_id }}">{{ clean_name }}</label>
+              </div>
+            </div>
+          {% endfor %}
+        {% endfor %}
+      </div>
+      <!-- Vue tableau -->
+      <div id="tableView">
+        {{ render_table_section(wet_count, 'table_wet_', 'Index Wet-Processes') }}
+        {{ render_table_section(bi_count, 'table_bi_', 'Index Bi-Processes') }}
+      </div>
+      <!-- Vue liste (initialement masquée) -->
+      <div id="listView" style="display:none;">
+        {{ render_list_section(wet_count, 'list_wet_', 'Index Wet-Processes') }}
+        {{ render_list_section(bi_count, 'list_bi_', 'Index Bi-Processes') }}
+      </div>
+    {% else %}
+      <p class="text-center text-muted fs-5">Aucune donnée de métadonnées disponible pour le moment.</p>
+    {% endif %}
+    <!-- Modal graphique occurrences -->
+    <div id="chartModal" class="modal-overlay" style="display:none;">
+      <div class="modal-content"
+           role="dialog"
+           aria-modal="true"
+           aria-labelledby="modalTitle">
+        <button id="closeModalBtn" class="btn-close" aria-label="Fermer">&times;</button>
+        <h4 id="modalTitle" class="mb-3 text-center">Répartition des occurrences</h4>
+        <div class="d-flex gap-3 align-items-start">
+          <canvas id="occurrencesChart" width="300" height="300"></canvas>
+          <div>
+            <div class="mb-3 text-center">
+              <button id="toggleChartTypeBtn" class="btn btn-outline-secondary btn-sm">Changer le type de diagramme</button>
+            </div>
+            <div id="chartLegend" class="chart-legend"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Injection des données en JS -->
+  <script>
+    const metadataCountsWet = {{ wet_count | tojson }};
+    const metadataCountsBi = {{ bi_count | tojson }};
+  </script>
+  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+  <script src="{{ url_for('static', filename='js/ui.js') }}"></script>
+{% endblock content %}

genelastic/ui/templates/layout.html

@@ -1,34 +1,153 @@
 <!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>{% block title %}Genelastic{% endblock %}</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
-          rel="stylesheet"
-          integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
-          crossorigin="anonymous"
-    >
+<html lang="en" xmlns="http://www.w3.org/1999/html">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="BEx : Base Expérimentale" />
+    <meta name="keywords"
+          content="bex, base expérimentale, wet processes, bi processes, analyses" />
+    <title>
+      {% block title %}
+        Genelastic
+      {% endblock title %}
+    </title>
+    <link rel="icon"
+          href="{{ url_for('static', filename='cea.ico') }}"
+          type="image/x-icon" />
+    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap"
+          rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/bootswatch@5.3.3/dist/flatly/bootstrap.min.css"
+          rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css"
+          rel="stylesheet" />
+    <link rel="stylesheet"
+          type="text/css"
+          href="{{ url_for('static', filename='style.css') }}" />
+  </head>
+  <body class="bg-light">
+    <!-- Navbar -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+      <div class="container-fluid d-flex justify-content-between align-items-center">
+        <a class="navbar-brand d-flex align-items-center"
+           href="{{ url_for('routes.home') }}">
+          <img src="{{ url_for('static', filename='cea-cnrgh.ico') }}"
+               alt="Logo"
+               class="logo-navbar me-2" />
+        </a>
+        <!-- Onglets normaux -->
+        <div class="collapse navbar-collapse">
+          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+            <li class="nav-item">
+              <a class="nav-link" href="{{ url_for('routes.show_analyses') }}">Analyses</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="{{ url_for('routes.show_wet_processes') }}">Conditions expérimentales</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="{{ url_for('routes.show_bi_processes') }}">Conditions
+              bio-informatiques</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="{{ url_for('routes.explorer') }}">Explorer</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="{{ url_for('routes.version') }}">Version</a>
+            </li>
+          </ul>
+        </div>
+        <!-- Bouton burger toujours visible -->
+        <button id="burgerBtn"
+                class="btn btn-dark"
+                type="button"
+                aria-expanded="false"
+                aria-label="Toggle navigation">
+          <i class="bi bi-list" style="font-size: 1.5rem;"></i>
+        </button>
+      </div>
+    </nav>
+    <!-- Menu burger (panel fixe à droite, caché par défaut) -->
+    <div id="burgerMenu"
+         class="collapse bg-dark text-white shadow-lg position-fixed top-0 end-0 vh-100"
+         style="width: 250px;
+                z-index: 1050;
+                overflow-y: auto;
+                display:none">
+      <div class="p-3">
+        <button id="closeBurgerMenu" class="btn btn-outline-light mb-3 w-100">Fermer &times;</button>
+        <button onclick="location.href='{{ url_for('routes.show_analyses') }}'"
+                class="btn btn-link text-white border-bottom w-100 text-start">Analyses</button>
+        <button onclick="location.href='{{ url_for('routes.show_wet_processes') }}'"
+                class="btn btn-link text-white border-bottom w-100 text-start">Conditions expérimentales</button>
+        <button onclick="location.href='{{ url_for('routes.show_bi_processes') }}'"
+                class="btn btn-link text-white border-bottom w-100 text-start">Conditions bio-informatiques</button>
+        <button onclick="location.href='{{ url_for('routes.explorer') }}'"
+                class="btn btn-link text-white border-bottom w-100 text-start">Explorer</button>
+        <button onclick="location.href='{{ url_for('routes.version') }}'"
+                class="btn btn-link text-white w-100 text-start">Version</button>
+      </div>
+    </div>
+    <div class="container py-4">
+      {% block content %}
+      {% endblock content %}
+    </div>
+    <a href="#"
+       id="backToTop"
+       class="btn btn-primary position-fixed arrow-back-to-top">
+      <i class="bi bi-arrow-up"></i>
+    </a>
+    <script type="text/javascript" src="/static/ui.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        const backToTopBtn = document.getElementById('backToTop');
 
-</head>
-<body>
-<h1>Welcome to DEMO - genelastic UI</h1>
-<nav>
-    <a href="/">Home</a>
-    <a href="/analyses">Analyses</a>
-    <a href="/wet_processes">Wet Processes</a>
-    <a href="/bi_processes">Bi Processes</a>
-    <a href="/version">Version</a>
-</nav>
-<hr>
-<div id="content">
-    {% block content %}{% endblock %}
-</div>
+        window.addEventListener('scroll', () => {
+            if (window.scrollY > 50) {
+                backToTopBtn.style.display = 'inline-block';
+            } else {
+                backToTopBtn.style.display = 'none';
+            }
+        });
 
+        backToTopBtn.addEventListener('click', (e) => {
+            e.preventDefault();
+            window.scrollTo({
+                top: 0,
+                behavior: 'smooth'
+            });
+        });
 
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
-        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
-        crossorigin="anonymous">
-</script>
-</body>
+        // Menu burger
+        const burgerBtn = document.getElementById('burgerBtn');
+        const burgerMenu = document.getElementById('burgerMenu');
+        const closeBtn = document.getElementById('closeBurgerMenu');
+
+        burgerBtn.addEventListener('click', () => {
+            if (burgerMenu.style.display === 'block') {
+                burgerMenu.style.display = 'none';
+                burgerBtn.setAttribute('aria-expanded', 'false');
+            } else {
+                burgerMenu.style.display = 'block';
+                burgerBtn.setAttribute('aria-expanded', 'true');
+            }
+        });
+
+        closeBtn.addEventListener('click', () => {
+            burgerMenu.style.display = 'none';
+            burgerBtn.setAttribute('aria-expanded', 'false');
+        });
+
+        // Fermer le menu burger si clic en dehors
+        window.addEventListener('click', (e) => {
+            if (!burgerMenu.contains(e.target) && !burgerBtn.contains(e.target)) {
+                burgerMenu.style.display = 'none';
+                burgerBtn.setAttribute('aria-expanded', 'false');
+            }
+        });
+    </script>
+    <footer class="footer mt-auto py-3 text-white">
+      <div class="container text-center">
+        <span>&copy; 2025 CEA/CNRGH · Base Expérimentale · Tous droits réservés</span>
+      </div>
+    </footer>
+  </body>
 </html>

genelastic/ui/templates/version.html

@@ -1,9 +1,21 @@
 {% extends "layout.html" %}
-{% block title %}Version{% endblock %}
+{% block title %}
+  Version - BEx
+{% endblock title %}
 {% block content %}
-<h2 class="text-center">Genelastic Version</h2>
-<p class="text-center">{{ version }}</p>
-<div class="mt-4 text-center">
-    <a href="/" class="btn btn-primary">Back to Home</a>
-</div>
-{% endblock %}
+  <div class="container mt-5">
+    <div class="card shadow-sm text-center">
+      <div class="card-body">
+        <h2 class="mb-3">Version de Genelastic</h2>
+        <p class="lead mb-4">
+          Version actuelle:
+          <strong>{{ version }}</strong>
+        </p>
+        <a href="https://pypi.org/project/genelastic/"
+           class="btn btn-primary btn-lg"
+           target="_blank">Télécharger
+        Genelastic sur PyPI</a>
+      </div>
+    </div>
+  </div>
+{% endblock content %}

genelastic/ui/templates/wet_process_detail.html

@@ -0,0 +1,131 @@
+{% extends "layout.html" %}
+{% block title %}
+  Détails - {{ proc_id }} - BEx
+{% endblock title %}
+{% block content %}
+  <div class="container mt-5">
+    <h2 class="mb-4 text-center text-primary">
+      Détails de la condition
+      <span class="condition-details">{{ proc_id }}</span>
+    </h2>
+    {% if not error %}
+      <!-- Formulaire de sélection pour comparaison -->
+      <form method="get" class="mb-4 d-flex align-items-center gap-2">
+        <label for="compare_with" class="form-label m-0">
+          Comparer la sélection avec une condition bio-expérimentale
+          :
+        </label>
+        <select name="compare_with" id="compare_with" class="form-select w-auto ">
+          <option value="">----------</option>
+          {% for bp in bi_processes %}
+            <option value="{{ bp }}" {% if selected_bi== bp %}selected{% endif %}>{{ bp }}</option>
+          {% endfor %}
+        </select>
+        <button type="submit" class="btn btn-primary">Comparer</button>
+      </form>
+      <div class="row">
+        <!-- Wet Process -->
+        <div class="col-md-6 mb-4">
+          <div class="card shadow-lg border-0 h-100">
+            <div class="card-body">
+              <h5 class="card-title text-center">Wet Process</h5>
+              <div class="table-responsive">
+                <table class="details-table">
+                  <thead>
+                    <tr class="text-center">
+                      <th scope="col">Champ</th>
+                      <th scope="col">Valeur</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {% for key, value in wet_process.items() %}
+                      <tr>
+                        <td class="fw-bold text-capitalize">{{ key.replace('_', ' ') }}</td>
+                        <td>{{ value }}</td>
+                      </tr>
+                    {% endfor %}
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- Bi Process (s’il y en a un sélectionné) -->
+        {% if bi_process_data %}
+          <div class="col-md-6 mb-4">
+            <div class="card shadow-lg border-0 h-100">
+              <div class="card-body">
+                <h5 class="card-title text-center">
+                  Bi Process : <span class="select-compared-process">{{ selected_bi }}</span>
+                </h5>
+                {% if bi_process_data.error %}
+                  <div class="alert alert-danger text-center">{{ bi_process_data.error }}</div>
+                {% else %}
+                  <div class="table-responsive">
+                    <table class="details-table">
+                      <thead>
+                        <tr class="text-center">
+                          <th scope="col">Champ</th>
+                          <th scope="col">Valeur</th>
+                        </tr>
+                      </thead>
+                      <tbody>
+                        {% for key, value in bi_process_data.items() %}
+                          {% if key == 'steps' %}
+                            <tr>
+                              <td class="fw-bold text-capitalize">Steps</td>
+                              <td>
+                                <button class="btn btn-sm btn-primary"
+                                        type="button"
+                                        data-bs-toggle="collapse"
+                                        data-bs-target="#biStepsCollapse-{{ proc_id }}"
+                                        aria-expanded="false"
+                                        aria-controls="biStepsCollapse-{{ proc_id }}">Afficher les étapes</button>
+                                <div class="collapse mt-2" id="biStepsCollapse-{{ proc_id }}">
+                                  <div class="table-responsive">
+                                    <table class="details-table table-sm mt-2 text-center"
+                                           style="min-width: 600px">
+                                      <thead>
+                                        <tr>
+                                          <th>Commande</th>
+                                          <th>Nom</th>
+                                          <th>Version</th>
+                                          <th>Sortie</th>
+                                        </tr>
+                                      </thead>
+                                      <tbody>
+                                        {% for step in value %}
+                                          <tr>
+                                            <td>{{ step.cmd }}</td>
+                                            <td>{{ step.name }}</td>
+                                            <td>{{ step.version }}</td>
+                                            <td>{{ step.output if 'output' in step else '-' }}</td>
+                                          </tr>
+                                        {% endfor %}
+                                      </tbody>
+                                    </table>
+                                  </div>
+                                </div>
+                              </td>
+                            </tr>
+                          {% else %}
+                            <tr>
+                              <td class="fw-bold text-capitalize">{{ key.replace('_', ' ') }}</td>
+                              <td>{{ value }}</td>
+                            </tr>
+                          {% endif %}
+                        {% endfor %}
+                      </tbody>
+                    </table>
+                  </div>
+                {% endif %}
+              </div>
+            </div>
+          </div>
+        {% endif %}
+      </div>
+    {% else %}
+      <div class="p-3 mb-2 bg-danger text-white text-center" role="alert">{{ error.message }}</div>
+    {% endif %}
+  </div>
+{% endblock content %}