Tabular-LLM-Study-Forward-Simulation

Sleeping

App Files Files Community

luulinh90s commited on Sep 15, 2024

Commit

787f657

1 Parent(s): 86a95d5

update

Browse files

Files changed (4) hide show

templates/cot_intro.html +2 -1
templates/dater_intro.html +2 -1
templates/index.html +48 -1
templates/pos_intro.html +4 -3

templates/cot_intro.html CHANGED Viewed

@@ -109,7 +109,8 @@
         <h2>Chain-of-Table Example</h2>
         <iframe src="htmls_COT/TP/test-0.html"></iframe>
         <h2>Final Prediction: TRUE</h2>
-        <button onclick="location.href='{{ url_for('experiment') }}'">Proceed to Experiment</button>
     </div>
 </body>
 </html>

         <h2>Chain-of-Table Example</h2>
         <iframe src="htmls_COT/TP/test-0.html"></iframe>
         <h2>Final Prediction: TRUE</h2>
+<!--        <button onclick="location.href='{{ url_for('experiment') }}'">Proceed to Experiment</button>-->
+        <button onclick="location.href='{{ url_for('experiment', session_id=session_id) }}'">Proceed to Experiment</button>
     </div>
 </body>
 </html>

templates/dater_intro.html CHANGED Viewed

@@ -101,7 +101,8 @@
         <h2>Dater Example</h2>
         <iframe src="htmls_DATER/TP/test-0.html"></iframe>
         <h2>Final Prediction: TRUE</h2>
-        <button onclick="location.href='{{ url_for('experiment') }}'">Proceed to Experiment</button>
     </div>
 </body>
 </html>

         <h2>Dater Example</h2>
         <iframe src="htmls_DATER/TP/test-0.html"></iframe>
         <h2>Final Prediction: TRUE</h2>
+<!--        <button onclick="location.href='{{ url_for('experiment') }}'">Proceed to Experiment</button>-->
+        <button onclick="location.href='{{ url_for('experiment', session_id=session_id) }}'">Proceed to Experiment</button>
     </div>
 </body>
 </html>

templates/index.html CHANGED Viewed

@@ -74,6 +74,34 @@
             background-color: #fff3e0;
             color: #ff9800;
         }
         .method-button:hover {
             opacity: 0.8;
         }
@@ -139,7 +167,26 @@
 </head>
 <body>
     <div class="container">
-        <h1>Let's get started! Please input your name, a random number, and select one of the below explanation methods for your experiment. You will be assigned 10 samples to work on.</h1>
         <form id="method-form" action="{{ url_for('index') }}" method="post" onsubmit="return validateForm();">
             <label for="username">Hi there 👋👋👋 ! What is your name?</label>
             <input type="text" id="username" name="username" required>

             background-color: #fff3e0;
             color: #ff9800;
         }
+        .task-instruction {
+            background-color: #f0f8ff;
+            border-left: 5px solid #4CAF50;
+            padding: 20px;
+            margin-bottom: 30px;
+            border-radius: 5px;
+            text-align: left;
+        }
+        .task-instruction h2 {
+            color: #4CAF50;
+            margin-top: 0;
+        }
+        .task-step {
+            display: flex;
+            align-items: center;
+            margin-bottom: 15px;
+        }
+        .task-icon {
+            font-size: 24px;
+            margin-right: 15px;
+            color: #4CAF50;
+        }
+        .task-text {
+            font-size: 18px;
+            color: #333;
+        }
         .method-button:hover {
             opacity: 0.8;
         }
 </head>
 <body>
     <div class="container">
+        <div class="task-instruction">
+            <h2>Let's Get Started! 🚀</h2>
+            <div class="task-step">
+                <span class="task-icon">👤</span>
+                <span class="task-text">Enter your name</span>
+            </div>
+            <div class="task-step">
+                <span class="task-icon">🔢</span>
+                <span class="task-text">Choose a lucky number</span>
+            </div>
+            <div class="task-step">
+                <span class="task-icon">📊</span>
+                <span class="task-text">Select an explanation method</span>
+            </div>
+            <div class="task-step">
+                <span class="task-icon">🎯</span>
+                <span class="task-text">Complete 10 samples in the experiment</span>
+            </div>
+        </div>
         <form id="method-form" action="{{ url_for('index') }}" method="post" onsubmit="return validateForm();">
             <label for="username">Hi there 👋👋👋 ! What is your name?</label>
             <input type="text" id="username" name="username" required>

templates/pos_intro.html CHANGED Viewed

@@ -109,10 +109,11 @@
             <p>This step checks if there are exactly 4 games where the opposing team was scoreless, as stated in the verification statement.</p>
             <p>In the final intermediate, only count the rows with actual data. The top row, which contains the column headers (like titles or labels for the columns), is not part of the count. So, if you see only the header row with no data beneath it, the table has 0 rows. If you see one row beneath the header, the table has 1 row." </p>
         </div>
-        <h2>Program-of-Sequence Example</h2>
-        <iframe src="htmls_PoS/TP/test-0.html"></iframe>
         <h2>Final Prediction: TRUE</h2>
-        <button onclick="location.href='{{ url_for('experiment') }}'">Proceed to Experiment</button>
     </div>
 </body>
 </html>

             <p>This step checks if there are exactly 4 games where the opposing team was scoreless, as stated in the verification statement.</p>
             <p>In the final intermediate, only count the rows with actual data. The top row, which contains the column headers (like titles or labels for the columns), is not part of the count. So, if you see only the header row with no data beneath it, the table has 0 rows. If you see one row beneath the header, the table has 1 row." </p>
         </div>
+        <h2>Plan-of-SQLs Example</h2>
+        <iframe src="htmls_POS/TP/test-0.html"></iframe>
         <h2>Final Prediction: TRUE</h2>
+<!--        <button onclick="location.href='{{ url_for('experiment') }}'">Proceed to Experiment</button>-->
+        <button onclick="location.href='{{ url_for('experiment', session_id=session_id) }}'">Proceed to Experiment</button>
     </div>
 </body>
 </html>