From 89076718edc1a573068698ed4d652037321216da Mon Sep 17 00:00:00 2001
From: faucomte97 <f.aucomte@hotmail.co.uk>
Date: Fri, 3 Nov 2023 14:31:27 +0000
Subject: [PATCH] Grey out coming soon episodes

---
 game/static/game/css/backgrounds.css     |  4 ++++
 game/templates/game/level_selection.html | 13 +++++++++----
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/game/static/game/css/backgrounds.css b/game/static/game/css/backgrounds.css
index 05c3c315b..74477184c 100644
--- a/game/static/game/css/backgrounds.css
+++ b/game/static/game/css/backgrounds.css
@@ -31,3 +31,7 @@
 .bg--loops {
     background: #3F3F3F;
 }
+
+.bg--loops-coming-soon {
+    background: #6F6F6F;
+}
diff --git a/game/templates/game/level_selection.html b/game/templates/game/level_selection.html
index a449fafad..002d29d52 100644
--- a/game/templates/game/level_selection.html
+++ b/game/templates/game/level_selection.html
@@ -173,13 +173,18 @@ <h4>Python levels</h4>
         </div>
         {% for episode in pythonEpisodes %}
             {% if episode.difficulty == "loops" %}
-                <div 
-                    class="panel" 
+                <div
+                    class="panel"
                     {% if "coming soon" in episode.name %}
                         style="pointer-events:none;"
                     {% endif %}
                 >
-                    <div class="panel-header bg--{{ episode.difficulty }}" id="episode-{{episode.id}}">
+                    <div {% if "coming soon" in episode.name %}
+                            class="panel-header bg--loops-coming-soon"
+                        {% else %}
+                            class="panel-header bg--{{ episode.difficulty }}"
+                        {% endif %}
+                        id="episode-{{episode.id}}">
                         <p class="episode-title" data-toggle="collapse" data-target="#collapse-{{episode.id}}" aria-expanded="false" aria-controls="collapse-{{episode.id}}" data-parent="#episodes">
                             {{episode.name}}
                             <span class="episode_range_text collapsed" data-toggle="collapse" data-target="#collapse-{{episode.id}}" aria-expanded="false" aria-controls="collapse-{{episode.id}}" data-parent="#episodes">
@@ -307,4 +312,4 @@ <h6>Owned by {{ teacher|make_into_username }}</h6>
         {% endif %}
     </div>
 </div>
-{% endblock content %}
\ No newline at end of file
+{% endblock content %}