From adef1736e5aaf6aae64028b755ae45652f5a586b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=B4me=20Delacotte?= <souti@free.fr>
Date: Sat, 10 May 2025 17:09:59 +0200
Subject: [PATCH] Ajout analyse de rapports

---
 README.md                  |  9 ++++++++
 requirements.txt           |  1 +
 src/app.py                 | 22 +++++++++++++++++-
 src/static/js/functions.js | 46 +++++++++++++++++++++++++++++++++++++-
 src/templates/index.html   | 14 +++++++++++-
 5 files changed, 89 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 95fe459..53240c8 100644
--- a/README.md
+++ b/README.md
@@ -9,3 +9,12 @@ docker build -t flask-web-app .
 docker run -it -p 5000:5000 -v $(pwd)/src/:/src -v /home/jerome/Perso/freqtradeDocker/user_data/:/mnt/external flask-web-app bash
 
 puis : python3 app.py
+
+## librairies
+
+    ### Génération d'un rapport sur le dataframe 
+ydata-profiling : https://github.com/ydataai/ydata-profiling
+
+        profile = ProfileReport(dataframe, tsmode=True, sortby="date", title="Time-Series EDA")
+
+        profile.to_file("report_timeseries.html")
\ No newline at end of file
diff --git a/requirements.txt b/requirements.txt
index 615cb11..7669346 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -9,3 +9,4 @@ Werkzeug==2.2.3
 joblib==1.4.2
 pyarrow
 pandas-ta
+ydata-profiling
\ No newline at end of file
diff --git a/src/app.py b/src/app.py
index 9089614..80bff17 100644
--- a/src/app.py
+++ b/src/app.py
@@ -6,7 +6,7 @@ import os
 import pickle
 import joblib
 from io import TextIOWrapper
-
+from ydata_profiling import ProfileReport
 
 app = Flask(__name__)
 FREQTRADE_USERDATA_DIR = '/mnt/external'
@@ -126,6 +126,26 @@ def read_feather(filename):
         print(e)
         return jsonify({"error": str(e)}), 500
 
+@app.route('/generate_report')
+def generate_report():
+    filename = request.args.get('filename', '')
+    path = os.path.join(FREQTRADE_USERDATA_DIR + "/data/binance/", filename)
+    print(path)
+    indicators = request.args.get('indicators', '').split(',')
+    print(indicators)
+
+    try:
+        dataframe = pd.read_feather(path)
+        print(dataframe.columns)
+        df = dataframe[indicators]
+        profile = ProfileReport(df.loc[1:100], tsmode=True, sortby="date", title="Time-Series EDA")
+
+        profile.to_file(FREQTRADE_USERDATA_DIR + "/reports/report_timeseries.html")
+        return dataframe.to_json(orient="records")
+    except Exception as e:
+        print(e)
+        return jsonify({"error": str(e)}), 500
+
 @app.route('/get_chart_data')
 def get_chart_data():
     filename = request.args.get('filename', '')
diff --git a/src/static/js/functions.js b/src/static/js/functions.js
index 30d6ff4..474fa70 100644
--- a/src/static/js/functions.js
+++ b/src/static/js/functions.js
@@ -497,10 +497,36 @@ function loadFeather(filename) {
     element.value = filename
     fetch(`/read_feather/${filename}`)
         .then(response => response.json())
-        .then(data => renderChart(data, filename, true) );
+        .then(data => {
+            renderChart(data, filename, true)
+            initReport(data)
+        })
+}
+
+function initReport(data) {
+    string = "<ul class='indicators'>" +
+    Object.keys(data[0])
+//        .filter(key => !['date', 'open', 'close', 'volume', 'high', 'low'].includes(key))
+        .map(cols => `<li><label><input id="${cols}" type="checkbox" value="${cols}" onchange="toggleReportIndicator(this)">${cols}</label></li>`)
+        .join('') +
+    "</ul>"
+
+    const indicators = document.getElementById('indicatorsReport')
+    indicators.innerHTML = string
+}
+
+function generateReport() {
+
+    const element = document.getElementById('current_file_name');
+    let filename = element.value
+    const indicators = Array.from(selectedReportIndicators).join(',');
+
+    fetch(`/generate_report?filename=${filename}&indicators=${indicators}`)
+        .then(alert('Generation en cours'));
 }
 
 let selectedIndicators = new Set();
+let selectedReportIndicators = new Set();
 
 function toggleIndicator(checkbox) {
     const indicator = checkbox.value;
@@ -511,6 +537,15 @@ function toggleIndicator(checkbox) {
     }
     loadChartWithIndicators();
 }
+function toggleReportIndicator(checkbox) {
+    const indicator = checkbox.value;
+    if (checkbox.checked) {
+        selectedReportIndicators.add(indicator);
+    } else {
+        selectedReportIndicators.delete(indicator);
+    }
+}
+
 
 function loadChartWithIndicators() {
     const element = document.getElementById('current_file_name');
@@ -542,4 +577,13 @@ function init() {
     document.getElementById('closeIndicatorsBtn').addEventListener('click', () => {
       dialog.close();
     });
+
+    const dialogReport = document.getElementById('indicatorReportDialog');
+    document.getElementById('openIndicatorsReportBtn').addEventListener('click', () => {
+      dialogReport.showModal();
+    });
+
+    document.getElementById('closeIndicatorsReportBtn').addEventListener('click', () => {
+      dialogReport.close();
+    });
 }
\ No newline at end of file
diff --git a/src/templates/index.html b/src/templates/index.html
index fdcd168..5380c16 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -30,7 +30,7 @@
         {% endfor %}
     </select>
 
-    <button id="openIndicatorsBtn" style="height: 40px;">Afficher les indicateurs</button>
+    <button id="openIndicatorsBtn" style="height: 40px;">Grahique / Indicateurs</button>
 
     <dialog id="indicatorDialog">
       <h3>Indicateurs</h3>
@@ -40,6 +40,18 @@
       <button id="closeIndicatorsBtn">Fermer</button>
     </dialog>
 
+    <button id="openIndicatorsReportBtn" style="height: 40px;">Rapport / Indicateurs</button>
+
+    <dialog id="indicatorReportDialog">
+      <h3>Rapport</h3>
+      <div id="indicatorsReport">
+        <!-- Contenu dynamique ici -->
+      </div>
+      <button id="closeIndicatorsReportBtn">Fermer</button>
+      <button id="generateReport" style="height: 40px;" onclick="generateReport(this.value)">Rapport</button>
+
+    </dialog>
+
 </div>
 <div id='content' class="content">
     <div id="json-tabs">