Testing a push

This commit is contained in:
Norm Rasmussen
2023-01-24 15:30:29 -05:00
parent 738813e48c
commit 8ce2cad6d6
41 changed files with 1109 additions and 113 deletions

View File

@ -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;
}

View File

@ -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>

View File

@ -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 %}

View File

@ -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>

View File

@ -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>

View File

@ -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 %}