export csv

This commit is contained in:
2026-05-11 23:04:04 +02:00
parent 13141bc46a
commit 15c01c483f
11 changed files with 391 additions and 285 deletions
@@ -19,7 +19,7 @@
<div class="w3-margin-left w3-margin-bottom">
{% for ss in experiments %}
<input class="" type="radio" name="_expid" value="{{ ss.id }}" {% if ss.id == current_experiment.id %}checked{% endif %} onchange="this.form.submit()" >
<label>{{ ss.multiwell }}</label>
<label>{{ ss }}</label>
{% endfor %}
</div>
</form>
@@ -54,14 +54,6 @@
</header>
<div class="w3-container w3-padding">
<div class="w3-row w3-row-padding">
<!-- identifier -->
<div class="w3-half">
<label class="w3-text-teal"><b>{{ form.identifier.label }}</b></label>
{{ form.identifier }}
{% if form.identifier.errors %}
<span class="w3-text-red w3-small">{{ form.identifier.errors|join:", " }}</span>
{% endif %}
</div>
<!-- author -->
<div class="w3-half w3-margin-bottom">
@@ -3,7 +3,6 @@
{% block content %}
<div class="w3-container w3-padding" style="max-width:1200px; margin:auto;">
<!-- En-tête -->
<div class="w3-panel w3-teal w3-round-large w3-padding-16 w3-margin-bottom">
<div class="w3-row">
@@ -21,7 +20,6 @@
</div>
</div>
</div>
<!-- Messages Django -->
{% for message in messages %}
<div class="w3-panel w3-round alert
@@ -137,15 +135,17 @@
title="{% trans 'Interactions inter-individus' %}">🔀</span>
{% endif %}
</td>
<!-- Date de création -->
<td class="w3-hide-small w3-small w3-text-grey">
{{ cfg.created_at|date:"d/m/Y H:i" }}
</td>
<!-- Actions -->
<td style="white-space:nowrap;">
{% if current_session and current_experiment %}
<a href="{% url 'planarian:experiment-edit' cfg.pk current_session.id current_experiment.id %}"
{% else %}
<a href="{% url 'planarian:experiment-edit' cfg.pk %}"
{% endif %}
class="w3-button w3-small w3-teal w3-round"
title="{% trans 'Modifier' %}"></a>
<a href="{% url 'planarian:export-csv' %}?experiment={{ cfg.experiment }}&well={{ cfg.well }}"
@@ -1,39 +1,10 @@
{% extends "planarian/base.html" %}
{% load i18n %}
{% block content %}
<div class="w3-container w3-padding" style="max-width:760px; margin:auto;">
<!-- En-tête -->
<div class="w3-panel w3-blue w3-round-large w3-padding-16 w3-margin-bottom">
<div class="w3-row">
<div class="w3-col s12 m8 w3-bar-item">
<span class="w3-xlarge">
📥 {% trans "Exporter les données vers CSV" %}
</span>
</div>
<div class="w3-col s12 m4 w3-bar-item w3-right-align" style="padding-top:6px;">
<a href="{% url 'planarian:experiment-list' %}"
class="w3-button w3-white w3-round w3-text-blue">
← {% trans "Retour à la liste" %}
</a>
</div>
</div>
</div>
<!-- Messages Django -->
{% for message in messages %}
<div class="w3-panel w3-round
{% if message.tags == 'success' %}w3-green
{% elif message.tags == 'error' %}w3-red
{% elif message.tags == 'warning' %}w3-orange
{% else %}w3-blue{% endif %}">
<p>{{ message }}</p>
</div>
{% endfor %}
{% if current_session and current_experiment %}
{% include "inc/alert.html" %}
<!-- Explication -->
<div class="w3-panel w3-pale-blue w3-round w3-margin-bottom">
<p>
@@ -44,89 +15,54 @@
{% trans "Colonnes exportées compatibles EthoVision XT : distance, vitesse, états de mobilité, thigmotactisme." %}
</p>
</div>
<!-- Formulaire -->
<form method="post" novalidate>
{% csrf_token %}
<input type="hidden" id="_sid" name="_sid" value="{{ current_session.id }}">
<input type="hidden" id="_expid" name="_expid" value="{{ current_experiment.id }}">
{% if form.non_field_errors %}
<div class="w3-panel w3-red w3-round">
{% for error in form.non_field_errors %}
<p>⚠ {{ error }}</p>
{% endfor %}
</div>
{% endif %}
<div class="w3-card-4 w3-border w3-round w3-round-large">
<header class="w3-container w3-blue w3-round w3-round-top-large">
<h3 class="w3-text-white">{% trans "Paramètres d'export" %}</h3>
</header>
<div class="w3-container w3-padding-24">
<!-- Ligne 1 : expérience + puits -->
<div class="w3-row-padding w3-margin-bottom">
<div class="w3-col m7 s12 w3-margin-bottom">
<label class="w3-text-blue"><b>{{ form.experiment.label }}</b></label>
{% if form.experiment.help_text %}
<p class="w3-small w3-text-grey" style="margin:0 0 4px;">{{ form.experiment.help_text }}</p>
{% endif %}
<select id="experiment-list">
{% for cfg in experiments %}
<option value="{{ cfg.identifier}}" {% if current_experiment.identifier == cfg.identifier %}selected{% endif %} >{{ cfg.identifier }}</option>
{% endfor %}
</select>
{% if form.experiment.errors %}
<!--span class="w3-text-red w3-small">{{ form.experiment.errors|join:", " }}</span-->
{% endif %}
<label class="w3-text-blue"><b>{% trans "Expérience" %}</b></label>
<input type="text" name="experiment" value="{{ current_experiment.identifier }}" readonly/>
</div>
<div class="w3-col m5 s12 w3-margin-bottom">
<label class="w3-text-blue"><b>{{ form.well.label }}</b></label>
<select id="id_well">
{% for w in well_choices %}
<option value="{{ w.name }}">{{ w.name }}</option>
<label class="w3-text-blue"><b>{% trans "Puits" %}</b></label>
<select name="well">
{% for well in well_choices %}
<option value="{{ well.name }}">{{ well.name }}</option>
{% endfor %}
</select>
{% if form.well.errors %}
<span class="w3-text-red w3-small">{{ form.well.errors|join:", " }}</span>
{% endif %}
</div>
</div>
<!-- Ligne 2 : planaire + type d'enregistrement -->
<div class="w3-row-padding w3-margin-bottom">
<div class="w3-col m4 s12 w3-margin-bottom">
<label class="w3-text-blue"><b>{{ form.planarian.label }}</b></label>
<label class="w3-text-blue"><b>{% trans "Index planaire" %}</b></label>
<p class="w3-small w3-text-light-grey" style="margin:0 0 4px;">
{% trans "Index du planaire dans le puits (commence à 0)" %}
</p>
{{ form.planarian }}
{% if form.planarian.errors %}
<span class="w3-text-red w3-small">{{ form.planarian.errors|join:", " }}</span>
{% endif %}
<input type="number" name="planarian" step="1" min="0" max="20" value="{{ planarian }}" />
</div>
<div class="w3-col m8 s12 w3-margin-bottom">
<label class="w3-text-blue"><b>{{ form.record_type.label }}</b></label>
<label class="w3-text-blue"><b>{% trans "Type d'enregistrement" %}</b></label>
<p class="w3-small w3-text-light-grey" style="margin:0 0 4px;">
{% trans "Frame par frame : une ligne par image. Résumé : métriques agrégées de la session." %}
</p>
<!-- Radio buttons stylisés W3 -->
<div class="w3-row-padding" style="margin-top:6px;">
{{ form.record_type }}
</div>
{% if form.record_type.errors %}
<span class="w3-text-red w3-small">{{ form.record_type.errors|join:", " }}</span>
{% endif %}
<select name="record_type">
<option value="frame">{% trans "Frame par frame" %}</option>
<option value="summary">{% trans "Résumé" %}</option>
</select>
</div>
</div>
<!-- Ligne 3 : plage temporelle (optionnel) -->
<div class="w3-border-top w3-padding-top w3-margin-top">
<p class="w3-text-blue-grey">
@@ -136,36 +72,26 @@
</span>
</p>
<div class="w3-row-padding">
<div class="w3-col m6 s12 w3-margin-bottom">
<label class="w3-text-blue-grey">{{ form.start_dt.label }}</label>
{{ form.start_dt }}
{% if form.start_dt.errors %}
<span class="w3-text-red w3-small">{{ form.start_dt.errors|join:", " }}</span>
{% endif %}
<label class="w3-text-blue-grey">{% trans "Début (UTC)" %}</label>
<input type="datetime-local" class="datetime" name="start_dt">
</div>
<div class="w3-col m6 s12 w3-margin-bottom">
<label class="w3-text-blue-grey">{{ form.stop_dt.label }}</label>
{{ form.stop_dt }}
{% if form.stop_dt.errors %}
<span class="w3-text-red w3-small">{{ form.stop_dt.errors|join:", " }}</span>
{% endif %}
<label class="w3-text-blue-grey">{% trans "Fin (UTC)" %}</label>
<input type="datetime-local" class="datetime" name="stop_dt">
</div>
</div>
</div>
</div><!-- fin padding -->
</div><!-- fin card -->
<!-- Boutons -->
<div class="w3-row-padding w3-margin-top">
<div class="w3-col s12">
<button type="submit" class="w3-button w3-blue w3-large w3-padding-large">
<button type="submit" name="valid" class="w3-button w3-blue w3-large w3-padding-large" value="ok">
📥 {% trans "Générer et télécharger le CSV" %}
</button>
<a href="{% url 'planarian:experiment-list' %}"
<a href="/"
class="w3-button w3-light-grey w3-round w3-large w3-padding-large w3-margin-left">
✖ {% trans "Annuler" %}
</a>
@@ -173,7 +99,6 @@
</div>
</form>
<!-- Rappel des colonnes exportées -->
<div class="w3-card w3-round-large w3-margin-top w3-border w3-round w3-round-large w3-margin-bottom">
<header class="w3-container w3-blue-grey w3-round w3-round-top-large">
@@ -209,9 +134,7 @@
</div>
</div>
</div>
</div><!-- fin container -->
<style>
input[type="text"],
input[type="number"],
@@ -231,10 +154,10 @@
outline: none;
background-color: #fff;
}
/* Masquer le radio natif, laisser le label stylisé */
.w3-button input[type="radio"] {
display: none;
}
</style>
{% else %}
<div class="w3-container w3-padding-64 w3-margin" style="max-width:760px; margin:auto;">
<h3 class="w3-panel w3-blue w3-round-xlarge w3-padding-64 w3-center"> {% trans "Choisir une session" %}</h3>
</div>
{% endif %}
{% endblock %}
@@ -0,0 +1,233 @@
{% extends "planarian/base.html" %}
{% load i18n %}
{% block content %}
<div class="w3-container w3-padding" style="max-width:760px; margin:auto;">
{% if current_session and current_experiment %}
<!-- En-tête -->
<div class="w3-panel w3-blue w3-round-large w3-padding-16 w3-margin-bottom">
<div class="w3-row">
<div class="w3-col s12 m8 w3-bar-item">
<span class="w3-xlarge">
📥 {% trans "Exporter les données vers CSV" %}
</span>
</div>
<div class="w3-col s12 m4 w3-bar-item w3-right-align" style="padding-top:6px;">
<a href="/"
class="w3-button w3-white w3-round w3-text-blue">
← {% trans "Retour" %}
</a>
</div>
</div>
</div>
<!-- Messages Django -->
{% for message in messages %}
<div class="w3-panel w3-round
{% if message.tags == 'success' %}w3-green
{% elif message.tags == 'error' %}w3-red
{% elif message.tags == 'warning' %}w3-orange
{% else %}w3-blue{% endif %}">
<p>{{ message }}</p>
</div>
{% endfor %}
<!-- Explication -->
<div class="w3-panel w3-pale-blue w3-round w3-margin-bottom">
<p>
{% trans "Sélectionnez l'expérience, le puits et le type d'enregistrement à exporter." %}
{% trans "Le fichier CSV sera généré depuis ReductStore et téléchargé directement." %}
</p>
<p class="w3-small w3-text-grey" style="margin:0;">
{% trans "Colonnes exportées compatibles EthoVision XT : distance, vitesse, états de mobilité, thigmotactisme." %}
</p>
</div>
<!-- Formulaire -->
<form method="post" novalidate>
{% csrf_token %}
<input type="hidden" id="_sid" name="_sid" value="{{ current_session.id }}">
<input type="hidden" id="_expid" name="_expid" value="{{ current_experiment.id }}">
{% if form.non_field_errors %}
<div class="w3-panel w3-red w3-round">
{% for error in form.non_field_errors %}
<p>⚠ {{ error }}</p>
{% endfor %}
</div>
{% endif %}
<div class="w3-card-4 w3-border w3-round w3-round-large">
<header class="w3-container w3-blue w3-round w3-round-top-large">
<h3 class="w3-text-white">{% trans "Paramètres d'export" %}</h3>
</header>
<div class="w3-container w3-padding-24">
<!-- Ligne 1 : expérience + puits -->
<div class="w3-row-padding w3-margin-bottom">
<div class="w3-col m7 s12 w3-margin-bottom">
<label class="w3-text-blue"><b>{{ form.experiment.label }}</b></label>
{% if form.experiment.help_text %}
<p class="w3-small w3-text-grey" style="margin:0 0 4px;">{{ form.experiment.help_text }}</p>
{% endif %}
{{ form.experiment }}
{% if form.experiment.errors %}
<!--span class="w3-text-red w3-small">{{ form.experiment.errors|join:", " }}</span-->
{% endif %}
</div>
<div class="w3-col m5 s12 w3-margin-bottom">
<label class="w3-text-blue"><b>{{ form.well.label }}</b></label>
{{ form.well }}
{% if form.well.errors %}
<span class="w3-text-red w3-small">{{ form.well.errors|join:", " }}</span>
{% endif %}
</div>
</div>
<!-- Ligne 2 : planaire + type d'enregistrement -->
<div class="w3-row-padding w3-margin-bottom">
<div class="w3-col m4 s12 w3-margin-bottom">
<label class="w3-text-blue"><b>{{ form.planarian.label }}</b></label>
<p class="w3-small w3-text-light-grey" style="margin:0 0 4px;">
{% trans "Index du planaire dans le puits (commence à 0)" %}
</p>
{{ form.planarian }}
{% if form.planarian.errors %}
<span class="w3-text-red w3-small">{{ form.planarian.errors|join:", " }}</span>
{% endif %}
</div>
<div class="w3-col m8 s12 w3-margin-bottom">
<label class="w3-text-blue"><b>{{ form.record_type.label }}</b></label>
<p class="w3-small w3-text-light-grey" style="margin:0 0 4px;">
{% trans "Frame par frame : une ligne par image. Résumé : métriques agrégées de la session." %}
</p>
<!-- Radio buttons stylisés W3 -->
<div class="w3-row-padding" style="margin-top:6px;">
{{ form.record_type }}
</div>
{% if form.record_type.errors %}
<span class="w3-text-red w3-small">{{ form.record_type.errors|join:", " }}</span>
{% endif %}
</div>
</div>
<!-- Ligne 3 : plage temporelle (optionnel) -->
<div class="w3-border-top w3-padding-top w3-margin-top">
<p class="w3-text-blue-grey">
<b>{% trans "Plage temporelle" %}</b>
<span class="w3-small w3-text-grey w3-margin-left">
{% trans "(optionnel — laisser vide pour exporter toute la session)" %}
</span>
</p>
<div class="w3-row-padding">
<div class="w3-col m6 s12 w3-margin-bottom">
<label class="w3-text-blue-grey">{{ form.start_dt.label }}</label>
{{ form.start_dt }}
{% if form.start_dt.errors %}
<span class="w3-text-red w3-small">{{ form.start_dt.errors|join:", " }}</span>
{% endif %}
</div>
<div class="w3-col m6 s12 w3-margin-bottom">
<label class="w3-text-blue-grey">{{ form.stop_dt.label }}</label>
{{ form.stop_dt }}
{% if form.stop_dt.errors %}
<span class="w3-text-red w3-small">{{ form.stop_dt.errors|join:", " }}</span>
{% endif %}
</div>
</div>
</div>
</div><!-- fin padding -->
</div><!-- fin card -->
<!-- Boutons -->
<div class="w3-row-padding w3-margin-top">
<div class="w3-col s12">
<button type="submit" class="w3-button w3-blue w3-large w3-padding-large">
📥 {% trans "Générer et télécharger le CSV" %}
</button>
<a href="/"
class="w3-button w3-light-grey w3-round w3-large w3-padding-large w3-margin-left">
✖ {% trans "Annuler" %}
</a>
</div>
</div>
</form>
<!-- Rappel des colonnes exportées -->
<div class="w3-card w3-round-large w3-margin-top w3-border w3-round w3-round-large w3-margin-bottom">
<header class="w3-container w3-blue-grey w3-round w3-round-top-large">
<h4 class="w3-text-white" style="margin:8px 0;">
{% trans "Colonnes du fichier CSV exporté" %}
</h4>
</header>
<div class="w3-container w3-padding-16">
<div class="w3-row-padding">
<div class="w3-col m6 s12">
<p class="w3-text-blue-grey w3-small"><b>{% trans "Identification / position" %}</b></p>
<ul class="w3-ul w3-small w3-border w3-round">
<li><code>timestamp</code></li>
<li><code>x_mm</code> / <code>y_mm</code></li>
<li><code>cx_px</code> / <code>cy_px</code></li>
<li><code>area_px</code></li>
<li><code>axial_pos</code> / <code>axial_speed</code></li>
</ul>
</div>
<div class="w3-col m6 s12">
<p class="w3-text-blue-grey w3-small"><b>{% trans "Métriques EthoVision XT" %}</b></p>
<ul class="w3-ul w3-small w3-border w3-round">
<li><code>velocity_mm_s</code> — {% trans "vitesse instantanée" %}</li>
<li><code>total_distance_mm</code> — {% trans "distance cumulée" %}</li>
<li><code>moving</code> / <code>duration_moving_s</code></li>
<li><code>mobility_state</code> — {% trans "Immobile / Mobile / Highly mobile" %}</li>
<li><code>dist_to_wall_mm</code> / <code>near_wall</code></li>
</ul>
</div>
</div>
</div>
</div>
</div><!-- fin container -->
<style>
input[type="text"],
input[type="number"],
input[type="datetime-local"],
select {
width: 100%;
padding: 8px 12px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 15px;
box-sizing: border-box;
background-color: #fafafa;
transition: border-color 0.2s;
}
input:focus, select:focus {
border-color: #2196F3;
outline: none;
background-color: #fff;
}
/* Masquer le radio natif, laisser le label stylisé */
.w3-button input[type="radio"] {
display: none;
}
</style>
{% endif %}
{% endblock %}