rapid-router 5.18.0__py2.py3-none-any.whl → 7.6.8__py2.py3-none-any.whl

game/templates/game/level_moderation.html

@@ -34,13 +34,14 @@
 <div class="background">
     <div class="container">
         <div>
-            <h4>Level moderation</h5>
+            <h4>Level moderation</h4>
             <p>Search or filter the levels to find specific details, and click 'Play' to view the games.</p>
+            <p>You can approve or delete any level.</p>
 
             <form action="" method="post" id="moderateForm">
                 {% csrf_token %}
                 <div class="row form--row">
-                    <div class="col-sm-4">
+                    <div class="col-sm-6">
                         <div class="dropdown">
                             <button class="button--secondary button--secondary--dark button--dropdown" type="button" data-toggle="dropdown" aria-expanded="false">
                                 <div class="dropdown__text">Filter classes</div>
@@ -76,7 +77,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="form--row__input col-sm-4">
+                    <div class="form--row__input col-sm-6">
                         <div class="input--icon">
                             <input type="text" name="Search" placeholder="Search" id="moderateSearch"><span class="iconify" data-icon="mdi:search"></span>
                         </div>
@@ -89,7 +90,7 @@
     <div class="mainBody container">
         {% include "portal/partials/popup.html" %}
         {% if levelData %}
-        <div class="tableWrapper">
+        <div class="tableWrapper" id="tableWrapper">
             {% if thead %}
             <table id="moderateTable" class="header-primary data-primary">
                 <thead>
@@ -97,11 +98,12 @@
                         <th rowspan="2">Student</th>
                         <th rowspan="2">Level name</th>
                         <th rowspan="2">Shared with</th>
-                        <th colspan="2">Actions</th>
+                        <th colspan="3">Actions</th>
                     </tr>
                     <!-- Extra header only needed for DataTables - should be hidden to the user -->
                     <tr class="d-none">
                         <th>Play</th>
+                        <th>Approve</th>
                         <th>Delete</th>
                     </tr>
                 </thead>
@@ -113,7 +115,18 @@
                         <td><small>{{level.name}}</small></td>
                         <td><small>{{level.shared_with}}</small></td>
                         <td class="text-center">
-                            <button class="button button--small button--primary play" value={{level.id}}>Play</button>
+                            <a class="button button--small button--primary play" href="{% url 'play_custom_level' level.id %}">Play</a>
+                        </td>
+                        <td class="text-center">
+                            {% if level.needs_approval %}
+                                <button class="button button--small button--primary approve" value={{level.id}}>
+                                    Approve
+                                </button>
+                            {% else %}
+                                <button class="button button--small button--primary disabled button--icon">
+                                    Approved<span class="iconify" data-icon="mdi:tick"></span>
+                                </button>
+                            {% endif %}
                         </td>
                         <td class="text-center">
                             <button class="button button--small button--primary--danger button--icon delete" value={{level.id}}>

game/templates/game/level_selection.html

@@ -20,14 +20,14 @@
         EPISODES.push({'id' : {{episode.id}}, 'levels': levels});
     {% endfor %}
 
-    {% for episode in pythonEpisodes %}
+    {% for episode in oldPythonEpisodes %}
         var levels = [];
         {% for level in episode.levels %}
-        levels.push({
-            'name': {{level.name}},
+            levels.push({
+                'name': {{level.name}},
             'score': '{{level.score}}',
-            'maxScore': {{level.maxScore}}
-        });
+                'maxScore': {{level.maxScore}}
+            });
         {% endfor %}
         EPISODES.push({'id' : {{episode.id}}, 'levels': levels});
     {% endfor %}
@@ -41,7 +41,7 @@
     {% endfor %}
 </script>
 
-<script src="{% static "game/js/level_selection.js" %}"></script>
+<script src="{% static 'game/js/level_selection.js' %}"></script>
 {% endblock %}
 
 {% block css %}
@@ -71,8 +71,9 @@
     <div id="episodes">
         <div class="panel-intro">
             <h4>Blockly levels</h4>
-            The first set of levels use Blockly to slowly introduce you to Python. You can read more about Blockly
-            <a href="https://docs.codeforlife.education/rapid-router/blockly-guide" target="_blank">here</a>.
+            The first set of levels use Blockly to slowly introduce you to
+            core programming concepts. You can read more about Blockly
+            <a href="https://code-for-life.gitbook.io/rapid-router/blockly-guide" target="_blank">here</a>.
         </div>
         {% for episode in blocklyEpisodes %}
         <div class="panel">
@@ -88,6 +89,9 @@
 
             <div id="collapse-{{episode.id}}" aria-labelledby="episode-{{episode.id}}" class="collapse">
                 <div class="panel-body">
+                    {% if not user.is_authenticated and episode.id > 2 %}
+                        <p class="text--warning">In order to access the full content for this course, please log in.</p>
+                    {% endif %}
                     {% for level in episode.levels %}
                         {% if user|is_logged_in_as_student and user.new_student.class_field in level.locked_for_class.all %}
                             <!-- Mark level as locked -->
@@ -98,6 +102,11 @@
                                     <img class="level_image coin_image" value="{{level.name}}">
                                 {% endif %}
                             </p>
+                        {% elif not user.is_authenticated and level.name > 19 and level.name != 29 and level.name != 33 and level.name != 44 and level.name != 51 and level.name != 61 and level.name != 68 %}
+                            <!-- Mark level as locked -->
+                            <p>
+                                <a class="disabled">{{level.name}}: {{level.title.strip | safe}}</a>
+                            </p>
                         {% else %}
                             <!-- Marking titles as safe to enable bold, not to be used for user-created levels -->
                             <p>
@@ -110,7 +119,7 @@
                         {% endif %}
                     {% endfor %}
 
-                    {% if episode.random_levels_enabled %}
+                    {% if not user.is_authenticated and episode.id <= 2 or user.is_authenticated and episode.random_levels_enabled %}
                     <p>
                         <a href="{% url 'random_level_for_episode' episode.id %}">
                         Random: Try your hand at a random level
@@ -122,107 +131,6 @@
         </div>
         {% endfor %}
 
-        <div class="panel-intro">
-            <h4>Python levels</h4>
-            The next set of levels introduce you to coding directly with Python. You can read more about Python
-            <a href="https://docs.codeforlife.education/rapid-router/python-guide" target="_blank">here</a>.
-        </div>
-        {% for episode in pythonEpisodes %}
-            {% if episode.difficulty != "loops" %}
-                <div class="panel">
-                    <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">
-                                Levels {{episode.first_level}}-{{episode.last_level}}
-                            </span>
-                            <img class="episode_image coin_image" value="{{episode.id}}">
-                        </p>
-                    </div>
-
-                    <div id="collapse-{{episode.id}}" aria-labelledby="episode-{{episode.id}}" class="collapse">
-                        <div class="panel-body">
-                            {% for level in episode.levels %}
-                                {% if user|is_logged_in_as_student and user.new_student.class_field in level.locked_for_class.all %}
-                                    <!-- Mark level as locked -->
-                                    <p>
-                                        <a class="disabled">{{level.name}}: {{level.title.strip | safe}}</a>
-                                        {% if level.score != None %}
-                                            <span class="score_text disabled">{{level.score|floatformat}}/{{level.maxScore|floatformat}}</span>
-                                            <img class="level_image coin_image" value="{{level.name}}">
-                                        {% endif %}
-                                    </p>
-                                {% else %}
-                                    <!-- Marking titles as safe to enable bold, not to be used for user-created levels -->
-                                    <p>
-                                        <a href="{% url 'play_default_level' level.name %}">{{level.name}}: {{level.title.strip | safe}}</a>
-                                        {% if level.score != None %}
-                                            <span class="score_text">{{level.score|floatformat}}/{{level.maxScore|floatformat}}</span>
-                                            <img class="level_image coin_image" value="{{level.name}}">
-                                        {% endif %}
-                                    </p>
-                                {% endif %}
-                            {% endfor %}
-                        </div>
-                    </div>
-                </div>
-            {% endif %}
-        {% endfor %}
-        <div class="panel-subintro">
-            The following levels focus on Loops using Blockly and Python.
-        </div>
-        {% for episode in pythonEpisodes %}
-            {% if episode.difficulty == "loops" %}
-                <div
-                    class="panel"
-                    {% if "coming soon" in episode.name %}
-                        style="pointer-events:none;"
-                    {% endif %}
-                >
-                    <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">
-                                Levels {{episode.first_level}}-{{episode.last_level}}
-                            </span>
-                            <img class="episode_image coin_image" value="{{episode.id}}">
-                        </p>
-                    </div>
-
-                    <div id="collapse-{{episode.id}}" aria-labelledby="episode-{{episode.id}}" class="collapse">
-                        <div class="panel-body">
-                            {% for level in episode.levels %}
-                                {% if user|is_logged_in_as_student and user.new_student.class_field in level.locked_for_class.all %}
-                                    <!-- Mark level as locked -->
-                                    <p>
-                                        <a class="disabled">{{level.name}}: {{level.title.strip | safe}}</a>
-                                        {% if level.score != None %}
-                                            <span class="score_text disabled">{{level.score|floatformat}}/{{level.maxScore|floatformat}}</span>
-                                            <img class="level_image coin_image" value="{{level.name}}">
-                                        {% endif %}
-                                    </p>
-                                {% else %}
-                                    <!-- Marking titles as safe to enable bold, not to be used for user-created levels -->
-                                    <p>
-                                        <a href="{% url 'play_default_level' level.name %}">{{level.name}}: {{level.title.strip | safe}}</a>
-                                        {% if level.score != None %}
-                                            <span class="score_text">{{level.score|floatformat}}/{{level.maxScore|floatformat}}</span>
-                                            <img class="level_image coin_image" value="{{level.name}}">
-                                        {% endif %}
-                                    </p>
-                                {% endif %}
-                            {% endfor %}
-                        </div>
-                    </div>
-                </div>
-            {% endif %}
-        {% endfor %}
-
         {% if user|is_logged_in %}
         <div class="panel-intro">
             <h4>Created levels</h4>

game/templates/game/python_den_level_selection.html

@@ -0,0 +1,291 @@
+{% extends 'game/base.html' %}
+
+{% load static %}
+{% load i18n %}
+{% load app_tags %}
+
+{% block scripts %}
+{{block.super}}
+<script>
+    var EPISODES = [];
+
+    {% for episode in pythonEpisodes %}
+        var levels = [];
+        {% for level in episode.levels %}
+        levels.push({
+            'name': {{level.name}},
+            'score': '{{level.score}}',
+            'maxScore': {{level.maxScore}}
+        });
+        {% endfor %}
+        EPISODES.push({'id' : {{episode.id}}, 'levels': levels});
+    {% endfor %}
+</script>
+
+<script src="{% static 'game/js/level_selection.js' %}"></script>
+{% endblock %}
+
+{% block css %}
+{{block.super}}
+<link href="{% static 'game/css/level_selection.css' %}" rel="stylesheet" type="text/css">
+{% endblock %}
+
+{% block header %}
+<section class="banner">
+    {% if user|is_logged_in_as_student or user|is_independent_student %}
+        <img class="banner--python-den--image" title="Python Den logo" alt="Python Den logo" src="{% static 'game/image/Python_Den_hero_student.png' %}">
+    {% else %}
+        <img class="banner--python-den--image" title="Python Den logo" alt="Python Den logo" src="{% static 'game/image/Python_levels_page.svg' %}">
+    {% endif %}
+</section>
+{% endblock header %}
+
+
+{% block nav_ocargo_levels %}
+    {% if user|is_logged_in_as_student %}
+    <a class="button button--secondary button--secondary--light sub-nav--student-active">Levels</a>
+    {% elif user|is_independent_student %}
+    <a class="button button--secondary sub-nav--independent-active">Levels</a>
+    {% else %}
+    <a class="button button--secondary button--secondary--light sub-nav--teacher-active">Levels</a>
+    {% endif %}
+{% endblock nav_ocargo_levels %}
+
+{% block content %}
+<div class="container background">
+    <div id="episodes">
+        <div class="panel-intro">
+            <h4>Introduction to Python</h4>
+            Python lessons using split-screen Blockly/Python and an online IDE for programming lessons in Python.
+            We have created free editable plans, presentations, and worksheets to support these lessons.
+        </div>
+        {% for episode in pythonEpisodes %}
+            {% if episode.difficulty != "late-python" %}
+                <div class="panel">
+                    <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>
+
+                    <div id="collapse-{{episode.id}}" aria-labelledby="episode-{{episode.id}}" class="collapse">
+                        <div class="panel-body">
+                            {% for worksheet in episode.worksheets %}
+                                {% if not user|is_logged_in or user.new_student.class_field in worksheet.locked_classes.all %}
+                                    {% if not user|is_logged_in %}
+                                        <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}}{% if episode.worksheets|length > 1 %} pt. {{ worksheet.index }}{% 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="{% url 'worksheet' worksheet.id %}">{{episode.name}}{% if episode.worksheets|length > 1 %} pt. {{ worksheet.index }}{% endif %}</a>
+                                    </div>
+                                    {% if user|is_logged_in_as_teacher %}
+                                        <div class="col-sm-3 python-den-level">
+                                            <a href="{{worksheet.lesson_plan_link}}" class="button button--level button--icon" target="_blank">
+                                                Lesson plan<span class="iconify" data-icon="mdi:open-in-new"></span></a>
+                                        </div>
+                                        <div class="col-sm-2 python-den-level">
+                                            <a href="{{worksheet.slides_link}}" class="button button--level button--icon" target="_blank">
+                                                Slides<span class="iconify" data-icon="mdi:tray-arrow-down"></span></a>
+                                        </div>
+                                    {% elif user|is_independent_student %}
+                                        <div class="col-sm-3 python-den-level">
+                                            <a href="{{worksheet.indy_worksheet_link}}" class="button button--level button--icon" target="_blank">
+                                                Worksheet<span class="iconify" data-icon="mdi:open-in-new"></span></a>
+                                        </div>
+                                        <div class="col-sm-2 python-den-level">
+                                            <a href="{{worksheet.video_link}}" class="button button--level button--icon" target="_blank">
+                                                Video<span class="iconify" data-icon="mdi:open-in-new"></span></a>
+                                        </div>
+                                    {% else %}
+                                        <div class="col-sm-3"></div>
+                                        <div class="col-sm-2 python-den-level">
+                                            <a href="{{worksheet.student_worksheet_link}}" class="button button--level button--icon" target="_blank">
+                                                Worksheet<span class="iconify" data-icon="mdi:open-in-new"></span></a>
+                                        </div>
+                                    {% endif %}
+                                {% endif %}
+                            {% endfor %}
+                        </div>
+                    </div>
+                </div>
+            {% endif %}
+        {% endfor %}
+        <div class="panel-subintro">
+            This section introduces Python using a mix of Blockly split screen and text based programming.
+        </div>
+        {% for episode in pythonEpisodes %}
+            {% if episode.difficulty == "late-python" %}
+                <div class="panel">
+                    <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}}
+                            {% if episode.first_level != None and episode.last_level != None %}
+                                {% if episode.first_level > 1009 %}
+                                    <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">
+                                        Levels {{episode.first_level|stringformat:"i"|slice:"2:4"}}-{{episode.last_level|stringformat:"i"|slice:"2:4"}}
+                                    </span>
+                                {% else %}
+                                    {% if episode.last_level > 1009 %}
+                                        <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">
+                                            Levels {{episode.first_level|stringformat:"i"|slice:"3:4"}}-{{episode.last_level|stringformat:"i"|slice:"2:4"}}
+                                        </span>
+                                    {% 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">
+                                            Levels {{episode.first_level|stringformat:"i"|slice:"3:4"}}-{{episode.last_level|stringformat:"i"|slice:"3:4"}}
+                                        </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>
+                    </div>
+
+                    <div id="collapse-{{episode.id}}" aria-labelledby="episode-{{episode.id}}" class="collapse">
+                        <div class="panel-body">
+                            {% for level in episode.levels %}
+                                {% for worksheet in episode.worksheets %}
+                                    {% if worksheet.before_level == level.id %}
+                                        {% if not user|is_logged_in or user.new_student.class_field in worksheet.locked_classes.all %}
+                                            {% if not user|is_logged_in %}
+                                                <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}}{% if episode.worksheets|length > 1 %} pt. {{ worksheet.index }}{% 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="{% url 'worksheet' worksheet.id %}">{{episode.name}}{% if episode.worksheets|length > 1 %} pt. {{ worksheet.index }}{% endif %}</a>
+                                            </div>
+                                            {% if user|is_logged_in_as_teacher %}
+                                                <div class="col-sm-3 python-den-level">
+                                                    <a href="{{worksheet.lesson_plan_link}}" class="button button--level button--icon" target="_blank">
+                                                        Lesson plan<span class="iconify" data-icon="mdi:open-in-new"></span></a>
+                                                </div>
+                                                <div class="col-sm-2 python-den-level">
+                                                    <a href="{{worksheet.slides_link}}" class="button button--level button--icon" target="_blank">
+                                                        Slides<span class="iconify" data-icon="mdi:tray-arrow-down"></span></a>
+                                                </div>
+                                            {% elif user|is_independent_student %}
+                                                <div class="col-sm-3 python-den-level">
+                                                    <a href="{{worksheet.indy_worksheet_link}}" class="button button--level button--icon" target="_blank">
+                                                        Worksheet<span class="iconify" data-icon="mdi:open-in-new"></span></a>
+                                                </div>
+                                                <div class="col-sm-2 python-den-level">
+                                                    <a href="{{worksheet.video_link}}" class="button button--level button--icon" target="_blank">
+                                                        Video<span class="iconify" data-icon="mdi:open-in-new"></span></a>
+                                                </div>
+                                            {% else %}
+                                                <div class="col-sm-3"></div>
+                                                <div class="col-sm-2 python-den-level">
+                                                    <a href="{{worksheet.student_worksheet_link}}" class="button button--level button--icon" target="_blank">
+                                                        Worksheet<span class="iconify" data-icon="mdi:open-in-new"></span></a>
+                                                </div>
+                                            {% endif %}
+                                        {% endif %}
+                                    {% endif %}
+                                {% endfor %}
+                                {% if user|is_logged_in_as_student and user.new_student.class_field in level.locked_for_class.all %}
+                                    <!-- Mark level as locked -->
+                                    <p>
+                                        {% if level.name > 1009 %}
+                                            <a class="disabled">{{level.name|stringformat:"i"|slice:"2:4"}}: {{level.title.strip | safe}}</a>
+                                        {% else %}
+                                            <a class="disabled">{{level.name|stringformat:"i"|slice:"3:4"}}: {{level.title.strip | safe}}</a>
+                                        {% endif %}
+                                        {% if level.score != None %}
+                                            <span class="score_text disabled">{{level.score|floatformat}}/{{level.maxScore|floatformat}}</span>
+                                            <img class="level_image coin_image" value="{{level.name}}">
+                                        {% endif %}
+                                    </p>
+                                {% elif not user.is_authenticated and level.name > 1026 and level.name != 1041 %}
+                                    <!-- Mark level as locked -->
+                                    <p>
+                                        {% if level.name > 1009 %}
+                                            <a class="disabled">{{level.name|stringformat:"i"|slice:"2:4"}}: {{level.title.strip | safe}}</a>
+                                        {% else %}
+                                            <a class="disabled">{{level.name|stringformat:"i"|slice:"3:4"}}: {{level.title.strip | safe}}</a>
+                                        {% endif %}
+                                    </p>
+                                {% else %}
+                                    <!-- Marking titles as safe to enable bold, not to be used for user-created levels -->
+                                    <p>
+                                        {% if level.name > 1009 %}
+                                            <a href="{% url 'play_python_default_level' level.name|stringformat:'i'|slice:'2:4' %}">{{level.name|stringformat:"i"|slice:"2:4"}}: {{level.title.strip | safe}}</a>
+                                        {% else %}
+                                            <a href="{% url 'play_python_default_level' level.name|stringformat:'i'|slice:'3:4' %}">{{level.name|stringformat:"i"|slice:"3:4"}}: {{level.title.strip | safe}}</a>
+                                        {% endif %}
+                                        {% if level.score != None %}
+                                            <span class="score_text">{{level.score|floatformat}}/{{level.maxScore|floatformat}}</span>
+                                            <img class="level_image coin_image" value="{{level.name}}">
+                                        {% endif %}
+                                    </p>
+                                {% endif %}
+                            {% endfor %}
+                            {% for worksheet in episode.worksheets %}
+                                {% if not worksheet.before_level %}
+                                    {% if not user|is_logged_in or user.new_student.class_field in worksheet.locked_classes.all %}
+                                        {% if not user|is_logged_in %}
+                                            <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}}{% if episode.worksheets|length > 1 %} pt. {{ worksheet.index }}{% 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="{% url 'worksheet' worksheet.id %}">{{episode.name}}{% if episode.worksheets|length > 1 %} pt. {{ worksheet.index }}{% endif %}</a>
+                                        </div>
+                                        {% if user|is_logged_in_as_teacher %}
+                                            <div class="col-sm-3 python-den-level">
+                                                <a href="{{worksheet.lesson_plan_link}}" class="button button--level button--icon" target="_blank">
+                                                    Lesson plan<span class="iconify" data-icon="mdi:open-in-new"></span></a>
+                                            </div>
+                                            <div class="col-sm-2 python-den-level">
+                                                <a href="{{worksheet.slides_link}}" class="button button--level button--icon" target="_blank">
+                                                    Slides<span class="iconify" data-icon="mdi:tray-arrow-down"></span></a>
+                                            </div>
+                                        {% elif user|is_independent_student %}
+                                            <div class="col-sm-3 python-den-level">
+                                                <a href="{{worksheet.indy_worksheet_link}}" class="button button--level button--icon" target="_blank">
+                                                    Worksheet<span class="iconify" data-icon="mdi:open-in-new"></span></a>
+                                            </div>
+                                            <div class="col-sm-2 python-den-level">
+                                                <a href="{{worksheet.video_link}}" class="button button--level button--icon" target="_blank">
+                                                    Video<span class="iconify" data-icon="mdi:open-in-new"></span></a>
+                                            </div>
+                                        {% else %}
+                                            <div class="col-sm-3"></div>
+                                            <div class="col-sm-2 python-den-level">
+                                                <a href="{{worksheet.student_worksheet_link}}" class="button button--level button--icon" target="_blank">
+                                                    Worksheet<span class="iconify" data-icon="mdi:open-in-new"></span></a>
+                                            </div>
+                                        {% endif %}
+                                    {% endif %}
+                                {% endif %}
+                            {% endfor %}
+                        </div>
+                    </div>
+                </div>
+            {% endif %}
+        {% endfor %}
+    </div>
+</div>
+{% endblock content %}