Spark Prod and Sandbox templates. Updated search results for Walmart Prod to hide the metrics program course. Big Ideas sandbox templates along with Mizuno Golf and Aiim's custom css tab.

This commit is contained in:
Norm Rasmussen
2023-11-30 17:38:50 -05:00
parent e739938d64
commit 419a9ed505
46 changed files with 1647 additions and 6 deletions

View File

@ -0,0 +1,55 @@
{% assign enrolled_courses = courses.enrolled %}
{% include "mobile_header", title: "Search", back_icon: "fa-arrow-left", back_link: "javascript: goBack()" %}
{% include "sub_navigation" %}
<main class="np-main np-search np-subpage-container np-max-width">
<div class="np-header-search np-catalog-search np-header-search-expanded">
<form action="{% route search %}" method="get" data-test="desktop-search">
<input
aria-label="Search courses"
class="np-header-search-input np-header-font-background-color"
type="text"
name="q"
placeholder="Search"
/>
<i class="np-header-search-icon far fa-search"></i>
</form>
</div>
<div class="np-search-header">
<div class="np-resource-subtitle">
<span class="np-resource-subtitle-number">{{ results.count }}</span>
{% t .results_for %}
<span class="results-term">"{{ results.term }}"</span>
</div>
</div>
{% if results.items.any? %}
<div class="search-results-list">
{% render "search_result" for results.items as result %}
</div>
{% else %}
<div class="np-card np-search-zero-state">
<div class="np-card-container">
<div class="np-card-content np-card-content-vertical np-search-zero-state-card">
<div class="search-zero-state-img"></div>
<div class="np-zero-state-text">
<div class="zero-state-header">No results found</div>
<div>Please try another search item.</div>
</div>
</div>
</div>
</div>
{% endif %}
</main>
<script>
$(document).ready(function() {
const term = '{{ results.term }}'
sortSearchResultsByTerm(term)
const resultsCount = document.querySelector(".np-resource-subtitle-number")
const allResults = document.querySelectorAll(".np-search-result")
resultsCount.innerHTML = allResults.length
})
</script>