From b43850d776ec26dfdf4068667066ffb1bc29e541 Mon Sep 17 00:00:00 2001
From: cuom1999 <lephuocdinh99@gmail.com>
Date: Thu, 18 Aug 2022 23:26:30 -0500
Subject: [PATCH] Add icons to submission page

---
 templates/submission/status-testcases.html |  8 ++++----
 templates/submission/status.html           | 18 +++++++++++++-----
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/templates/submission/status-testcases.html b/templates/submission/status-testcases.html
index 7930c1a..22b350a 100644
--- a/templates/submission/status-testcases.html
+++ b/templates/submission/status-testcases.html
@@ -11,18 +11,18 @@
     {% elif submission.status == 'P' %}
         <h4>{{ _('Your submission is being processed...') }}</h4>
     {% elif submission.status == 'CE' %}
-        <h3>{{ _('Compilation Error') }}</h3>
+        <h3><i class="fa fa-exclamation-circle fa-fw"></i>{{ _('Compilation Error') }}</h3>
         <pre>{{ submission.error|ansi2html }}</pre>
     {% else %}
         {% if submission.error %}
-            <h3>{{ _('Compilation Warnings') }}</h3>
+            <h3><i class="fa fa-exclamation-triangle fa-fw"></i>{{ _('Compilation Warnings') }}</h3>
             <pre>{{ submission.error|ansi2html }}</pre>
             <hr><br>
         {% endif %}
         {% if is_pretest %}
-            <h3>{{ _('Pretest Execution Results') }}</h3>
+            <h3><i class="fa fa-check-square-o fa-fw"></i>{{ _('Pretest Execution Results') }}</h3>
         {% else %}
-            <h3>{{ _('Execution Results') }}</h3>
+            <h3><i class="fa fa-check-square-o fa-fw"></i>{{ _('Execution Results') }}</h3>
         {% endif %}
         <br>
         
diff --git a/templates/submission/status.html b/templates/submission/status.html
index 1cdf79b..137cc23 100644
--- a/templates/submission/status.html
+++ b/templates/submission/status.html
@@ -25,6 +25,16 @@
         .testcases-table tbody:last-child {
             border-bottom: none;
         }
+
+        .toggle {
+            cursor: pointer;
+            font-weight: 400;
+        }
+
+        #source-header {
+            font-size: 1.54em;
+            margin-bottom: 1em;
+        }
     </style>
 {% endblock %}
 {% block content_js_media %}
@@ -60,6 +70,7 @@
                 if ($(window).scrollTop() + $(window).height() > $(document).height() - 100)
                     $("html, body").animate({scrollTop: $(document).height()}, 0);
             }
+            register_toggle($('#source-header'));
 
             var receiver = new EventReceiver(
                 "{{ EVENT_DAEMON_LOCATION }}", "{{ EVENT_DAEMON_POLL_LOCATION }}",
@@ -99,8 +110,8 @@
     {% endif %}
 
     <br>
-    <br>
-    <div class="source-wrap">
+    <h3 id="source-header" class="toggle closed"><i class="fa fa-chevron-right fa-fw"></i>{{_('Source code')}}</h3>
+    <div class="source-wrap toggled" style="display: none; margin-bottom: 1em">
         <table style="width: 100%">
             <tr>
                 <td class="source-ln" style="width: 0">
@@ -116,11 +127,8 @@
             </tr>
         </table>
     </div>
-    <br>
-    <br>
 
     <div id="test-cases">{% include "submission/status-testcases.html" %}</div>
-
     {% if not submission.is_graded %}
         {% if perms.judge.abort_any_submission %}
             <div id="abort-button">