norm/Gainsight
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Norm Rasmussen
2024-01-03 16:22:53 -05:00
parent d5f51bff1a
commit ad5a26d5d8
7 changed files with 280 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Custom_Templates/customer_templates/Zenjob/.DS_Store vendored Normal file
View File

Binary file not shown.

35
Custom_Templates/customer_templates/Zenjob/_header.html.liquid
View File

@ -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;
}
.np-header .fa-bars {
font-size: 28px;
color: #fff;
height:27px;
}
.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";

88
Custom_Templates/customer_templates/Zenjob/_learning_path_progress_and_cta.html.liquid
View File

@ -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>

2
Custom_Templates/customer_templates/Zenjob/homepage.html.liquid
View File

@ -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>

159
Custom_Templates/customer_templates/Zenjob/learning_path_summary.html.liquid Normal file
View File

@ -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>

8
CustomerNotes/Walmart/Walmart.md
View File

@ -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.

2
Scripts/API_Tests/get_course_ids.py
View File

@ -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()