ui

2025-11-22 19:46:28 +02:00
parent afc55b5208
commit cb0d307775
4 changed files with 87 additions and 51 deletions
--- a/ANNOTATE/data/annotations/annotations_db.json
+++ b/ANNOTATE/data/annotations/annotations_db.json
@@ -116,23 +116,46 @@
      }
    },
    {
-      "annotation_id": "bbafc50c-f885-4dbc-b0cb-fdfb48223b5c",
+      "annotation_id": "cdf32bb9-8f0f-467d-abc2-d409a7c22bcc",
      "symbol": "ETH/USDT",
      "timeframe": "1m",
      "entry": {
-        "timestamp": "2025-11-12 07:58",
-        "price": 3424.58,
-        "index": 284
+        "timestamp": "2025-11-22 06:41",
+        "price": 2759.12,
+        "index": 250
      },
      "exit": {
-        "timestamp": "2025-11-12 11:08",
-        "price": 3546.35,
-        "index": 329
+        "timestamp": "2025-11-22 10:42",
+        "price": 2709.14,
+        "index": 335
      },
-      "direction": "LONG",
-      "profit_loss_pct": 3.5557645025083366,
+      "direction": "SHORT",
+      "profit_loss_pct": 1.8114471280698201,
      "notes": "",
-      "created_at": "2025-11-12T13:11:31.267142",
+      "created_at": "2025-11-22T13:09:16.675137",
+      "market_context": {
+        "entry_state": {},
+        "exit_state": {}
+      }
+    },
+    {
+      "annotation_id": "5cf94e70-e8f7-4c29-a860-4c2bc516bd8c",
+      "symbol": "ETH/USDT",
+      "timeframe": "1s",
+      "entry": {
+        "timestamp": "2025-11-22 11:00:30",
+        "price": 2714.28,
+        "index": 63
+      },
+      "exit": {
+        "timestamp": "2025-11-22 11:05:19",
+        "price": 2705.95,
+        "index": 90
+      },
+      "direction": "SHORT",
+      "profit_loss_pct": 0.30689538293766233,
+      "notes": "",
+      "created_at": "2025-11-22T13:09:40.711052",
      "market_context": {
        "entry_state": {},
        "exit_state": {}
@@ -140,7 +163,7 @@
    }
  ],
  "metadata": {
-    "total_annotations": 6,
-    "last_updated": "2025-11-12T13:11:31.267456"
+    "total_annotations": 7,
+    "last_updated": "2025-11-22T13:09:40.712602"
  }
 }
--- a/ANNOTATE/web/static/js/chart_manager.js
+++ b/ANNOTATE/web/static/js/chart_manager.js
@@ -462,7 +462,7 @@ class ChartManager {
            font: { color: '#f8f9fa', size: 11 },
            margin: { l: 60, r: 20, t: 10, b: 40 },
            hovermode: 'x unified',
-            dragmode: 'pan',
+            dragmode: 'zoom', // Use zoom mode for better scroll behavior
            // Performance optimizations
            autosize: true,
            staticPlot: false
@@ -473,22 +473,22 @@ class ChartManager {
            displayModeBar: true,
            modeBarButtonsToRemove: ['lasso2d', 'select2d'], // Allow autoScale2d
            displaylogo: false,
-            scrollZoom: true,
+            scrollZoom: true, // Enable mouse wheel zoom
            // Enable vertical scaling by dragging Y-axis
            doubleClick: 'reset', // Double-click to reset zoom
            showAxisDragHandles: true, // Show drag handles on axes
            showAxisRangeEntryBoxes: true, // Allow manual range entry
-            // Axis drag behavior
-            editable: true, // Make axes editable
+            // Make pivot lines and annotations read-only
+            editable: false, // Disable editing to prevent dragging shapes
            edits: {
                axisTitleText: false,
                colorbarPosition: false,
                colorbarTitleText: false,
                legendPosition: false,
                legendText: false,
-                shapePosition: true,
-                annotationPosition: true,
-                annotationTail: true,
+                shapePosition: false, // Prevent dragging pivot lines
+                annotationPosition: false, // Prevent dragging annotations
+                annotationTail: false,
                annotationText: false
            }
        };
--- a/ANNOTATE/web/templates/components/annotation_list.html
+++ b/ANNOTATE/web/templates/components/annotation_list.html
@@ -99,6 +99,12 @@
    function renderAnnotationsList(annotations) {
        const listContainer = document.getElementById('annotations-list');
        const noAnnotationsMsg = document.getElementById('no-annotations-msg');
+        const annotationCountEl = document.getElementById('annotation-count');
+
+        // Update count immediately
+        if (annotationCountEl) {
+            annotationCountEl.textContent = annotations.length;
+        }

        if (annotations.length === 0) {
            noAnnotationsMsg.style.display = 'block';
@@ -196,9 +202,6 @@

            listContainer.appendChild(item);
        });
-
-        // Update annotation count
-        document.getElementById('annotation-count').textContent = annotations.length;
    }

    function viewAnnotation(annotation) {
--- a/ANNOTATE/web/templates/components/training_panel.html
+++ b/ANNOTATE/web/templates/components/training_panel.html
@@ -78,18 +78,20 @@
                </select>
            </div>
            
-            <button class="btn btn-success btn-sm w-100" id="start-inference-btn">
-                <i class="fas fa-play"></i>
-                Start Live Inference (No Training)
-            </button>
-            <button class="btn btn-info btn-sm w-100 mt-1" id="start-inference-pivot-btn">
-                <i class="fas fa-chart-line"></i>
-                Live Inference + Pivot Training
-            </button>
-            <button class="btn btn-primary btn-sm w-100 mt-1" id="start-inference-candle-btn">
-                <i class="fas fa-graduation-cap"></i>
-                Live Inference + Per-Candle Training
-            </button>
+            <div id="inference-buttons-container">
+                <button class="btn btn-success btn-sm w-100" id="start-inference-btn">
+                    <i class="fas fa-play"></i>
+                    Start Live Inference (No Training)
+                </button>
+                <button class="btn btn-info btn-sm w-100 mt-1" id="start-inference-pivot-btn">
+                    <i class="fas fa-chart-line"></i>
+                    Live Inference + Pivot Training
+                </button>
+                <button class="btn btn-primary btn-sm w-100 mt-1" id="start-inference-candle-btn">
+                    <i class="fas fa-graduation-cap"></i>
+                    Live Inference + Per-Candle Training
+                </button>
+            </div>
            <button class="btn btn-danger btn-sm w-100 mt-1" id="stop-inference-btn" style="display: none;">
                <i class="fas fa-stop"></i>
                Stop Inference
@@ -294,18 +296,26 @@
    }

    function updateButtonState() {
-        const modelSelect = document.getElementById('model-select');
-        const trainBtn = document.getElementById('train-model-btn');
-        const loadBtn = document.getElementById('load-model-btn');
-        const inferenceBtn = document.getElementById('start-inference-btn');
+        // Get UI elements
+        const ui = {
+            modelSelect: document.getElementById('model-select'),
+            trainBtn: document.getElementById('train-model-btn'),
+            loadBtn: document.getElementById('load-model-btn'),
+            inferenceContainer: document.getElementById('inference-buttons-container')
+        };

-        selectedModel = modelSelect.value;
+        selectedModel = ui.modelSelect.value;
+        
+        // Helper to set all buttons in container
+        const setInferenceButtonsState = (disabled) => {
+            ui.inferenceContainer.querySelectorAll('button').forEach(btn => btn.disabled = disabled);
+        };

        if (!selectedModel) {
-            // No model selected
-            trainBtn.style.display = 'none';
-            loadBtn.style.display = 'none';
-            inferenceBtn.disabled = true;
+            // No model selected - disable all inference buttons
+            ui.trainBtn.style.display = 'none';
+            ui.loadBtn.style.display = 'none';
+            setInferenceButtonsState(true);
            return;
        }

@@ -313,15 +323,15 @@
        const modelState = modelStates.find(m => m.name === selectedModel);

        if (modelState && modelState.loaded) {
-            // Model is loaded - show train/inference buttons
-            trainBtn.style.display = 'block';
-            loadBtn.style.display = 'none';
-            inferenceBtn.disabled = false;
+            // Model is loaded - enable all buttons
+            ui.trainBtn.style.display = 'block';
+            ui.loadBtn.style.display = 'none';
+            setInferenceButtonsState(false);
        } else {
-            // Model not loaded - show load button
-            trainBtn.style.display = 'none';
-            loadBtn.style.display = 'block';
-            inferenceBtn.disabled = true;
+            // Model not loaded - disable all inference buttons
+            ui.trainBtn.style.display = 'none';
+            ui.loadBtn.style.display = 'block';
+            setInferenceButtonsState(true);
        }
    }