Differential D11410 Diff 37550 common/templates/common/components/navigation/nav_drawer_section_progress.html
Changeset View
Changeset View
Standalone View
Standalone View
common/templates/common/components/navigation/nav_drawer_section_progress.html
| <li class="drawer-nav-section {% if finished %}complete{% endif %}"> | <li class="drawer-nav-section {% if finished %}complete{% endif %}"> | ||||
| <a href="{{ href }}" class="drawer-nav-section-link {% if active %}active{% endif %}" data-tooltip="tooltip-overflow" | <a href="{{ href }}" class="drawer-nav-section-link {% if active %}active{% endif %}" data-tooltip="tooltip-overflow" | ||||
| data-placement="top" title="{{ title }}"> | data-placement="top" title="{{ title }}"> | ||||
| <div class="nav-drawer-section-progress-wrapper"> | <div class="nav-drawer-section-progress-wrapper"> | ||||
| {% comment %} <i class="material-icons">play_arrow</i> {% endcomment %} | {% comment %} <i class="material-icons">play_arrow</i> {% endcomment %} | ||||
| <h5>{{ nth }}</h5> | <h5>{{ nth }}</h5> | ||||
| {% comment %} TODO(Anna): Fix fraction calculation {% endcomment %} | {% comment %} TODO(Anna): Fix fraction calculation {% endcomment %} | ||||
| <svg width="30" height="30" class="drawer-nav-section-icon-progress" | <svg width="30" height="30" class="drawer-nav-section-icon-progress" | ||||
| style="--progress-fraction: {% if finished %} 1.0 {% else %} {{ progress_fraction }} {% endif %}"> | style="--progress-fraction: {% if finished %} 1.0 {% else %} {{ progress_fraction }} {% endif %}"> | ||||
| <circle class="background" cx="15" cy="15" r="12" /> | <circle class="background" cx="15" cy="15" r="12" /> | ||||
| <circle class="progress" cx="15" cy="15" r="12" /> | <circle class="progress" cx="15" cy="15" r="12" /> | ||||
| </svg> | </svg> | ||||
| </div> | </div> | ||||
| <h4 class="overflow-text">{{ title }}</h4> | <h4 class="overflow-text">{{ title }}</h4> | ||||
| {% if free %} | {% if free %} | ||||
| <span class="ml-auto"> | <span class="ml-auto"> | ||||
| <i class="material-icons icon-inline small text-success ml-1 mr-0" data-toggle="tooltip" data-placement="top" title="Free">lock_open</i> | <i class="material-icons icon-inline small text-success ml-1 mr-0" data-toggle="tooltip" data-placement="top" title="Free">lock_open</i> | ||||
| </span> | </span> | ||||
| {% endif %} | {% endif %} | ||||
| </a> | </a> | ||||
| </li> | </li> | ||||