Moved Customer Notes

NP_Custom_Templates/customer_templates/G2/_cards_course.html.liquid

@@ -19,7 +19,7 @@
         {{ course.name }}
       </a>
       <div class="np-card-content-subtitle">
-        {{ course.full_description }}
+        {{ course.short_description }}
       </div>
       <div class="np-card-content-lessons">
         {{ activities_count }} {% if activities_count == 1 %}Lesson{% else %}Lessons{% endif %}

NP_Custom_Templates/customer_templates/G2/_cards_training_event.html.liquid

@@ -0,0 +1,46 @@
+<div class="np-card">
+  <div class="np-card-container">
+    <div class="np-card-content-training-event">
+      <h3 class="np-card-content-title">
+        {{ training_event.title }}
+      </h3>
+      <div class="np-card-content-subtitle">
+        {% t shared.event_types, key: training_event.event_type %}
+      </div>
+      <div class="np-card-training-session">
+        <span class="np-card-content-label">
+          {% t .next_session %}
+        </span>
+        <div class="np-card-training-session-date">
+          <div class="np-button-background-color np-card-training-session-date-bar"></div>
+          <div class="np-card-training-session-date-day">
+            {{ training_event.sessions.first.day }}
+          </div>
+          <div>
+            <div class="np-card-training-session-date-month">
+              {{ training_event.sessions.first.month }}
+            </div>
+            <div class="np-card-training-session-date-year">
+              {{ training_event.sessions.first.year }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="np-card-content np-card-content-vertical np-card-padding">
+      <div class="np-card-training-sessions">
+        <i class="np-card-training-sessions-icon far fa-calendar-star"></i>
+        <span class="np-card-training-sessions-label">
+          {% t .sessions, count: training_event.sessions.size %}
+        </span>
+        <a
+          class="np-button np-button-wide"
+          {% comment %}href="{% route training_session, id: training_event.sessions.first.id %}"{% endcomment %}
+          href="#"
+        >
+          Learn More
+        </a>
+      </div>
+    </div>
+  </div>
+</div>

NP_Custom_Templates/customer_templates/G2/_course_desktop_view.html.liquid

@@ -40,7 +40,7 @@
         About this course
       </div>
       <div class='np-course-bottom-right-description'>
-        {{ course.full_description }}
+        {{ course.short_description }}
       </div>
     </div>
   </div>
@@ -156,4 +156,4 @@
         margin-left: 110px;
     }
   }
-</style>
+</style>

NP_Custom_Templates/customer_templates/G2/_courses_catalog.html.liquid

@@ -1,7 +1,7 @@
 {% if courses.in_catalog.any? %}
-  <div class="np-catalog-courses row row-with-thumbnails" id="courses">
+  <div class="np-catalog-courses row row-with-thumbnails" id="catalog-courses">
     {% for course in courses.in_catalog %}
-      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content">
+      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" order="{{course.properties.course_order}}">
         {% include "cards_course" with course %}
       </div>
     {% endfor %}
@@ -24,4 +24,26 @@
   .np-card {
     padding: 20px;
   }
-</style>
+</style>
+
+<script>
+  var list = document.getElementById('catalog-courses');
+
+  var items = list.childNodes;
+  var itemsArr = [];
+  for (var i in items) {
+    if (items[i].nodeType == 1) {
+      itemsArr.push(items[i]);
+    }
+  }
+
+  itemsArr.sort(function (a, b) {
+    return a.getAttribute('order') == b.getAttribute('order')
+      ? 0
+      : (a.getAttribute('order') > b.getAttribute('order') ? 1 : -1);
+  });
+
+  for (i = 0; i < itemsArr.length; ++i) {
+    list.appendChild(itemsArr[i]);
+  }
+</script>

NP_Custom_Templates/customer_templates/G2/_sub_navigation.html.liquid

@@ -0,0 +1,15 @@
+<nav class="np-sub-navigation">
+  <div class="np-sub-navigation-content">
+    {% for link in navigations.sub_navigation %}
+      {% unless link.label == 'Learning Paths' %}
+        <div class="np-sub-navigation-content-item {{ link.active_class }}">
+          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
+            <i class="{{ link.icon }} np-button-color np-sub-navigation-content-item-icon"></i>
+            {{ link.label }}
+          </a>
+          <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
+        </div>
+      {% endunless %}
+    {% endfor %}
+  </div>
+</nav>

NP_Custom_Templates/customer_templates/G2/dashboard.html.liquid

@@ -0,0 +1,30 @@
+{% include "header" %}
+{% include "course_version_outdated_alert", courses: courses.enrolled %}
+{% include "sub_navigation" %}
+<main class="np-main np-dashboard np-subpage-container np-max-width">
+  <div class="row np-flex-center">
+    <div class="col-xs-12 col-sm-8">
+      {% comment %}
+        {% if features.learning_paths? %}
+          <div class="np-dashboard-resources-title">
+            {% t shared.learning_paths %}
+          </div>
+          {% include "learning_paths_index", items: learning_paths.enrolled %}
+        {% endif %}
+      {% endcomment %}
+      <div class="np-dashboard-resources-title">
+        {% t shared.course_vocabulary.plural, key: current_school.course_vocabulary %}
+      </div>
+      {% include "courses_index", class: "col-xs-12 col-sm-6 np-stretch-content" %}
+    </div>
+    {% if features.training_events? %}
+      <div class="np-grid-spacing col-xs-12 col-sm-4">
+        <div class="np-dashboard-resources-title">
+          {% t .upcoming_events %}
+        </div>
+          {% include "training_events_dashboard" %}
+      </div>
+    {% endif %}
+  </div>
+</main>
+{% include "footer" %}

NP_Custom_Templates/customer_templates/Netradyne/_courses_catalog.html.liquid

@@ -0,0 +1,38 @@
+{% if courses.in_catalog.any? %}
+  <div class="np-catalog-courses row row-with-thumbnails" id="catalog-courses">
+    {% for course in courses.in_catalog %}
+      <div class="col-xs-12 col-md-6 col-lg-4 np-stretch-content" order="{{course.properties.course_order}}">
+        {% include "cards_course" with course %}
+      </div>
+    {% endfor %}
+  </div>
+{% else %}
+  {% capture message %}
+    {% t shared.zero_state.courses.catalog,
+      key: current_school.course_vocabulary
+    %}
+  {% endcapture %}
+  {% include "courses_zero_state", message: message %}
+{% endif %}
+
+<script>
+  var list = document.getElementById('catalog-courses');
+
+  var items = list.childNodes;
+  var itemsArr = [];
+  for (var i in items) {
+    if (items[i].nodeType == 1) {
+      itemsArr.push(items[i]);
+    }
+  }
+
+  itemsArr.sort(function (a, b) {
+    return a.getAttribute('order') == b.getAttribute('order')
+      ? 0
+      : (a.getAttribute('order') > b.getAttribute('order') ? 1 : -1);
+  });
+
+  for (i = 0; i < itemsArr.length; ++i) {
+    list.appendChild(itemsArr[i]);
+  }
+</script>