Testing a push
This commit is contained in:
@ -21,9 +21,9 @@
|
||||
<div class="np-card-content-subtitle">
|
||||
{{ course.short_description }}
|
||||
</div>
|
||||
<div class="np-card-content-lessons">
|
||||
<a class="np-card-content-lessons" href="{{course_path}}#course-overview">
|
||||
{{ activities_count }} {% if activities_count == 1 %}Lesson{% else %}Lessons{% endif %}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -65,6 +65,7 @@
|
||||
font-size: 16px;
|
||||
margin-top: 20px;
|
||||
line-height: 22px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,4 @@
|
||||
<i class="far fa-lock-alt np-course-outline-content-activity-icon-locked"></i>
|
||||
<span class="np-course-outline-content-activity-title">
|
||||
{{ activity.title }}
|
||||
</span>
|
||||
@ -0,0 +1,15 @@
|
||||
{% if course.enrolled? %}
|
||||
<a
|
||||
href="{% route activity_viewer,
|
||||
id: activity.id,
|
||||
course_id: params.course_id,
|
||||
learning_path_id: params.learning_path_id
|
||||
%}" class="{{ class }}"
|
||||
>
|
||||
{{ activity.title }}
|
||||
</a>
|
||||
{% else%}
|
||||
<span class="{{ class }}">
|
||||
{{ activity.title }}
|
||||
</span>
|
||||
{% endif %}
|
||||
@ -1,4 +1,8 @@
|
||||
<div class="np-card-container">
|
||||
<a href="{% route dashboard %}" class="np-back-button back-to-courses-btn" aria-label="{% t shared.go_back %}">
|
||||
<i class="far fa-arrow-left np-hidden-mobile np-icon-back back-arrow"></i>
|
||||
Back to My Courses
|
||||
</a>
|
||||
<div class='np-course-header'>
|
||||
<img
|
||||
src="{{ course.image_url }}"
|
||||
@ -19,7 +23,7 @@
|
||||
</div>
|
||||
<div class='np-course-bottom'>
|
||||
<div class='np-course-bottom-left'>
|
||||
<div class='np-course-bottom-left-title'>
|
||||
<div class='np-course-bottom-left-title' id='course-overview'>
|
||||
Curriculum
|
||||
</div>
|
||||
<div class='np-course-bottom-left-outline'>
|
||||
@ -28,9 +32,16 @@
|
||||
{{ section.name }}
|
||||
</div>
|
||||
{% for activity in section.activities %}
|
||||
<div class='np-course-bottom-left-outline-activity'>
|
||||
{{ activity.title }}
|
||||
|
||||
{% if activity.locked? %}
|
||||
<div>
|
||||
{% include "course_activity_locked" %}
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="course-links">
|
||||
{% include "course_activity_unlocked", class: "np-course-bottom-left-outline-activity" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
@ -114,6 +125,9 @@
|
||||
font-size: 18px;
|
||||
line-height: 28.8px;
|
||||
font-weight: 400;
|
||||
color: black;
|
||||
opacity: 0.7;
|
||||
text-decoration: none;
|
||||
}
|
||||
.np-course-bottom-right {
|
||||
margin-left: 50px;
|
||||
@ -156,4 +170,20 @@
|
||||
margin-left: 110px;
|
||||
}
|
||||
}
|
||||
.np-icon-back {
|
||||
color:black;
|
||||
}
|
||||
|
||||
.back-to-courses-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
font-weight: 500;
|
||||
color: black;
|
||||
}
|
||||
.back-arrow {
|
||||
font-size: 0.8rem;
|
||||
margin-right: 5px;
|
||||
font-weight: 500;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,40 @@
|
||||
<div class="np-course-outline">
|
||||
<div class="np-text-title np-course-outline-title">
|
||||
{% t .header, key: current_school.course_vocabulary %}
|
||||
</div>
|
||||
<div class="np-course-outline-content">
|
||||
<ol class="np-course-outline-content-section">
|
||||
{% for section in course.sections %}
|
||||
<li class="np-course-outline-content-section-list">
|
||||
<div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold">
|
||||
{{ section.name }}
|
||||
</div>
|
||||
<ol class="np-course-outline-content-activity">
|
||||
{% for activity in section.activities %}
|
||||
|
||||
<li class="np-course-outline-content-activity-list">
|
||||
{% if activity.completed? %}
|
||||
<i class="fas fa-circle np-course-outline-content-activity-icon np-button-color"></i>
|
||||
{% if activity.locked? %}
|
||||
{% include "course_activity_locked" %}
|
||||
{% else %}
|
||||
{% include "course_activity_unlocked", class: "np-course-outline-content-activity-link-completed" %}
|
||||
{% endif %}
|
||||
<div class="np-button-background-color np-course-outline-content-activity-list-bar"></div>
|
||||
{% else %}
|
||||
<i class="far fa-circle np-course-outline-content-activity-icon"></i>
|
||||
{% if activity.locked? %}
|
||||
{% include "course_activity_locked" %}
|
||||
{% else %}
|
||||
{% include "course_activity_unlocked", class: "np-course-outline-content-activity-link" %}
|
||||
{% endif %}
|
||||
<div class="np-course-outline-content-activity-list-bar"></div>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,5 +1,6 @@
|
||||
{% comment %} {% include "header" %} {% endcomment %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
|
||||
<main class="np-main np-homepage">
|
||||
<div class="np-homepage-hero">
|
||||
<img class="np-homepage-hero-image"
|
||||
@ -15,7 +16,9 @@
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% include "sub_navigation" %}
|
||||
{% include 'courses_catalog' %}
|
||||
</main>
|
||||
{% comment %} {% include "footer" %} {% endcomment %}
|
||||
|
||||
Reference in New Issue
Block a user