Changeset View
Changeset View
Standalone View
Standalone View
training/templates/training/base_with_navigation.html
| {% extends 'training/base_training.html' %} | {% extends 'training/base_training.html' %} | ||||
| {% block nav_drawer_inner %} | {% block nav_drawer_inner %} | ||||
| <div class="nav-drawer-inner"> | <div class="nav-drawer-inner"> | ||||
| <div class="drawer-nav-header"> | <div class="drawer-nav-header"> | ||||
| <p class="subtitle"> | <p class="subtitle"> | ||||
| {% if training.is_free %} | {% if training.is_free %} | ||||
| <i class="material-icons icon-inline small text-success" data-toggle="tooltip" data-placement="top" | <i class="material-icons icon-inline small text-success" data-toggle="tooltip" data-placement="top" | ||||
| title="Free">lock_open</i> | title="Free">lock_open</i> | ||||
| {% endif %} | {% endif %} | ||||
| {{ training.type.label }} | {{ training.type.label }} | ||||
| </p> | </p> | ||||
| <a class="h2" href="{{ navigation.overview_url }}">{{ training.name }}</a> | <a class="h2" href="{{ navigation.overview_url }}">{{ training.name }}</a> | ||||
| </div> | </div> | ||||
| <div class="drawer-nav-group"> | <div class="drawer-nav-group"> | ||||
| <div class="drawer-nav-dropdown-wrapper"> | <div class="drawer-nav-dropdown-wrapper"> | ||||
| <a class="drawer-nav-dropdown h3" href="{{ navigation.overview_url }}"> | <a class="drawer-nav-dropdown h3" href="{{ navigation.overview_url }}"> | ||||
| <i class="material-icons mr-2">insert_drive_file</i> | <i class="material-icons mr-2">insert_drive_file</i> | ||||
| {{ training.type.label }} Overview | {{ training.type.label }} Overview | ||||
| </a> | </a> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% for chapter_navigation in navigation.chapters %} | {% for chapter_navigation in navigation.chapters %} | ||||
| {% if chapter_navigation.is_published or request.user.is_superuser %} | {% if chapter_navigation.is_published or request.user.is_superuser %} | ||||
| <div class="drawer-nav-group"> | <div class="drawer-nav-group"> | ||||
| <div class="drawer-nav-dropdown-wrapper "> | <div class="drawer-nav-dropdown-wrapper "> | ||||
| <a class="drawer-nav-dropdown h3 {% if chapter_navigation.current %} active {% else %}collapsed{% endif %}" | <a class="drawer-nav-dropdown h3 {% if chapter_navigation.current %} active {% else %}collapsed{% endif %}" | ||||
| data-toggle="collapse" data-target="#nav-{{ chapter_navigation.slug }}"> | data-toggle="collapse" data-target="#nav-{{ chapter_navigation.slug }}"> | ||||
| <span class="drawer-nav-dropdown-text">{{ chapter_navigation.name }}</span> | <span class="drawer-nav-dropdown-text">{{ chapter_navigation.name }}</span> | ||||
| <i class="material-icons">keyboard_arrow_down</i> | <i class="material-icons">keyboard_arrow_down</i> | ||||
| </a> | </a> | ||||
| </div> | </div> | ||||
| <div id="nav-{{ chapter_navigation.slug }}" | <div id="nav-{{ chapter_navigation.slug }}" | ||||
| class="drawer-nav-list-wrapper collapse {% if chapter_navigation.current %}show{% endif %}"> | class="drawer-nav-list-wrapper collapse {% if chapter_navigation.current %}show{% endif %}"> | ||||
| <ol class="drawer-nav-list training"> | <ol class="drawer-nav-list training"> | ||||
| {% for section_navigation in chapter_navigation.sections %} | {% for section_navigation in chapter_navigation.sections %} | ||||
| {% if section_navigation.is_published or request.user.is_superuser %} | {% if section_navigation.is_published or request.user.is_superuser %} | ||||
| {% if section_navigation.source_type == "video" %} | {% if section_navigation.source_type == "video" %} | ||||
| {% include 'common/components/navigation/nav_drawer_section_progress.html' with title=section_navigation.name href=section_navigation.url active=section_navigation.current started=section_navigation.started finished=section_navigation.finished progress_fraction=section_navigation.progress_fraction admin_change_href=section_navigation.admin_url nth=forloop.counter|stringformat:"02d" free=section_navigation.is_free %} | {% include 'common/components/navigation/nav_drawer_section_progress.html' with title=section_navigation.name href=section_navigation.url active=section_navigation.current started=section_navigation.started finished=section_navigation.finished progress_fraction=section_navigation.progress_fraction admin_change_href=section_navigation.admin_url nth=forloop.counter|stringformat:"02d" free=section_navigation.is_free %} | ||||
| {% else %} | {% else %} | ||||
| {% include 'common/components/navigation/nav_drawer_section_file.html' with title=section_navigation.name href=section_navigation.url admin_change_href=section_navigation.admin_url free=section_navigation.is_free %} | {% include 'common/components/navigation/nav_drawer_section_file.html' with title=section_navigation.name href=section_navigation.url admin_change_href=section_navigation.admin_url free=section_navigation.is_free %} | ||||
| {% endif %} | {% endif %} | ||||
| {% endif %} | {% endif %} | ||||
| {% endfor %} | {% endfor %} | ||||
| </ol> | </ol> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% endif %} | {% endif %} | ||||
| {% endfor %} | {% endfor %} | ||||
| </div> | </div> | ||||
| {% endblock nav_drawer_inner %} | {% endblock nav_drawer_inner %} | ||||
| {% block nested_nav_drawer_inner %} | {% block nested_nav_drawer_inner %} | ||||
| {% block nested_nav_drawer_header %} | {% block nested_nav_drawer_header %} | ||||
| <div class="drawer-nav-header"> | <div class="drawer-nav-header"> | ||||
| <p class="subtitle small mb-1"> | <p class="subtitle small mb-1"> | ||||
| {% if training.is_free %} | {% if training.is_free %} | ||||
| <i class="material-icons icon-inline small text-success" data-toggle="tooltip" data-placement="top" | <i class="material-icons icon-inline small text-success" data-toggle="tooltip" data-placement="top" | ||||
| title="Free">lock_open</i> | title="Free">lock_open</i> | ||||
| {% endif %} | {% endif %} | ||||
| {{ training.type.label }} | {{ training.type.label }} | ||||
| </p> | </p> | ||||
| <a href="{{ navigation.overview_url }}" class="h3">{{ training.name }}</a> | <a href="{{ navigation.overview_url }}" class="h3">{{ training.name }}</a> | ||||
| </div> | </div> | ||||
| {% endblock nested_nav_drawer_header %} | {% endblock nested_nav_drawer_header %} | ||||
| <div class="drawer-nav-group"> | <div class="drawer-nav-group"> | ||||
| <div class="drawer-nav-dropdown-wrapper"> | <div class="drawer-nav-dropdown-wrapper"> | ||||
| <a class="drawer-nav-dropdown font-weight-bold" href="{{ navigation.overview_url }}" data-tooltip="tooltip-overflow" | <a class="drawer-nav-dropdown font-weight-bold" href="{{ navigation.overview_url }}" data-tooltip="tooltip-overflow" | ||||
| data-placement="top" title="{{ training.type.label }} Overview"> | data-placement="top" title="{{ training.type.label }} Overview"> | ||||
| <i class="material-icons mr-2">insert_drive_file</i> | <i class="material-icons mr-2">insert_drive_file</i> | ||||
| <span class="overflow-text">{{ training.type.label }} Overview</span> | <span class="overflow-text">{{ training.type.label }} Overview</span> | ||||
| </a> | </a> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% for chapter_navigation in navigation.chapters %} | {% for chapter_navigation in navigation.chapters %} | ||||
| {% if chapter_navigation.is_published or request.user.is_superuser %} | {% if chapter_navigation.is_published or request.user.is_superuser %} | ||||
| <div class="drawer-nav-dropdown-wrapper "> | <div class="drawer-nav-dropdown-wrapper "> | ||||
| <a href="{{ chapter_navigation.url }}" | <a href="{{ chapter_navigation.url }}" | ||||
| class="drawer-nav-dropdown dropdown font-weight-bold {% if chapter_navigation.current %} active {% else %}collapsed{% endif %}" | class="drawer-nav-dropdown dropdown font-weight-bold {% if chapter_navigation.current %} active {% else %}collapsed{% endif %}" | ||||
| data-tooltip="tooltip-overflow" data-placement="top" title="{{ chapter_navigation.name }}"> | data-tooltip="tooltip-overflow" data-placement="top" title="{{ chapter_navigation.name }}"> | ||||
| <span class="drawer-nav-dropdown-text overflow-text">{{ chapter_navigation.name }}</span> | <span class="drawer-nav-dropdown-text overflow-text">{{ chapter_navigation.name }}</span> | ||||
| {% comment %} <i class="material-icons">keyboard_arrow_down</i> {% endcomment %} | {% comment %} <i class="material-icons">keyboard_arrow_down</i> {% endcomment %} | ||||
| </a> | </a> | ||||
| <a class="drawer-nav-dropdown icon {% if chapter_navigation.current %} active {% else %}collapsed{% endif %}" | <a class="drawer-nav-dropdown icon {% if chapter_navigation.current %} active {% else %}collapsed{% endif %}" | ||||
| data-toggle="collapse" data-target="#nav-{{ chapter_navigation.slug }}"> | data-toggle="collapse" data-target="#nav-{{ chapter_navigation.slug }}"> | ||||
| <i class="material-icons">keyboard_arrow_down</i> | <i class="material-icons">keyboard_arrow_down</i> | ||||
| </a> | </a> | ||||
| </div> | </div> | ||||
| <div id="nav-{{ chapter_navigation.slug }}" | <div id="nav-{{ chapter_navigation.slug }}" | ||||
| class="drawer-nav-list-wrapper collapse {% if chapter_navigation.current %}show{% endif %}"> | class="drawer-nav-list-wrapper collapse {% if chapter_navigation.current %}show{% endif %}"> | ||||
| <ol class="drawer-nav-list training"> | <ol class="drawer-nav-list training"> | ||||
| {% for section_navigation in chapter_navigation.sections %} | {% for section_navigation in chapter_navigation.sections %} | ||||
| {% if section_navigation.is_published or request.user.is_superuser %} | {% if section_navigation.is_published or request.user.is_superuser %} | ||||
| {% if section_navigation.source_type == "video" %} | {% if section_navigation.source_type == "video" %} | ||||
| {% include 'common/components/navigation/nav_drawer_section_progress.html' with title=section_navigation.name href=section_navigation.url active=section_navigation.current started=section_navigation.started finished=section_navigation.finished progress_fraction=section_navigation.progress_fraction admin_change_href=section_navigation.admin_url nth=forloop.counter|stringformat:"02d" free=section_navigation.is_free %} | {% include 'common/components/navigation/nav_drawer_section_progress.html' with title=section_navigation.name href=section_navigation.url active=section_navigation.current started=section_navigation.started finished=section_navigation.finished progress_fraction=section_navigation.progress_fraction admin_change_href=section_navigation.admin_url nth=forloop.counter|stringformat:"02d" free=section_navigation.is_free %} | ||||
| {% else %} | {% else %} | ||||
| {% include 'common/components/navigation/nav_drawer_section_file.html' with title=section_navigation.name href=section_navigation.url admin_change_href=section_navigation.admin_url free=section_navigation.is_free %} | {% include 'common/components/navigation/nav_drawer_section_file.html' with title=section_navigation.name href=section_navigation.url admin_change_href=section_navigation.admin_url free=section_navigation.is_free %} | ||||
| {% endif %} | {% endif %} | ||||
| {% endif %} | {% endif %} | ||||
| {% endfor %} | {% endfor %} | ||||
| </ol> | </ol> | ||||
| </div> | </div> | ||||
| {% endif %} | {% endif %} | ||||
| {% endfor %} | {% endfor %} | ||||
| {% endblock nested_nav_drawer_inner %} | {% endblock nested_nav_drawer_inner %} | ||||