Datasnipper nav and page updates. Supplier sub nav color updates. nTransit added SVGs icons for their categories.

This commit is contained in:
Norm Rasmussen
2024-09-27 15:04:33 -04:00
parent c61c1e4410
commit 14a3266b89
123 changed files with 3644 additions and 120 deletions

View File

@ -7,8 +7,8 @@
document.title = `${defaultPageTitle} | Learning Paths`
} else if (window.location.pathname == "/app/training_events") {
document.title = `${defaultPageTitle} | Training Events`
//} else if (window.location.pathname == "/app/upcoming-trainings") {
// document.title = `${defaultPageTitle} | Upcoming Trainings`
} else if (window.location.pathname == "/app/upcoming-trainings") {
document.title = `${defaultPageTitle} | Upcoming Trainings`
}
</script>
@ -50,84 +50,35 @@
<div class="np-hidden-mobile np-header-desktop-nav">
<ul class="np-header-desktop-nav-list">
{% for link in navigations.sub_navigation %}
{% comment %} {% unless link.label == "Catalog" %} {% endcomment %}
{% assign link_url = "" %}
{% unless link.label == "Events" %}
{% assign link_url = "" %}
{% if link.label == "Dashboard" %}
<li class="np-header-desktop-nav-item">
<a href="{{ link.url }}" class="np-header-desktop-nav-link
{% if link.label == "Events" %}
TODO: This whole file needs to be cleaned up like cray.
TODO: Hide Events (/app/training_events) and only show /app/upcoming-trainings. Label should be Live Trainings.
np-button
{% else %}
np-header-font-color
{% endif %}
{% if link.label == "Catalog" %}
link-dropdown
{% endif %}">
{% if link.label == "Courses" or link.label == "Dashboard" %}
My Courses
{% elsif link.label == "Catalog" %}
Catalog
<i
data-test="open-catalog-dropdown"
data-toggle-class="np-hidden"
data-toggle-target=".np-catalog-dropdown-content"
class="far fa-chevron-down"></i>
{% elsif link.label == "Events" %}
Live events
{% elsif link.label == "Learning Paths"}
<a href="{{ link.url }}" class="np-header-desktop-nav-link np-header-font-color"> My Courses </a></li>
{% elsif link.label == "Learning Paths" %}
<li class="np-header-desktop-nav-item">
<a href="{{ link.url }}" class="np-header-desktop-nav-link np-header-font-color" style="visibility:hidden"></a></li>
{% else %}
{{ link.label }}
{% endif %}
</a>
{% comment %} {% if link.label == "Catalog" %}
<div class="np-catalog-dropdown-content np-hidden">
<form
class="np-header-search"
data-test="mobile-search"
method="get"
action="{% route search %}">
<svg
xmlns="http://www.w3.org/2000/svg"
width="21"
height="20"
viewBox="0 0 21 20"
fill="none">
<path
d="M18 17.5L15.0834 14.5833M17.1667 9.58333C17.1667 13.4954 13.9954 16.6667 10.0833 16.6667C6.17132 16.6667 3 13.4954 3 9.58333C3 5.67132 6.17132 2.5 10.0833 2.5C13.9954 2.5 17.1667 5.67132 17.1667 9.58333Z"
stroke="#011638"
stroke-width="1.66667"
stroke-linecap="round"
stroke-linejoin="round" />
</svg>
<input
aria-label="{% t .search %}"
class="np-dropdown-search-input"
type="text"
name="q"
placeholder="{% t .search %}" />
</form>
{% for filter in courses.filters limit: 3 %}
<a href="/app/catalog?filter[category_uuid][in][]={{filter.value}}" class="dropdown-category-link">{{ filter.name }}</a>
{% endfor %}
</div>
{% endif %} {% endcomment %}
</li>
{% comment %} {% endunless %} {% endcomment %}
<li class="np-header-desktop-nav-item" >
<a href="{{ link.url }}" class="np-header-desktop-nav-link np-header-font-color" >{{ link.label }}</a></li>
{% endif %}
{% endunless %}
{% endfor %}
{% comment %}
<li class="np-header-desktop-nav-item">
<a href="/app/upcoming-trainings" class="np-header-desktop-nav-link np-button button-purple">
Live trainings
</a>
</li>
{% for website_navigation in navigations.header_navigations_external %}
<li class="np-header-desktop-nav-item">
<a
href="{{ website_navigation.path }}"
class="np-header-desktop-nav-link np-header-font-color"
target="_blank">
{{ website_navigation.name }}
Live Sessions
</a>
</li>
{% endfor %}
{% endcomment %}
</ul>
</div>

View File

@ -3,7 +3,7 @@
{% include "sub_navigation" %}
<main class="np-main np-courses np-subpage-container np-max-width">
<div class="row np-flex-center">
<div class="row">
<div class="col-xs-12 col-sm-8">
{% if features.learning_paths? %}
<div class="np-dashboard-resources-title">
@ -11,15 +11,12 @@
</div>
{% include "learning_paths_index", items: learning_paths.enrolled %}
{% endif %}
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-7 col-lg-9">
{% comment %} <div class="col-xs-12 col-sm-6 col-md-7 col-lg-9"> {% endcomment %}
<div class="np-resource-title">
My Courses
</div>
{% include "courses_index", class: "col-xs-12 col-md-6 col-lg-4 np-stretch-content" %}
</div>
{% if features.training_events? %}
<div class="col-xs-12 col-sm-6 col-md-5 col-lg-3">
<div class="dashboard-events">
@ -30,7 +27,7 @@
</div>
</div>
{% endif %}
</div>
</div>
</main>
{% include "section_datasnipper_expert" %}
{% include "footer" %}