Artera requested the new course content to be added more places.

Custom_Templates/customer_templates/Artera_prod/_cards_course.html.liquid

@@ -24,6 +24,9 @@
       <a href="{{ course_path }}">
         {{ course.name }}
       </a>
+        {% if course.has_to_restart? %}
+          {% include "course_version_outdated_popup", path: course_path %}
+        {% endif %}
     </h6>
 
     <p style="min-height: 2rem">{{ course.short_description }}</p>

Custom_Templates/customer_templates/Artera_prod/_course_progress_and_cta.html.liquid

@@ -24,6 +24,13 @@
     </button>
   </form>
 {% else %}
+	{% if course.has_to_restart? %}
+			{% include "course_version_outdated_popup", path: course %}
+	<script>
+		console.log("course has to restart?");
+		console.log("{{ course.has_to_restart? }}")
+	</script>
+{% endif %}
   <a
     class="np-top-button np-button-font-color np-button np-button-big"
   {% if course.enrolled? %}

Custom_Templates/customer_templates/Artera_prod/_course_version_outdated_alert.html.liquid

@@ -5,3 +5,10 @@
     </div>
   </div>
 {% endif %}
+
+<style>
+.np-alert {
+    background-color: #9E7CFF;
+    color: white;
+}
+</style>

Custom_Templates/customer_templates/Artera_prod/_course_version_outdated_popup.html.liquid

@@ -5,6 +5,7 @@
       data-toggle-class-on-target="np-popup-tooltip--visible"
       data-toggle-target-parent=".np-popup-tooltip"
       data-toggle-outside
+			style="color:#9E7CFF; z-index:7"
     ></i>
     <div
       class="np-popup-tooltip"

Custom_Templates/customer_templates/Artera_prod/_header.html.liquid

@@ -135,6 +135,7 @@
     {% endif %}
   </div>
   {% include 'my_courses_filter' %}
+	{% include "course_version_outdated_alert", courses: courses.in_catalog %}
 </header>
 
 <div class="np-hidden-desktop">

Custom_Templates/customer_templates/Artera_prod/catalog.html.liquid

@@ -1,6 +1,5 @@
 {% include "header" %}
 <main class="np-main np-catalog np-subpage-container np-max-width">
-  {% include "course_version_outdated_alert", courses: courses.in_catalog %}
   <div class="np-catalog-header-wrapper">
     <div class="np-catalog-header">
       <div>

Custom_Templates/customer_templates/Artera_prod/dashboard.html.liquid

@@ -8,7 +8,7 @@
 {% endif %}
 
 <main class="np-main np-dashboard np-subpage-container np-max-width">
-  {% include "course_version_outdated_alert", courses: courses.enrolled %}
+  {% comment %} {% include "course_version_outdated_alert", courses: courses.enrolled %} {% endcomment %}
   <div class="row np-flex-center">
     <div class="col-xs-12 {% if features.training_events? %} col-sm-8 {% endif %}">
       {% if features.learning_paths? %}
@@ -80,6 +80,9 @@
 </script>
 
 <style>
+	.np-flex-center {
+		padding-top: 20px;
+	}
   .np-dashboard {
     padding-top: 183px;
   }

Custom_Templates/customer_templates/Artera_prod/styles.css.liquid

@@ -29,10 +29,10 @@ body, .np-main {
     padding-top: 123px;
   }
 }
-
+/*
 .np-alert {
   margin: 20px 0;
-}
+}*/
 
 /* Course Cards */