Creating a script for Anthology to update all the names of their learner properties based on new subscription model. Downloaded and updated some templates for this same project.
This commit is contained in:
Norm Rasmussen
Binary file not shown.
@ -1,13 +0,0 @@
|
||||
{% include "header" %}
|
||||
<main class="np-main np-learning-paths np-subpage-container np-max-width">
|
||||
<div class="np-learning-paths-main">
|
||||
<div class="np-resource-title">
|
||||
{% t shared.learning_paths %}
|
||||
</div>
|
||||
<div class="np-resource-subtitle">
|
||||
{% t .subtitle %}
|
||||
</div>
|
||||
{% include "learning_paths_index", items: learning_paths.available %}
|
||||
</div>
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
@ -1,7 +1,7 @@
|
||||
<div class="np-resource-title">
|
||||
{% t .header %}
|
||||
</div>
|
||||
<div class="np-form-field {% if form.errors contains 'email' %}np-account-form-field-error{% endif %}">
|
||||
<div class="np-form-field {% if form.errors contains 'email' %}np-account-form-field-error{% endif %}" style="display: none;">
|
||||
<label class="np-input-label" for="{{version}}_learner_email">{% t shared.email %} *</label>
|
||||
<input
|
||||
{% if form.options.invite? %} disabled {% endif %}
|
||||
@ -40,7 +40,7 @@
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
|
||||
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
|
||||
{% assign product_alt = 'Anthology' %}
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' %}
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' or course.properties.product_names_for_course_cards contains 'Finance' or course.properties.product_names_for_course_cards contains 'HCM' %}
|
||||
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_FinanceHCM.png' %}
|
||||
{% assign product_alt = 'Anthology Finance & HCM' %}
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
|
||||
@ -40,7 +40,7 @@
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
|
||||
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
|
||||
{% assign product_alt = 'Anthology' %}
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' %}
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' or course.properties.product_names_for_course_cards contains 'Finance' or course.properties.product_names_for_course_cards contains 'HCM' %}
|
||||
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_FinanceHCM.png' %}
|
||||
{% assign product_alt = 'Anthology Finance & HCM' %}
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
|
||||
@ -1,4 +1,8 @@
|
||||
<div class="np-card np-no-horizontal-padding">
|
||||
{% assign allCats = '' %}
|
||||
{% for category in learning_path.categories %}
|
||||
{% assign allCats = allCats | append: category.name | append: ' || '%}
|
||||
{% endfor %}
|
||||
<div class="np-card np-no-horizontal-padding" data-categories="{{ allCats }}">
|
||||
<div class="np-card-container">
|
||||
<div class="np-learning-path">
|
||||
<img
|
||||
@ -40,7 +40,7 @@
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
|
||||
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
|
||||
{% assign product_alt = 'Anthology' %}
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' %}
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' or course.properties.product_names_for_course_cards contains 'Finance' or course.properties.product_names_for_course_cards contains 'HCM' %}
|
||||
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_FinanceHCM.png' %}
|
||||
{% assign product_alt = 'Anthology Finance & HCM' %}
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
|
||||
@ -159,179 +159,180 @@
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.row-with-thumbnails {
|
||||
margin: 60px auto 0 !important;
|
||||
}
|
||||
.np-card-ribbon {
|
||||
background: #0054bc !important;
|
||||
border: 1px solid #07a9cb;
|
||||
z-index: 99999999;
|
||||
padding: 5px !important;
|
||||
}
|
||||
.card-product-banner{
|
||||
align-items: center;
|
||||
background: #FFF;
|
||||
box-shadow: 0 3px 30px rgba(0,0,0,.1);
|
||||
display: flex;
|
||||
height: 32px;
|
||||
overflow: hidden;
|
||||
padding: 6px 8px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.product-logo {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.product-logo-banner {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.np-flex-1 {
|
||||
padding: 10px 20px 20px;
|
||||
}
|
||||
|
||||
.np-catalog-courses {
|
||||
display: grid !important;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1000px) {
|
||||
.np-catalog-courses {
|
||||
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
||||
|
||||
<style>
|
||||
.row-with-thumbnails {
|
||||
margin: 60px auto 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
.np-catalog-courses {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
.np-card-ribbon {
|
||||
background: #0054bc !important;
|
||||
border: 1px solid #07a9cb;
|
||||
z-index: 99999999;
|
||||
padding: 5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.np-card.col-lg-4,
|
||||
.np-card.col-md-4,
|
||||
.np-card.col-sm-6 {
|
||||
max-width: 100% !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.np-max-width {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.card-image-replacement{
|
||||
/* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
|
||||
background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
|
||||
height: 12rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 550px) and (max-width: 649px){
|
||||
.card-image-replacement{
|
||||
height: 15rem;
|
||||
.card-product-banner{
|
||||
align-items: center;
|
||||
background: #FFF;
|
||||
box-shadow: 0 3px 30px rgba(0,0,0,.1);
|
||||
display: flex;
|
||||
height: 32px;
|
||||
overflow: hidden;
|
||||
padding: 6px 8px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 650px) and (max-width: 767px){
|
||||
.card-image-replacement{
|
||||
height: 20rem;
|
||||
}
|
||||
}
|
||||
|
||||
.course-card-info {
|
||||
max-height: 100% !important;
|
||||
height: auto !important; /*calc(100% - 38px);*/
|
||||
justify-content: center !important;
|
||||
position: relative !important;
|
||||
top: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.course-card-title{
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
line-height: 25px;
|
||||
margin-top: 8px !important;
|
||||
}
|
||||
|
||||
.course-card-button{
|
||||
border-radius: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
height: 100%;
|
||||
line-height: 21px;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.course-card-button:focus{
|
||||
border: 2px solid blue;
|
||||
}
|
||||
|
||||
.np-progress-bar-container,
|
||||
.np-card-progress-bar{
|
||||
border-radius: 0;
|
||||
height: 3px;
|
||||
margin: 0;
|
||||
background: linear-gradient(81.13deg, #0054bc 45.35%, #0dac14 94.86%);
|
||||
}
|
||||
|
||||
.np-card-content-progress{
|
||||
height: 25px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.course-card-progress-bar{
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.course-card .np-card-container {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.np-card-content-progress{
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.np-card-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.card-bottom-details-plain {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.card-bottom-details-plain .course-card-button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background-color: #0054bc;
|
||||
}
|
||||
|
||||
.card-bottom-details-plain .course-card-button:hover {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.course-card-wrapper{
|
||||
/* margin-bottom: 32px;
|
||||
max-height: 315px;
|
||||
max-width: 445px; */
|
||||
}
|
||||
|
||||
.course-card{
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.course-card-wrapper,
|
||||
.course-card{
|
||||
|
||||
.product-logo {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
.product-logo-banner {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.np-flex-1 {
|
||||
padding: 10px 20px 20px;
|
||||
}
|
||||
|
||||
.np-catalog-courses {
|
||||
display: grid !important;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1000px) {
|
||||
.np-catalog-courses {
|
||||
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
.np-catalog-courses {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
.np-card.col-lg-4,
|
||||
.np-card.col-md-4,
|
||||
.np-card.col-sm-6 {
|
||||
max-width: 100% !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.np-max-width {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.card-image-replacement{
|
||||
/* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,235,243,1) 60%); */
|
||||
background: linear-gradient(325deg, rgba(255,255,255,1) 0%, rgb(225 235 343 / 30%) 60%);
|
||||
height: 12rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 550px) and (max-width: 649px){
|
||||
.card-image-replacement{
|
||||
height: 15rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 650px) and (max-width: 767px){
|
||||
.card-image-replacement{
|
||||
height: 20rem;
|
||||
}
|
||||
}
|
||||
|
||||
.course-card-info {
|
||||
max-height: 100% !important;
|
||||
height: auto !important; /*calc(100% - 38px);*/
|
||||
justify-content: center !important;
|
||||
position: relative !important;
|
||||
top: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.course-card-title{
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
line-height: 25px;
|
||||
margin-top: 8px !important;
|
||||
}
|
||||
|
||||
.course-card-button{
|
||||
border-radius: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
height: 100%;
|
||||
line-height: 21px;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.course-card-button:focus{
|
||||
border: 2px solid blue;
|
||||
}
|
||||
|
||||
.np-progress-bar-container,
|
||||
.np-card-progress-bar{
|
||||
border-radius: 0;
|
||||
height: 3px;
|
||||
margin: 0;
|
||||
background: linear-gradient(81.13deg, #0054bc 45.35%, #0dac14 94.86%);
|
||||
}
|
||||
|
||||
.np-card-content-progress{
|
||||
height: 25px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.course-card-progress-bar{
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.course-card .np-card-container {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.np-card-content-progress{
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.np-card-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.card-bottom-details-plain {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.card-bottom-details-plain .course-card-button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background-color: #0054bc;
|
||||
}
|
||||
|
||||
.card-bottom-details-plain .course-card-button:hover {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px){
|
||||
.course-card-wrapper{
|
||||
/* margin-bottom: 32px;
|
||||
max-height: 315px;
|
||||
max-width: 445px; */
|
||||
}
|
||||
|
||||
.course-card{
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.course-card-wrapper,
|
||||
.course-card{
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
|
||||
@ -40,7 +40,7 @@
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Insight' %}
|
||||
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology.png' %}
|
||||
{% assign product_alt = 'Anthology' %}
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' %}
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Finance & HCM' or course.properties.product_names_for_course_cards contains 'Finance' or course.properties.product_names_for_course_cards contains 'HCM' %}
|
||||
{% assign product_logo = 'https://shelves.s3.us-east-1.amazonaws.com/academy/imgs/Anthology_FinanceHCM.png' %}
|
||||
{% assign product_alt = 'Anthology Finance & HCM' %}
|
||||
{% elsif course.properties.product_names_for_course_cards == 'Anthology Payroll' %}
|
||||
@ -37,18 +37,25 @@
|
||||
$('document').ready(function(){
|
||||
let allCategoryFilters = document.querySelectorAll('.category-filter-entry');
|
||||
let allSearchedResults = document.querySelectorAll('.course-card');
|
||||
let allCourses = document.querySelector('.np-catalog-courses').children;
|
||||
let allCourses = (document.querySelector('.np-catalog-courses') !== null) ? document.querySelector('.np-catalog-courses').children : '';
|
||||
|
||||
// for(let i = 0; i < allCourses.length; i++){
|
||||
// allCourses[i].style.display = 'block';
|
||||
// }
|
||||
console.log(allCategoryFilters.length);
|
||||
if(allCategoryFilters.length <= 1) {
|
||||
document.querySelector('.catalog-filter-component').style.display = 'none';
|
||||
} else {
|
||||
document.querySelector('.catalog-filter-component').style.display = 'block';
|
||||
}
|
||||
|
||||
for(let i = 1; i < allCategoryFilters.length; i++){
|
||||
let productFound = false;
|
||||
for(let j = 0; j < allSearchedResults.length; j++){
|
||||
|
||||
if(allSearchedResults[j].parentNode.dataset.categories.indexOf(allCategoryFilters[i].getAttribute('value')) > -1){
|
||||
productFound = true;
|
||||
if(allSearchedResults[j].parentNode.dataset.categories){
|
||||
if(allSearchedResults[j].parentNode.dataset.categories.indexOf(allCategoryFilters[i].getAttribute('value')) > -1){
|
||||
productFound = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -91,13 +98,13 @@
|
||||
for(let i = 1; i < allProductFiltersEntry.length; i++){
|
||||
allProductFiltersEntry[i].style.display = 'block';
|
||||
}
|
||||
|
||||
|
||||
if(event.target.value != 'Default'){
|
||||
for(let i = 1; i < allProductFiltersEntry.length; i++){
|
||||
let productFound = false;
|
||||
|
||||
|
||||
for(let j = 0; j < allFilteredResults.length; j++){
|
||||
|
||||
|
||||
if(allFilteredResults[j].dataset.product){
|
||||
if(allFilteredResults[j].dataset.product.indexOf(allProductFiltersEntry[i].getAttribute('value')) > -1){
|
||||
if(!allFilteredResults[j].classList.contains('filtered')){
|
||||
@ -106,7 +113,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if(!productFound){
|
||||
allProductFiltersEntry[i].style.display = 'none';
|
||||
}
|
||||
@ -139,7 +146,7 @@
|
||||
|
||||
// if(catFound){
|
||||
// allCategoryFiltersEntry[i].style.display = 'block';
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// Last step is to return cat dropdown to always be all cats on product selection
|
||||
@ -0,0 +1,160 @@
|
||||
<div class="np-filter" tabindex="0">
|
||||
<div class="dropdown">
|
||||
<select
|
||||
class="category-filter-dropdown np-input"
|
||||
type="text"
|
||||
name="category-filter-dropdown"
|
||||
id="category-filter-dropdown"
|
||||
onchange="filterByCategory()"
|
||||
>
|
||||
{% assign sorted_categories = current_school.filterable_categories | sort: "name" %}
|
||||
<option class="category-filter-entry" value="Default" selected>All Categories</option>
|
||||
|
||||
{% for category in sorted_categories %}
|
||||
{% assign renderCat = false %}
|
||||
|
||||
{% for learning_path in learning_paths.enrolled %}
|
||||
{% for lp_category in learning_path.categories %}
|
||||
|
||||
{% assign renderCat = true %}
|
||||
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
|
||||
{% comment %} Need to iterate over all filterable categories, target all searched cards, check if cat exists, render if found {% endcomment %}
|
||||
|
||||
{% comment %} Need to generate category entires dynamically? Might not be possible because liquid is server side. Would need to pull all cats before load but all Searched Results after render {% endcomment %}
|
||||
|
||||
{%if renderCat %}
|
||||
<option class="category-filter-entry" value="{{ category.name }}">{{ category.name }}</option>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$('document').ready(function(){
|
||||
let allCategoryFilters = document.querySelectorAll('.category-filter-entry');
|
||||
let allSearchedResults = document.querySelectorAll('.np-card');
|
||||
let allCourses = (document.querySelector('.np-learning-paths-resources') !== null) ? document.querySelector('.np-learning-paths-resources').children : '';
|
||||
|
||||
// for(let i = 0; i < allCourses.length; i++){
|
||||
// allCourses[i].style.display = 'block';
|
||||
// }
|
||||
|
||||
if(allCategoryFilters.length <= 1) {
|
||||
document.querySelector('.catalog-filter-component').style.display = 'none';
|
||||
} else {
|
||||
document.querySelector('.catalog-filter-component').style.display = 'block';
|
||||
}
|
||||
|
||||
for(let i = 1; i < allCategoryFilters.length; i++){
|
||||
let productFound = false;
|
||||
for(let j = 0; j < allSearchedResults.length; j++){
|
||||
if(allSearchedResults[j].dataset.categories){
|
||||
if(allSearchedResults[j].dataset.categories.indexOf(allCategoryFilters[i].getAttribute('value')) > -1){
|
||||
productFound = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if(!productFound){
|
||||
allCategoryFilters[i].style.display = 'none';
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
let filterByCategory = () => {
|
||||
let allLearning = document.querySelector('.np-learning-paths-resources').children;
|
||||
|
||||
for(let i = 0; i < allLearning.length; i++){
|
||||
if(event.target.value == 'Default'){
|
||||
allLearning[i].classList.remove('filtered');
|
||||
//if(!allLearning[i].classList.contains('hidden-by-product')){
|
||||
allLearning[i].style.display = 'block';
|
||||
//}
|
||||
} else {
|
||||
if(allLearning[i].dataset.categories.indexOf(event.target.value) == -1){
|
||||
allLearning[i].classList.add('filtered');
|
||||
// if(allLearning[i].classList.contains('hidden-by-product')){
|
||||
allLearning[i].style.display = 'none';
|
||||
//}
|
||||
} else {
|
||||
allLearning[i].classList.remove('filtered');
|
||||
//if(!allLearning[i].classList.contains('hidden-by-product')){
|
||||
allLearning[i].style.display = 'block';
|
||||
//}
|
||||
};
|
||||
};
|
||||
};
|
||||
|
||||
// This will adjust and recreate the filters with the proper values
|
||||
|
||||
let allProductFiltersEntry = document.querySelectorAll(".product-filter-entry");
|
||||
// let allCategoryFiltersEntry = document.querySelectorAll('.category-filter-entry');
|
||||
let allFilteredResults = document.querySelector('.np-learning-paths-resources').children;
|
||||
|
||||
for(let i = 1; i < allProductFiltersEntry.length; i++){
|
||||
allProductFiltersEntry[i].style.display = 'block';
|
||||
}
|
||||
|
||||
if(event.target.value != 'Default'){
|
||||
for(let i = 1; i < allProductFiltersEntry.length; i++){
|
||||
let productFound = false;
|
||||
|
||||
for(let j = 0; j < allFilteredResults.length; j++){
|
||||
|
||||
if(allFilteredResults[j].dataset.product){
|
||||
if(allFilteredResults[j].dataset.product.indexOf(allProductFiltersEntry[i].getAttribute('value')) > -1){
|
||||
if(!allFilteredResults[j].classList.contains('filtered')){
|
||||
productFound = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if(!productFound){
|
||||
allProductFiltersEntry[i].style.display = 'none';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// -------------------------------------------------------------------------------------------
|
||||
// this section is to update the category filter based on category filter changes
|
||||
// commented out because the control of category filter entries should be solely on the product filter
|
||||
|
||||
// for(let i = 1; i < allCategoryFiltersEntry.length; i++){
|
||||
// allCategoryFiltersEntry[i].style.display = 'none';
|
||||
// }
|
||||
|
||||
// for(let i = 1; i < allCategoryFiltersEntry.length; i++){
|
||||
// let catFound = false;
|
||||
|
||||
// for(let j = 0; j < allFilteredResults.length; j++){
|
||||
// if(allFilteredResults[j].dataset.categories){
|
||||
// if(allFilteredResults[j].dataset.categories.indexOf(allCategoryFiltersEntry[i].getAttribute('value')) > -1){
|
||||
// console.log(allCategoryFiltersEntry[i].getAttribute('value'));
|
||||
// catFound = true;
|
||||
|
||||
// // if(allFilteredResults[j].style.display == 'none'){
|
||||
// // catFound = true;
|
||||
// // }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// if(catFound){
|
||||
// allCategoryFiltersEntry[i].style.display = 'block';
|
||||
// }
|
||||
// }
|
||||
|
||||
// Last step is to return cat dropdown to always be all cats on product selection
|
||||
// This will prevent cats that shouldnt be present from remaining selected
|
||||
|
||||
// $('#category-filter-dropdown > option:nth-child(1)').text('All Categories');
|
||||
|
||||
// $('#product-filter-dropdown > option:nth-child(1)').attr('selected', true);
|
||||
// $('#product-filter-dropdown').val('Default');
|
||||
}
|
||||
</script>
|
||||
@ -71,7 +71,7 @@
|
||||
} else {
|
||||
if(allLearning[i].dataset.product != event.target.value){
|
||||
allLearning[i].style.display = 'none';
|
||||
allLearning[i].classList. add('hidden-by-product');
|
||||
allLearning[i].classList.add('hidden-by-product');
|
||||
} else {
|
||||
allLearning[i].classList.remove('hidden-by-product');
|
||||
if(!allLearning[i].classList.contains('filtered')){
|
||||
@ -144,6 +144,53 @@
|
||||
// $('#category-filter-dropdown').val('Default');
|
||||
};
|
||||
{% elsif page == 'Dashboard' %}
|
||||
if(allProductTypesDash.length > 1){
|
||||
allProductTypesDash.map((product) => {
|
||||
if(product != 'Anthology-Default'){
|
||||
if(product.indexOf('&') > -1){
|
||||
product = product.replace('&', '&');
|
||||
}
|
||||
let productOption = document.createElement('option');
|
||||
productOption.classList.add('product-filter-entry');
|
||||
productOption.setAttribute('value', product)
|
||||
productOption.innerHTML = `${product}`;
|
||||
|
||||
productFilterEl.appendChild(productOption);
|
||||
}
|
||||
})
|
||||
} else {
|
||||
productFilterEl.style.display = 'none';
|
||||
document.querySelector('.view-swapper-container').style.marginBottom = '0';
|
||||
}
|
||||
|
||||
let filterByProduct = () => {
|
||||
let inProgressCourses = document.querySelector('.courses-in-prog').children;
|
||||
let completedCourses = document.querySelector('.courses-completed').children;
|
||||
|
||||
for(let i = 0; i < inProgressCourses.length; i++){
|
||||
if(event.target.value == 'Default'){
|
||||
inProgressCourses[i].style.display = 'block';
|
||||
} else {
|
||||
if(inProgressCourses[i].dataset.product != event.target.value){
|
||||
inProgressCourses[i].style.display = 'none';
|
||||
} else {
|
||||
inProgressCourses[i].style.display = 'block';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
for(let i = 0; i < completedCourses.length; i++){
|
||||
if(event.target.value == 'Default'){
|
||||
completedCourses[i].style.display = 'block';
|
||||
} else {
|
||||
if(completedCourses[i].dataset.product != event.target.value){
|
||||
completedCourses[i].style.display = 'none';
|
||||
} else {
|
||||
completedCourses[i].style.display = 'block';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// if(allProductTypesDash.length > 1){
|
||||
// allProductTypesDash.map((product) => {
|
||||
// if(product != 'Anthology-Default'){
|
||||
@ -1,6 +1,7 @@
|
||||
<div class="np-learning-paths-resources">
|
||||
{% if items.any? %}
|
||||
{% for learning_path in items %}
|
||||
{% assign sorted_items = items | sort: 'name' %}
|
||||
{% for learning_path in sorted_items %}
|
||||
{% include "cards_learning_path" with learning_path %}
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
@ -26,7 +26,7 @@
|
||||
</a>
|
||||
{% endunless %}
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -45,7 +45,7 @@
|
||||
</div>
|
||||
<ul class="product-subscriptions">
|
||||
{% assign subscription_levels = current_person.properties.subscription_levels | split: "," %}
|
||||
|
||||
|
||||
{% assign essentials_found_flag = false %}
|
||||
{% for subscription_level in subscription_levels %}
|
||||
{% assign name_level_pair = subscription_level | split: ":"%}
|
||||
@ -57,7 +57,7 @@
|
||||
|
||||
{% if essentials_found_flag %}
|
||||
<div class="product-subscription-level-header">
|
||||
Essential
|
||||
Core
|
||||
</div>
|
||||
<div style="background: #795CA0; height: 3px; margin: 5px; width: 20px;"></div>
|
||||
{% endif %}
|
||||
@ -65,16 +65,16 @@
|
||||
{% for subscription_level in subscription_levels %}
|
||||
{% assign name_level_pair = subscription_level | split: ":"%}
|
||||
{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
|
||||
|
||||
|
||||
{% if product_sub_level contains 'Essential' %}
|
||||
{% include "profile_logo_calculator", product: name_level_pair[0] %}
|
||||
{%- comment -%} <li class="product-subscription">
|
||||
<span class="subscription-name">
|
||||
{{ name_level_pair[0] }}
|
||||
</span>
|
||||
</span>
|
||||
<span class="subscription-level">
|
||||
{{ name_level_pair[1] }}
|
||||
</span>
|
||||
</span>
|
||||
{% if '{{name_level_pair[1]}}' == 'ESS' %}
|
||||
Essential
|
||||
{% elsif '{{name_level_pair[1]}}' == 'ENH' %}
|
||||
@ -99,7 +99,7 @@
|
||||
|
||||
{% if enhanced_found_flag %}
|
||||
<div class="product-subscription-level-header" style="margin-top: 20px;">
|
||||
Enhanced
|
||||
Core
|
||||
</div>
|
||||
<div style="background: #49A9E1; height: 3px; margin: 5px; width: 20px;"></div>
|
||||
{% endif %}
|
||||
@ -128,7 +128,7 @@
|
||||
|
||||
{% if enhanced_plus_found_flag %}
|
||||
<div class="product-subscription-level-header" style="margin-top: 20px;">
|
||||
Enhanced Plus
|
||||
Premium
|
||||
</div>
|
||||
<div style="background: #E26B37; height: 3px; margin: 5px; width: 20px;"></div>
|
||||
{% endif %}
|
||||
@ -136,7 +136,7 @@
|
||||
{% for subscription_level in subscription_levels %}
|
||||
{% assign name_level_pair = subscription_level | split: ":"%}
|
||||
{% assign product_sub_level = name_level_pair | slice: 1 | strip %}
|
||||
|
||||
|
||||
{% if product_sub_level contains 'Enhanced+' %}
|
||||
{% include "profile_logo_calculator", product: name_level_pair[0] %}
|
||||
{% comment %} <li class="product-subscription">
|
||||
@ -154,7 +154,7 @@
|
||||
.profile-card-container{
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
|
||||
|
||||
/* .profile-card-wrapper{
|
||||
background: #AA7FB8;
|
||||
border: 1px solid #EFEFEF;
|
||||
@ -166,7 +166,7 @@
|
||||
border: 1px solid #f2f4f5;
|
||||
box-shadow: 0 3px 5px rgba(0,0,0,.1);
|
||||
margin-bottom: 25px;
|
||||
/* padding: 12px;
|
||||
/* padding: 12px;
|
||||
padding-bottom: 32px; */
|
||||
padding: 45px 0;
|
||||
width: 100%;
|
||||
@ -181,8 +181,8 @@
|
||||
|
||||
.profile-bio-header{
|
||||
border-bottom: 1px solid #D9D9D9;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
line-height: 25px;
|
||||
margin-bottom: 12px;
|
||||
padding-bottom: 8px;
|
||||
@ -42,7 +42,7 @@
|
||||
{% elsif product_name contains 'Insight' %}
|
||||
{% assign product_logo = 'https://cdn.northpass.io/anthology/Insight.svg' %}
|
||||
{% assign product_query = 'Insight' %}
|
||||
{% elsif product_name contains 'Finance & HCM' %}
|
||||
{% elsif product_name contains 'Finance & HCM' or product_name contains 'Finance' or product_name contains 'HCM' %}
|
||||
{% assign product_logo = 'https://s3.amazonaws.com/static.northpass.com/anthology/Finance+%26+HCM.svg' %}
|
||||
{% assign product_query = 'Finance & HCM' %}
|
||||
{% elsif product_name contains 'Payroll' %}
|
||||
@ -16,7 +16,7 @@
|
||||
<nav class="np-sub-navigation custom-home-subnav" style="background: #0054bc; margin: 0; padding: 15px 15px 0;">
|
||||
<div class="np-sub-navigation-content" style="align-items: center;">
|
||||
{% for link in navigations.sub_navigation %}
|
||||
{% unless link.label == 'Catalog' or link.label == 'Learning Paths' %}
|
||||
{% unless link.label == 'Catalog' %}
|
||||
<div class="np-sub-navigation-content-item {{ link.active_class }}">
|
||||
<a class="np-sub-navigation-content-item-link" href="{{ link.url }}" style="color: #FFF; height: 36px;">
|
||||
{{ link.label }}
|
||||
@ -32,14 +32,6 @@
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
{% capture label %}{% t shared.filters.by_course %}{% endcapture %}
|
||||
{%
|
||||
include "filter_select",
|
||||
filters: training_events.filters.courses,
|
||||
key: "courses_uuid",
|
||||
label: label
|
||||
%}
|
||||
|
||||
<button
|
||||
class="np-button dropdown-button-apply"
|
||||
data-toggle-trigger-off
|
||||
@ -117,6 +117,7 @@
|
||||
document.getElementById('dashboard-events-pane').style.display = 'none';
|
||||
document.getElementById('dashboard-completed-pane').style.display = 'none';
|
||||
document.getElementById('dashboard-resources-pane').style.display = 'block';
|
||||
document.querySelector('.filter-buttons-container').style.visibility = 'visible';
|
||||
|
||||
} else if(event.target.id == 'events-view-button'){
|
||||
document.getElementById('dashboard-view-button').classList.remove('view-swapper-button-active');
|
||||
@ -128,6 +129,7 @@
|
||||
document.getElementById('dashboard-resources-pane').style.display = 'none';
|
||||
document.getElementById('dashboard-completed-pane').style.display = 'none';
|
||||
document.getElementById('dashboard-events-pane').style.display = 'block';
|
||||
document.querySelector('.filter-buttons-container').style.visibility = 'hidden';
|
||||
|
||||
} else if(event.target.id == 'completed-view-button'){
|
||||
document.getElementById('dashboard-view-button').classList.remove('view-swapper-button-active');
|
||||
@ -137,6 +139,7 @@
|
||||
document.getElementById('dashboard-resources-pane').style.display = 'none';
|
||||
document.getElementById('dashboard-events-pane').style.display = 'none';
|
||||
document.getElementById('dashboard-completed-pane').style.display = 'block';
|
||||
document.querySelector('.filter-buttons-container').style.visibility = 'visible';
|
||||
}
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user