Updated some Zenjob templates. Walmart notes. Need to figure out a new virtualenvironment for running scripts.

Custom_Templates/customer_templates/Zenjob/_header.html.liquid

@@ -26,16 +26,22 @@
       {% if current_person.signed_in? %}
         <button
           data-toggle-class="np-hidden"
-          class="np-header-mobile-menu-nav-button fal fa-times np-hidden np-header-font-color"
+          class="np-header-mobile-menu-nav-button np-hidden mobile-menu-close"
           data-toggle-target=".np-header-mobile-avatar-menu,
           .np-header-mobile-menu-content, .np-main, .np-footer"
-        ></button>
+        >
+          <span data-lang="DE">Menü</span>
+          <span data-lang="EN">Menu</span>
+          <i class="fal fa-times"></i>
+        </button>
         <button
           data-test="open-mobile-menu"
           data-toggle-class="np-hidden"
           class="np-header-mobile-menu-nav-button np-header-mobile-avatar-menu"
-          data-toggle-target=".fa-times, .np-header-mobile-menu-content, .np-main, .np-footer"
+          data-toggle-target=".mobile-menu-close, .np-header-mobile-menu-content, .np-main, .np-footer"
         >
+          <span data-lang="DE">Menü</span>
+          <span data-lang="EN">Menu</span>
           <i class="far fa-bars"></i>
         </button>
       {% endif %}
@@ -249,12 +255,7 @@ body.mobile-menu-open .np-header {
 }
 
 .np-header-logo-image {
-  height:30px;
+  height:27px;
-}
-
-.np-header .fa-bars {
-  font-size: 28px;
-  color: #fff;
 }
 
 .np-header-mobile-menu-nav {
@@ -309,9 +310,21 @@ body.mobile-menu-open .np-header {
   top: 19px;
 }
 
-.np-header-mobile-menu-nav-button.np-header-font-color,
 .np-header-mobile-menu-content-name { color:#fff;}
 
+.np-header-mobile-menu-nav-button {
+  background-color:#fff;
+  color: #3e1191;
+  width: auto;
+  font-size: 16px;
+}
+
+.np-header-mobile-menu-nav-button i.fa-bars,
+.np-header-mobile-menu-nav-button i.fa-times {
+  font-size:20px;
+  margin-left:8px;
+}
+
 @media screen and ( min-width: 48rem ) {
 	.np-header-logo {
 		padding: 1.25rem 0;
@@ -383,7 +396,7 @@ body.mobile-menu-open .np-header {
     color:#fff;
     align-items:center;
     position:relative;
-    margin-right:8px;
+    margin-right:12px;
   }
   .header-language-selection:after {
     content: "\f078";

Custom_Templates/customer_templates/Zenjob/_learning_path_progress_and_cta.html.liquid

@@ -26,7 +26,91 @@
 					not started
 				{% endif %}
 			</span>
-			
 		</div>
+
+    {% if learning_path.enrolled? %}
+      {% learning_path_next_step_button learning_path, class: "np-button-font-color np-button lp-start-button" %}
+    {% else %}
+      {% learning_path_next_step_button learning_path, class: "np-button-font-color np-button lp-enroll-button np-hidden" %}
+    {% endif %}
+
 	</div>
-</div>
+</div>
+
+<style>
+  .lp-start-button {
+    width: auto !important;
+  }
+</style>
+
+<script>
+  window.addEventListener("DOMContentLoaded", () => {
+    document.querySelector(".lp-enroll-button")?.click()
+
+    const targetNode = document.querySelector("body");
+    const config = { attributes: true };
+    const callback = (mutationList, observer) => {
+      for (const mutation of mutationList) {
+        if (mutation.type === "attributes") {
+          if (mutation.attributeName == "data-lang") {
+            console.log(mutation)
+            changeTitleOfNextStepButton()
+            changeLanguageInLearningPathBanner()
+          }
+        }
+      }
+    };
+    const observer = new MutationObserver(callback);
+
+    observer.observe(targetNode, config);
+  })
+
+
+  function changeTitleOfNextStepButton() {
+    setTimeout(() => {
+      console.log(document.querySelector("body").getAttribute("data-lang"))
+      buttonText = document.querySelector(".lp-start-button").innerText.trim()
+      if (document.querySelector("body").getAttribute("data-lang") == "EN") {
+        switch(buttonText) {
+          case "Neuen Inhalt starten", 'Weg beginnen', 'Weiter':
+            document.querySelector(".lp-start-button").innerText = "Start Path"
+            break;
+          case 'Weg anzeigen':
+            document.querySelector(".lp-start-button").innerText = "View Path"
+            break;
+          default:
+            document.querySelector(".lp-start-button").innerText = "Continue"
+            break;
+        }
+      } else if (document.querySelector("body").getAttribute("data-lang") == "DE") {
+        switch(buttonText) {
+          case "Start Path":
+            document.querySelector(".lp-start-button").innerText = "Weg beginnen"
+            break;
+          case 'View Path':
+            document.querySelector(".lp-start-button").innerText = "Weg anzeigen"
+            break;
+          default:
+            document.querySelector(".lp-start-button").innerText = "Weitermachen"
+            break;
+        }
+      }
+    }, 300)
+  }
+
+  function changeLanguageInLearningPathBanner() {
+    setTimeout(() => {
+      if (document.querySelector(".np-learning-path-completed-banner")) {
+        if (document.querySelector("body").getAttribute("data-lang") == "EN") {
+          document.querySelector(".np-learning-path-banner-headline").innerText = "Congratulations!"
+          document.querySelector(".np-learning-path-banner-description").innerText = "You've completed this Learning Path."
+          document.querySelector(".np-learning-path-banner-action").innerText = "Explore More Courses"
+        } else if (document.querySelector("body").getAttribute("data-lang") == "DE") {
+          document.querySelector(".np-learning-path-banner-headline").innerText = "Herzlichen Glückwunsch!"
+          document.querySelector(".np-learning-path-banner-description").innerText = "Du hast diesen Lernpfad abgeschlossen."
+          document.querySelector(".np-learning-path-banner-action").innerText = "Weitere Kurse erkunden"
+        }
+      }
+    }, 300)
+  }
+</script>

Custom_Templates/customer_templates/Zenjob/homepage.html.liquid

@@ -19,7 +19,7 @@
 					{{ homepage.headline }}
 				</div>		
 				<div class="np-homepage-subheadline">
-            Entschuldigung! Es scheint, dass deine E-Mail-Adresse {{current_person.email}} nicht den richtigen Zugang erhalten hat. Es kann nach der Registrierung bis zu 24h dauern, bis du freigeschalten wirst. Sollte das Problem danach weiterhin bestehen, wende dich an talents@zenjob.com, um den Zugang zu den vollständigen Lerninhalten anzufragen.
+            Ups, hier ist etwas schief gelaufen. Bitte stelle sicher, dass du die aktuellste App Version installiert hast und öffne den Zenjob Online Campus erneut über "Profil" > "Trainings & Equipment". Danach solltest du diese Seite problemlos öffnen können.
 				</div>
 			</div>
 		</div>

Custom_Templates/customer_templates/Zenjob/learning_path_summary.html.liquid

@@ -0,0 +1,159 @@
+{% include "header", current_page_orgin: "learning_paths" %}
+
+{% assign lp_items_all_optional = true %}
+{% for item in learning_path.items %}
+	{% unless item.optional? %}
+		{% assign lp_items_all_optional = false %}
+	{% endunless %}
+{% endfor %}
+
+<main class="np-main np-page-container page--learning-path-overview">
+
+{% include "learning_path_banners" %}
+
+{% assign learning_path_image_full_size = learning_path.image_url | replace: '/resize=width:820,height:500,fit:crop/', '/' %}
+
+	<div class="blocks-layout">
+		
+		<div class="col-md-5 col-lg-6">
+			<div class="np-card">
+				<div class="details-card__card-container np-card-container">
+					<div class="np-resource-header details-card__header np-card-padding-dynamic">
+						<div class="np-top-title">
+							{{ learning_path.name }}
+						</div>
+					</div>
+					<div class="np-divider"></div>
+					<div class="details-card__card-content np-card-padding-dynamic">
+						{% if learning_path.description and learning_path.description.size > 0 %}
+							{% include "learning_path_description" %}
+						{% endif %}
+
+						{% if learning_path.instructors and learning_path.instructors.any? %}
+							<div class="np-card-content-divider">
+								{% include "learning_path_instructors" %}
+							</div>
+
+						{% endif %}
+						
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="col-md-7 col-lg-6">
+				<div class="cta__container cta--outline {% if lp_items_all_optional %}all-optional-items{% endif %}">
+					{% include "learning_path_progress_and_cta" %}
+				</div>
+			{% include "learning_path_outline" %}
+		</div>
+
+	</div>
+</main>
+{% include "footer" %}
+
+<style>
+
+.cta__container.cta--outline.all-optional-items {
+	display:none;
+}
+
+.page--learning-path-overview {
+	background: #8B78FA;
+}
+
+.np-learning-path-outline-item .np-card-container {
+	flex-direction: column;
+	overflow: hidden;
+}
+
+.np-learning-path-outline-item .card__image {
+	width:100%;
+	padding:16px;
+	text-align:center;
+}
+
+.np-learning-path-outline-item .card__image > img {
+	max-width:100%;
+	max-height:200px;
+}
+
+.np-learning-path-outline-item .card__image .np-card-ribbon {
+	right:22px;
+	top:22px;
+}
+
+.np-learning-path-outline-content {
+	margin-left: 0;
+	padding: 0 16px 16px;
+}
+
+.np-learning-path-outline-item .np-card-content-title {
+	font-size:18px;
+	margin-bottom: 12px;
+}
+
+.outline-card__icon-container {
+	width: auto;
+	border-radius: 30px;
+	padding: 6px 16px;
+	min-width: 115px;
+	text-align: center;
+	margin-right:0;
+}
+
+.np-learning-path-outline-item .np-card-content-progress {
+	font-size:14px;
+}
+
+@media (min-width:768px) {
+
+	.np-learning-path-outline-item .np-card-container {
+		flex-direction: row;
+		align-items: stretch;
+	}
+
+	.np-learning-path-outline-item .card__image {
+		width:40%;
+		max-width: 300px;
+	}
+
+	.np-learning-path-outline-item .card__image > img {
+		max-height:130px;
+	}
+
+	.np-learning-path-outline-content {
+		padding: 16px;
+		display:flex;
+		flex-direction:row;
+		justify-content: space-between;
+		height:auto;
+	}
+
+	.np-learning-path-outline-content .text-wrapper {
+		display:flex;
+		flex-direction:column;
+	}
+
+	.np-learning-path-outline-item .np-card-content-title {
+		font-size:16px;
+		flex:1;
+	}
+
+	.outline-card__icon-container {
+		margin-left:16px;
+	}
+
+}
+
+@media (min-width:1400px) {
+	.np-learning-path-outline-item .np-card-content-title,
+	.np-learning-path-session-card .np-learning-path-outline-name {
+		font-size:18px;
+	}
+
+	.np-learning-path-outline-item .np-card-content-progress {
+    font-size: 16px;
+	}
+}
+
+</style>

CustomerNotes/Walmart/Walmart.md

@@ -921,3 +921,11 @@ curl --location --request POST 'https://firebasedynamiclinks.googleapis.com/v1/s
   * This will go to a course.
 
 Faisal UUID: 518512cd-c43e-4ed2-b9ed-0a7719ad947f
+
+
+## 1/3/2023
+
+### Feedback Mechanism
+
+Connect with Matt (matt.krise@walmart.com), a UX Designer
+TODO: Talk to Rob about what is even possible.

Scripts/API_Tests/get_course_ids.py

@@ -7,6 +7,7 @@ HEADERS = {
     "X-Api-Key": APIKEY,
 }
 
+
 def get_courses():
     """
     Function to get courses and their IDs
@@ -30,5 +31,6 @@ def get_courses():
             break
     print(list_of_ids)
 
+
 if __name__ == "__main__":
     get_courses()