fix: worksheet counter and accordion arrows (#1759)

* fix: worksheet counter and accordion arrows

* fix: forloop counter

* fix: pt

---------

Co-authored-by: Florian Aucomte <[email protected]>

Author: SKairinos

game/templates/game/python_den_level_selection.html

@@ -65,6 +65,7 @@ <h4>Introduction to Python</h4>
                     <div class="panel-header bg--{{ episode.difficulty }}" 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"></span>
                         </p>
                     </div>
 
@@ -76,15 +77,15 @@ <h4>Introduction to Python</h4>
                                         <p class="text--warning">In order to access the full content for this course, please log in.</p>
                                     {% endif %}
                                     <div class="col-sm-10 python-den-level">
-                                        <a class="disabled">{{episode.name}}</a>
+                                        <a class="disabled">{{episode.name}}{% if episode.worksheets|length > 1 %} pt. {{ forloop.counter }}{% endif %}</a>
                                     </div>
                                     <div class="col-sm-2 python-den-level">
                                         <a class="button button--level button--icon disabled">
                                             Worksheet<span class="iconify" data-icon="mdi:open-in-new"></span></a>
                                     </div>
                                 {% else %}
                                     <div class="col-sm-7 python-den-level">
-                                        <a href="https://editor.raspberrypi.org/en/projects/blank-python-starter" target="_blank">{{episode.name}}</a>
+                                        <a href="https://editor.raspberrypi.org/en/projects/blank-python-starter" target="_blank">{{episode.name}}{% if episode.worksheets|length > 1 %} pt. {{ forloop.counter }}{% endif %}</a>
                                     </div>
                                     {% if user|is_logged_in_as_teacher %}
                                         <div class="col-sm-3 python-den-level">
@@ -143,6 +144,8 @@ <h4>Introduction to Python</h4>
                                         </span>
                                     {% endif %}
                                 {% endif %}
+                            {% else %}
+                                <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"></span>
                             {% endif %}
                             <img class="episode_image coin_image" value="{{episode.id}}">
                         </p>
@@ -158,15 +161,15 @@ <h4>Introduction to Python</h4>
                                                 <p class="text--warning">In order to access the full content for this course, please log in.</p>
                                             {% endif %}
                                             <div class="col-sm-10 python-den-level">
-                                                <a class="disabled">{{episode.name}}</a>
+                                                <a class="disabled">{{episode.name}}{% if episode.worksheets|length > 1 %} pt. {{ forloop.counter }}{% endif %}</a>
                                             </div>
                                             <div class="col-sm-2 python-den-level">
                                                 <a class="button button--level button--icon disabled">
                                                     Worksheet<span class="iconify" data-icon="mdi:open-in-new"></span></a>
                                             </div>
                                         {% else %}
                                             <div class="col-sm-7 python-den-level">
-                                                <a href="https://editor.raspberrypi.org/en/projects/blank-python-starter" target="_blank">{{episode.name}}</a>
+                                                <a href="https://editor.raspberrypi.org/en/projects/blank-python-starter" target="_blank">{{episode.name}}{% if episode.worksheets|length > 1 %} pt. {{ forloop.counter }}{% endif %}</a>
                                             </div>
                                             {% if user|is_logged_in_as_teacher %}
                                                 <div class="col-sm-3 python-den-level">