Spaces:

iyadsultan
/

human_evaluator

Running

iyadsultan commited on Jun 9, 2025

Commit

d016624

1 Parent(s): 59cfd68

Refactor evaluation process and enhance navigation controls

Update the evaluation function to handle skip and stop_save actions before validation, improving user experience. Remove the description field from the evaluation data submission. Revamp the top navigation styles and structure in the HTML and CSS to provide clearer access to navigation buttons, ensuring a more intuitive interface for users.

Files changed (3) hide show

app.py +3 -1
static/style.css +30 -6
templates/evaluate.html +24 -12

app.py CHANGED Viewed

@@ -385,6 +385,7 @@ def evaluate():
     if request.method == 'POST':
         action = request.form.get('action', 'submit')
         if action == 'skip':
             current_index = min(current_index + 1, len(documents) + 1)
             save_current_index(evaluator_name, current_index)
@@ -395,6 +396,7 @@ def evaluate():
             flash("Progress saved. You can resume later.")
             return redirect(url_for('results', session_saved=True))
         elif action == 'submit':
             if current_index <= len(documents):
                 current_doc = documents[current_index - 1]
@@ -451,7 +453,7 @@ def evaluate():
         current_note_number=current_index,
         evaluator_name=evaluator_name,
         note=document.get('note', ''),
-        description=document.get('description', ''),
         mrn=document.get('mrn', ''),
         criteria=CRITERIA,
         descriptions=CRITERIA_DESCRIPTIONS,

     if request.method == 'POST':
         action = request.form.get('action', 'submit')
+        # Handle skip and stop_save BEFORE any validation
         if action == 'skip':
             current_index = min(current_index + 1, len(documents) + 1)
             save_current_index(evaluator_name, current_index)
             flash("Progress saved. You can resume later.")
             return redirect(url_for('results', session_saved=True))
+        # Only validate fields for submit action
         elif action == 'submit':
             if current_index <= len(documents):
                 current_doc = documents[current_index - 1]
         current_note_number=current_index,
         evaluator_name=evaluator_name,
         note=document.get('note', ''),
+        # Removed description from here
         mrn=document.get('mrn', ''),
         criteria=CRITERIA,
         descriptions=CRITERIA_DESCRIPTIONS,

static/style.css CHANGED Viewed

@@ -196,24 +196,34 @@ h1, h2, h3 {
     margin: 20px 0;
 }
-.navigation-controls {
-    background-color: #f8f9fa;
     padding: 15px;
     border-radius: 8px;
-    margin-bottom: 20px;
     border: 1px solid #dee2e6;
 }
 .jump-form {
     display: flex;
     align-items: center;
     gap: 10px;
-    justify-content: center;
 }
 .jump-form label {
     font-weight: bold;
     color: #333;
 }
 .jump-form input[type="number"] {
@@ -341,10 +351,24 @@ h1, h2, h3 {
         align-items: center;
     }
-    .jump-form {
         flex-direction: column;
         gap: 15px;
-        text-align: center;
     }
     .jump-form input[type="number"] {

     margin: 20px 0;
 }
+/* Updated styles for top navigation */
+.top-navigation-buttons {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    justify-content: space-between;
+    margin-bottom: 20px;
     padding: 15px;
+    background-color: #f8f9fa;
     border-radius: 8px;
     border: 1px solid #dee2e6;
 }
+.top-navigation-buttons form {
+    margin: 0;
+}
 .jump-form {
     display: flex;
     align-items: center;
     gap: 10px;
+    margin: 0 !important;
 }
 .jump-form label {
     font-weight: bold;
     color: #333;
+    margin: 0;
 }
 .jump-form input[type="number"] {
         align-items: center;
     }
+    .top-navigation-buttons {
         flex-direction: column;
         gap: 15px;
+        align-items: stretch;
+    }
+    .top-navigation-buttons form {
+        width: 100%;
+    }
+    .top-navigation-buttons button {
+        width: 100%;
+    }
+    .jump-form {
+        flex-direction: row;
+        justify-content: center;
+        width: 100%;
     }
     .jump-form input[type="number"] {

templates/evaluate.html CHANGED Viewed

@@ -27,6 +27,17 @@
         .origin-option input[type="radio"] {
             margin: 0;
         }
     </style>
 </head>
 <body>
@@ -54,9 +65,18 @@
             </div>
         </div>
-        <div class="navigation-controls">
-            <form method="POST" action="{{ url_for('jump_to_document') }}" class="jump-form">
-                <label for="document_number">Jump to Note Number:</label>
                 <input type="number" id="document_number" name="document_number"
                        min="1" max="{{ total_docs }}" value="{{ current_note_number }}" required>
                 <button type="submit" class="jump-btn">Jump</button>
@@ -71,18 +91,13 @@
                     <strong>MRN:</strong> {{ mrn }}
                 </div>
                 {% endif %}
-                {% if description %}
-                <div class="info-item">
-                    <strong>Description:</strong> {{ description }}
-                </div>
-                {% endif %}
             </div>
             <div class="note-content">
                 {{ note }}
             </div>
         </div>
-        <!-- Single form for all evaluation data -->
         <form method="POST" action="{{ url_for('evaluate') }}" id="evaluation-form">
             <div class="criteria-container">
                 {% for i in range(criteria|length) %}
@@ -119,9 +134,6 @@
             <div class="form-buttons">
                 <button type="submit" name="action" value="submit" class="submit-btn">Submit Evaluation</button>
-                <button type="submit" name="action" value="skip" class="skip-btn"
-                        onclick="return confirm('Are you sure you want to skip this document?');">Skip Document</button>
-                <button type="submit" name="action" value="stop_save" class="stop-save-btn">Stop and Save Progress</button>
             </div>
         </form>

         .origin-option input[type="radio"] {
             margin: 0;
         }
+        .top-navigation-buttons {
+            display: flex;
+            gap: 10px;
+            justify-content: flex-end;
+            margin-bottom: 20px;
+            padding: 15px;
+            background-color: #f8f9fa;
+            border-radius: 8px;
+            border: 1px solid #dee2e6;
+        }
     </style>
 </head>
 <body>
             </div>
         </div>
+        <!-- Top navigation buttons for Skip and Exit -->
+        <div class="top-navigation-buttons">
+            <form method="POST" action="{{ url_for('evaluate') }}" style="display: inline;">
+                <button type="submit" name="action" value="skip" class="skip-btn">Skip Document</button>
+            </form>
+            <form method="POST" action="{{ url_for('evaluate') }}" style="display: inline;">
+                <button type="submit" name="action" value="stop_save" class="stop-save-btn">Exit and Save Progress</button>
+            </form>
+            <form method="POST" action="{{ url_for('jump_to_document') }}" class="jump-form" style="display: inline; margin-left: 20px;">
+                <label for="document_number">Jump to Note:</label>
                 <input type="number" id="document_number" name="document_number"
                        min="1" max="{{ total_docs }}" value="{{ current_note_number }}" required>
                 <button type="submit" class="jump-btn">Jump</button>
                     <strong>MRN:</strong> {{ mrn }}
                 </div>
                 {% endif %}
             </div>
             <div class="note-content">
                 {{ note }}
             </div>
         </div>
+        <!-- Single form for evaluation data -->
         <form method="POST" action="{{ url_for('evaluate') }}" id="evaluation-form">
             <div class="criteria-container">
                 {% for i in range(criteria|length) %}
             <div class="form-buttons">
                 <button type="submit" name="action" value="submit" class="submit-btn">Submit Evaluation</button>
             </div>
         </form>