Template changes for Williams-Sonoma, Artera, and Instacart.

Custom_Templates/customer_templates/Artera_prod/auth_url_email.html.liquid

@@ -69,7 +69,7 @@
       // Grabs Email Address Value
       const learnerEmail = $("#learner_email")[0].value;
 
-      const blockedEmails = [ "gmail.com", "yahoo.com" ]
+      const blockedEmails = [ "gmail.com", "yahoo.com", "aol.com", "apple.com", "comcast.com", "google.com", "hotmail.com", "icloud.com", "outlook.com" ]
 	  // "hotmail.com", "aol.com", "outlook.com", "icloud.com", "me.com", "mac.com" ]
 
       if ($("#learner_email")[0].value.length > 0){

Custom_Templates/customer_templates/Instacart - Carrot/master.html.liquid

@@ -37,19 +37,19 @@
   function updateFilter(filterId) {
     const filterContainer = document.querySelector('#filter-dropdown-' + filterId);
     const label = document.querySelector('#filter-dropdown-' + filterId + ' .filter-value-label');
-    
+
     if (filterContainer && label) {
       // Get category filter values
       const categorySelect = filterContainer.querySelector('select[name="category-filter"]');
       const categoryValues = categorySelect ? Array.from(categorySelect.selectedOptions).map(option => option.value) : [];
-      
+
       // Get progress filter values
       const progressSelect = filterContainer.querySelector('select[name="progress-filter"]');
       const progressValues = progressSelect ? Array.from(progressSelect.selectedOptions).map(option => option.value) : [];
-      
+
       // Calculate total selected count
       const totalSelected = categoryValues.length + progressValues.length;
-      
+
       if (totalSelected === 0) {
         // Set language-specific "All" text
         const allTextEn = label.querySelector('.lang-en');
@@ -65,7 +65,7 @@
         const selectedText = lang === 'es' ? `${totalSelected} seleccionados` : `${totalSelected} selected`;
         label.textContent = selectedText;
       }
-      
+
       // Fire custom event with both filter types
       const filterUpdateEvent = new CustomEvent('filterUpdate', {
         detail: {
@@ -74,14 +74,14 @@
           progressValues: progressValues
         }
       });
-      
+
       document.dispatchEvent(filterUpdateEvent);
     }
   }
 
   function resetFilter(filterId) {
     const filterContainer = document.querySelector('#filter-dropdown-' + filterId);
-    
+
     if (filterContainer) {
       // Reset category filter
       const categorySelect = filterContainer.querySelector('select[name="category-filter"]');
@@ -95,7 +95,7 @@
       Array.from(categoryDisplay).forEach(child => {
         child.remove();
       });
-      
+
       // Reset progress filter
       const progressSelect = filterContainer.querySelector('select[name="progress-filter"]');
       if (progressSelect) {
@@ -108,7 +108,7 @@
       Array.from(progressDisplay).forEach(child => {
         child.remove();
       });
-      
+
       // Update the filter to apply the reset
       updateFilter(filterId);
     }
@@ -162,4 +162,4 @@
     }
   });
 
-</script>
+</script>

Custom_Templates/customer_templates/WSGC - Post-New Hire/_catalog_popup_message.html

@@ -1,97 +0,0 @@
-<button
-  type="button"
-  class="catalog-dialog-trigger"
-  data-toggle-class-on-target
-  data-toggle-target="#dialog_catalog"
-  data-toggle-escape
-  data-toggle-modal
-  style="display:none">
-  Click
-</button>
-
-<div class="catalog-dialog" id="dialog_catalog">
-  <section class="catalog-dialog-container">
-    <div class="catalog-dialog-content">
-      <h4>
-        <strong>Welcome to the WSIU Course Catalog.</strong>
-      </h4>
-			<p>Welcome to the future home of WSI University. At this time this area is under construction. If needed, please access WSIU through our Homefront site as usual. Do not access courses here at this time. Thank you.</p>
-    </div>
-    <footer class="catalog-dialog-footer">
-      <button
-        type="button"
-        class="np-button"
-        data-toggle-trigger-off>
-        I Acknowledge
-      </button>
-    </footer>
-  </section>
-</div>
-
-<style>
-  .catalog-dialog {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 100;
-    display: flex;
-    padding: 1em;
-    background-color: rgba(0, 0, 0, 0.75);
-    visibility: hidden;
-    opacity: 0;
-    pointer-events: none;
-    transition: 0.25s ease-out;
-  }
-  .catalog-dialog.is-active {
-    visibility: visible;
-    opacity: 1;
-    pointer-events: auto;
-  }
-  .catalog-dialog-container {
-    width: 100%;
-    max-width: 700px;
-    margin: auto;
-    transform: translateY(-1em) scale(0.95);
-    background-color: white;
-    transition: transform 0.25s ease-out;
-  }
-
-  .catalog-dialog.is-active .catalog-dialog-container {
-    transform: translateY(0) scale(1);
-  }
-
-  .catalog-dialog-content h4 {
-    font-family: "Lato"
-    , sans-serif;
-    font-size: 20px;
-  }
-
-  .catalog-dialog-content {
-    line-height: normal;
-  }
-
-  .catalog-dialog-content {
-    padding: 12px 24px;
-  }
-
-  .catalog-dialog-footer {
-    padding: 0 24px 24px;
-  }
-
-  .catalog-dialog-footer button {
-    display: inline-block;
-    cursor: pointer;
-  }
-</style>
-
-<script>
-  $(document).ready(function(){
-  if (window.location.pathname == "/app/catalog" && !sessionStorage.catalogAcknowledged) {
-    $(".catalog-dialog-trigger").click()
-    sessionStorage.catalogAcknowledged = true;
-  }
-  })
-
-</script>

Custom_Templates/customer_templates/WSGC - Post-New Hire/_catalog_popup_message.html.liquid

@@ -1,3 +1,4 @@
+{% comment %}
 <button
   type="button"
   class="catalog-dialog-trigger"
@@ -95,3 +96,4 @@
   })
 
 </script>
+{% endcomment %}

Custom_Templates/customer_templates/WSGC - Post-New Hire/_header.html.liquid

@@ -51,7 +51,7 @@
     </div>
 
     {% if current_person.signed_in? %}
-      {% comment %} <div class="np-hidden-mobile np-header-search np-header-search-expanded">
+    <div class="np-hidden-mobile np-header-search np-header-search-expanded">
                                                                 <form action="{% route search %}" method="get" data-test="desktop-search">
                                                                   <input
                                                                     aria-label="{% t .search %}"
@@ -62,7 +62,7 @@
                                                                   />
                                                                   <i class="np-header-search-icon far fa-search"></i>
                                                                 </form>
-                                                </div> {% endcomment %}
+		</div>
       <div class="np-hidden-mobile np-header-avatar">
         <button
           class="np-header-avatar-button"
@@ -164,4 +164,4 @@
     align-items: center;
     background-color: #000;
   }
-</style>
+</style>

Custom_Templates/customer_templates/WSGC - Post-New Hire/_sub_navigation.html.liquid

@@ -5,10 +5,15 @@
 			{% if link.label == "Catalog" %}
         <div class="np-sub-navigation-content-item {{ link.active_class }}">
           <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
-            WSIU
+            Course Catalog
           </a>
           <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
 				</div>
+	  {% elsif link.label == 'Learning Paths' %}
+        <div class="np-sub-navigation-content-item {{ link.active_class }}" style="display: none">
+          <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
+          </a>
+        </div>
 			{% else %}
         <div class="np-sub-navigation-content-item {{ link.active_class }}">
           <a class="np-sub-navigation-content-item-link" href="{{ link.url }}">
@@ -17,7 +22,7 @@
           <div class="np-sub-navigation-content-item-bar np-button-background-color"></div>
         </div>
 			{% endif %}
-				{% endunless %}
+		{% endunless %}
     {% endfor %}
   </div>
 </nav>

Custom_Templates/customer_templates/WSGC - Post-New Hire/catalog.html.liquid

@@ -1,5 +1,5 @@
 {% include "header" %}
-{% include "catalog_popup_message" %}
+{% comment %} {% include "catalog_popup_message" %} {% endcomment %}
 
 {% include "sub_navigation" %}
 <main class="np-main np-catalog np-subpage-container np-max-width">
@@ -90,13 +90,13 @@
       const courseCategories = course.getAttribute("data-categories")
       const courseDuration = course.getAttribute("data-duration")
 
-      if 
+      if
         ((courseCategories.includes(selectedCategoryFilterID) || selectedCategoryFilterID == "all" ) && (!selectedDurationFilters.length || (courseDuration <= maxDuration && courseDuration >= minDuration))) {
         course.style.display = "flex"
       } else {
         course.style.display = "none"
-      }     
+      }
     })
 
   }
-</script>
+</script>

Custom_Templates/customer_templates/WSGC - Post-New Hire/homepage.html.liquid

@@ -86,17 +86,19 @@
 
     if (selectedFilter == 'all') {
    $(".filterable-course").show()
-    } else {
+    } 
-      $(".filterable-course").hide()
+    else {
-    $(".filterable-course").each(function(index, course) {
+      $(".filterable-course").hide();
-      const courseFilter = $(course).attr("data-filter")
+     $(".filterable-course").each(function(index, course) {
-      console.log(courseFilter)
+       const courseFilter = $(course).attr("data-filter")
+       console.log(courseFilter)
 
-      if (courseFilter.includes(selectedFilter)) {
+       if (courseFilter.includes(selectedFilter)) {
-        $(".filterable-course").show()
+         $(this).show()
-      }
+       }
     })
     }
 
   })
 </script>
+