update

templates/experiment.html

@@ -96,25 +96,27 @@
         <h1>{{ sample_id + 1 }} / 10</h1>
         <p><strong>Task description:</strong> {{ statement }}</p>
         <div class="visualization-container">
+            {% set methods = ['No-XAI', 'Dater', 'Chain-of-Table', 'Plan-of-SQLs'] %}
+            {% set method_a, method_b = random.sample(methods, 2) %}
             <div class="visualization">
                 <h2>{{ method_a }}</h2>
-                <iframe src="{{ visualization_a }}" width="100%" height="100%" frameborder="0"></iframe>
+                <iframe src="{{ visualizations[method_a] }}" width="100%" height="100%" frameborder="0"></iframe>
             </div>
             <div class="visualization">
                 <h2>{{ method_b }}</h2>
-                <iframe src="{{ visualization_b }}" width="100%" height="100%" frameborder="0"></iframe>
+                <iframe src="{{ visualizations[method_b] }}" width="100%" height="100%" frameborder="0"></iframe>
             </div>
         </div>
         <div class="question-box">
             <p class="question-text">Which explanation provides a clearer and more accurate reasoning process?</p>
         </div>
         <div class="buttons">
-            <form action="{{ url_for('feedback') }}" method="post" style="width: 48%;">
-                <input type="hidden" name="username" value="{{ username }}">
+            <form action="{{ url_for('experiment', username=username) }}" method="post" style="width: 48%;">
+                <input type="hidden" name="comparison" value="{{ method_a }}:{{ method_b }}">
                 <button type="submit" name="feedback" value="{{ method_a }}">{{ method_a }}</button>
             </form>
-            <form action="{{ url_for('feedback') }}" method="post" style="width: 48%;">
-                <input type="hidden" name="username" value="{{ username }}">
+            <form action="{{ url_for('experiment', username=username) }}" method="post" style="width: 48%;">
+                <input type="hidden" name="comparison" value="{{ method_a }}:{{ method_b }}">
                 <button type="submit" name="feedback" value="{{ method_b }}">{{ method_b }}</button>
             </form>
         </div>