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

Updated templates and tasks.

Browse Source
This commit is contained in:
Norm Rasmussen
2025-04-23 16:18:17 -04:00
parent 78e50050a4
commit 3d1fa03a51
15 changed files with 518 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Custom_Templates/customer_templates/Walmart Supplier Prod/.DS_Store vendored
View File

Binary file not shown.

9
Custom_Templates/customer_templates/Walmart Supplier Prod/_faq_section.html.liquid
View File

@ -76,7 +76,7 @@
</div>
<div class="faq-content">
<div class="faq-answer">
The Supplier Academy team is happy to help support your learning. Email supplierdevelopment@walmart.com and we will respond as soon as possible.
The Supplier Academy team is happy to help support your learning. Use <a href="https://supplieracademy.northpass.com/app/contact" style="color: white;">the form here</a> to contact us and we will respond as soon as possible.
</div>
</div>
</div>
@ -91,15 +91,12 @@
</div>
<div class="faq-content">
<div class="faq-answer">
Yes. Please send all feedback to supplierdevelopment@walmart.com.
We welcome all feedback! Please <a href="https://supplieracademy.northpass.com/app/contact" style="color: white;">contact us here.</a>
</div>
</div>
</div>
</div>
<div class="support-text text-center">
Contact supplierdevelopment@walmart.com for additional support.
</div>
</div>
</div>
<style>
.faq-wrapper {

19
Custom_Templates/customer_templates/Walmart Supplier Prod/_footer.html.liquid
View File

@ -44,24 +44,7 @@
{% endif %}
</nav>
{% if website_footer.show_customer_service_email? and
website_footer.school_customer_service_email
%}
<div class="np-footer-support">
<div class="np-footer-support-item np-footer-support-help">
{% t .need_help %}
</div>
<div class="np-footer-support-item np-footer-support-email">
{% t .email %}
</div>
<a
class="np-footer-support-item np-footer-support-link np-button-color"
href="mailto:{{ website_footer.school_customer_service_email }}"
>
{{ website_footer.school_customer_service_email }}
</a>
</div>
{% endif %}
</div>
</footer>

10
Custom_Templates/customer_templates/Walmart Supplier Prod/_grow_with_walmart_banners.html.liquid
View File

@ -3,13 +3,9 @@
<div class="banner-container">
<div class="banner-image-wrapper">
<img src="https://i5.walmartimages.com/dfwrs/76316474-30ea/k2-_c397aeb4-ecf5-485a-b04a-9e094d10e8fb.v1.png" alt="" class="banner-img">
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/1077946836?h=62260e9bc0&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Grow with US Introduction"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<div class="deatils-container">
<div class="banner-descirption text-center">Email <span class="bold-text">supplierinclusion@walmart.com</span></div>
<div class="banner-descirption text-center">for additional support.</div>
</div>
</div>
</div>
<div class="banner-content-container">
<div class="banner-descirption">
Ready to elevate your small business with Walmart?
@ -107,7 +103,7 @@
align-items: center;
}
.banner-image-wrapper {
width: 30%;
width: 60%;
display: flex;
flex-direction: column;
gap: 30px;

2
Custom_Templates/customer_templates/Walmart Supplier Prod/_header.html.liquid
View File

@ -107,7 +107,7 @@
<li class= "np-header-desktop-nav-item">
<a
href="mailto:supplierdevelopment@walmart.com "
href="/app/contact"
class="np-header-desktop-nav-link np-header-font-color"
>
Contact

29
Custom_Templates/customer_templates/Walmart Supplier Prod/contact.html.liquid Normal file
View File

@ -0,0 +1,29 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
<h1>Please use the form below to contact the Supplier Academy team.</h1>
<iframe class="airtable-embed" src="https://airtable.com/embed/appf41rlLEtVEHBMO/pagX3d6qFnH84vFPM/form" frameborder="0" onmousewheel="" width="100%" height="1000" style="background: transparent; border: 0px solid #ccc;"></iframe>
</main>
{% include "footer" %}
<style>
h1 {text-align: center;}
@media screen and (min-width: 768px) {
.np-card-content-description {
display: block;
}
}
</style>

32
Custom_Templates/customer_templates/Walmart Supplier Prod/styles.css.liquid
View File

@ -10,6 +10,24 @@
{{ color_palette.header_color }}
*/
@font-face {
font-family: "EverydaySans";
src: url(https://s3.us-east-1.amazonaws.com/static.northpass.com/walmart-supplier/fonts/EverydaySansUI-Italic-VF_wght.ttf);
font-style: italic;
}
@font-face {
font-family: "EverydaySans";
src: url(https://s3.us-east-1.amazonaws.com/static.northpass.com/walmart-supplier/fonts/EverydaySansUITT-Bold.ttf);
font-style: bold;
}
@font-face {
font-family: "EverydaySans";
src: url(https://s3.us-east-1.amazonaws.com/static.northpass.com/walmart-supplier/fonts/EverydaySansUITT-Regular.ttf);
font-style: normal;
}
@font-face {
font-family: "Bogle";
src: url(https://s3.amazonaws.com/static.northpass.com/fonts/Bogle_Regular.OTF);
@ -64,7 +82,7 @@
body,
html {
font-family: "Bogle", "Roboto", sans-serif;
font-family: "EverydaySans", "Bogle", "Roboto", sans-serif;
color: #fff;
}
@ -263,8 +281,8 @@ height: 20px;
.filter-content {
position: absolute;
top: 100%;
width: 250px;
top: 100%;
width: 250px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
@ -273,7 +291,7 @@ height: 20px;
gap: 10px;
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease, width 0.4s ease;
transition: max-height 0.4s ease, width 0.4s ease;
z-index: 111;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
padding: 5px;
@ -299,8 +317,8 @@ height: 20px;
.filter-active .filter-content {
display: flex;
max-height: 500px;
width: 250px;
max-height: 500px;
width: 250px;
}
.card-course-container {
margin-bottom: 20px;
@ -352,4 +370,4 @@ height: 20px;
.np-header-logo-image {
height: 20px;
}
}
}

BIN
Custom_Templates/customer_templates/Walmart Supplier Sandbox/.DS_Store vendored Normal file
View File

Binary file not shown.

63
Custom_Templates/customer_templates/Walmart Supplier Sandbox/_header.html.liquid
View File

@ -58,23 +58,16 @@
</li>
{% endfor %}
<div class= "np-header-desktop-nav-link dropdown-nav">
Programs
Programs
<div class="header-dropdown-container">
<div class="header-dropdown-option">
<a
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
href="/app/grow-with-walmart-catalog"
>
Grow With Walmart
Grow with US
</a>
</div>
<div class="header-dropdown-option">
<a
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
@ -87,13 +80,11 @@
<div class="header-dropdown-option">
<a
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
href="/app/walmart-start"
>
href="/app/walmart-start">
Walmart Start
</a>
</div>
</div>
{% if category_advisors %}
<div class="header-dropdown-option">
<a
@ -104,43 +95,24 @@
</a>
</div>
{% endif %}
</div>
</div>
</div>
<div class= "np-header-desktop-nav-link dropdown-nav">
Walmart Links
<div class="header-dropdown-container">
<div class="header-dropdown-option">
<a
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
href="https://supplier.walmart.com/"target="_blank"
>
Supplier One
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
href="https://supplierone.wal-mart.com/" target="_blank"> Supplier One
</a>
</div>
<div class="header-dropdown-option">
<a
class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn"
href="https://retaillink.login.wal-mart.com/" target="_blank"
>
Retail Link
<div class="header-dropdown-option">
<a class="np-header-desktop-nav-link np-header-font-color header-dropdown-link start-here-btn" href="https://retaillink.login.wal-mart.com/" target="_blank"> Retail Link
</a>
</div>
</div>
</div>
</div>
<li class= "np-header-desktop-nav-item">
<a
@ -150,8 +122,6 @@
Contact
</a>
</li>
</ul>
</div>
@ -346,7 +316,6 @@
.np-header-desktop-nav-link {
font-size: 20px;
font-weight: 500;
}
.header-dropdown-container {
@ -357,7 +326,6 @@
z-index: 10;
width: fit-content;
top: 40px;
left: -20px;
}
.np-header-desktop-nav-link:hover .header-dropdown-container {
@ -366,7 +334,7 @@
.header-dropdown-option {
display: block;
padding: 15px;
padding: 15px;
color: black;
text-decoration: none;
white-space: nowrap;
@ -376,12 +344,17 @@
display: flex;
align-items: center;
color: #fff;
margin-left: 15px;
}
.header-dropdown-option:hover {
background-color: #f0f0f0;
}
.header-dropdown-option:hover {
background-color: #f0f0f0;
}
.hidden-mobile {
display: none;
}

115
Custom_Templates/customer_templates/Walmart Supplier Sandbox/_walmart-start.html.liquid Normal file
View File

File diff suppressed because one or more lines are too long

81
Custom_Templates/customer_templates/Walmart Supplier Sandbox/_walmart-start_banners.html.liquid Normal file
View File

@ -0,0 +1,81 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
<div class="banner-wrapper">
<div class="banner-container">
<div class="banner-image-wrapper">
<img src="https://i5.walmartimages.com/dfwrs/76316474-49b1/k2-_986bc821-322d-40d0-b90d-cff871e9d4f3.v1.jpg" alt="" class="beautystart-img">
<div class="deatils-container">
<div class="banner-descirption text-center">Email <span class="bold-text">supplierdevelopment@walmart.com</span></div>
<div class="banner-descirption text-center">for additional support.</div>
</div>
</div>
<div class="banner-content-container">
<div class="banner-descirption">
Walmart Start is an exciting beauty brand accelerator program that sets emerging brands up for successful glow-ups by giving them a chance to launch at Walmart.
</div>
<div class="banner-descirption">
The selected brands have a potential opportunity to be launched at Walmart, while also receiving access to various resources to help set each brand up for their launch.
</div>
</div>
</div>
</div>
<style>
.banner-wrapper {
padding: 10px;
border-radius: 10px;
}
.banner-img {
width: 100%;
}
.banner-container {
display: flex;
align-items: center;
gap: 40px;
background: #001E60;
padding: 20px;
border-radius: 10px;
}
.text-center {
text-align: center;
}
.banner-descirption {
font-size: 20px;
}
.bold-text {
font-weight: 700;
}
.deatils-container {
display: flex;
flex-direction: column;
align-items: center;
}
.banner-image-wrapper {
width: 40%;
display: flex;
flex-direction: column;
gap: 30px;
}
.banner-content-container {
width: 60%;
display: flex;
flex-direction: column;
gap: 30px;
}
@media only screen and (max-width: 900px) {
.banner-container {
flex-direction: column;
}
}
@media only screen and (max-width: 500px) {
.banner-descirption{
font-size: 17px;
}
}
</style>

23
Custom_Templates/customer_templates/Walmart Supplier Sandbox/contact.html.liquid Normal file
View File

@ -0,0 +1,23 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
<iframe class="airtable-embed" src="https://airtable.com/embed/appf41rlLEtVEHBMO/pagX3d6qFnH84vFPM/form" frameborder="0" onmousewheel="" width="100%" height="1000" style="background: transparent; border: 0px solid #ccc;"></iframe>
</main>
{% include "footer" %}
<style>
@media screen and (min-width: 768px) {
.np-card-content-description {
display: block;
}
}
</style>

37
Custom_Templates/customer_templates/Walmart Supplier Sandbox/walmart-start.html.liquid Normal file
View File

@ -0,0 +1,37 @@
{% if current_person.properties.first_login == true %}
<script>
window.location.replace('/app');
</script>
{% endif %}
{% include "header" %}
{% include "sub_navigation" %}
<main class="np-main np-catalog np-subpage-container np-max-width">
{% include 'walmart-start_banners' %}
<div class="lps-wrapper">
{% for learning_path in learning_paths.enrolled %}
{% for category in learning_path.categories %}
{% if us_user_grow %}
{% if category.name == 'Grow With Walmart' %}
{% include "cards_learning_path" %}
{% endif %}
{% endif %}
{% endfor %}
{% endfor %}
</main>
{% include "footer" %}
<style>
@media screen and (min-width: 768px) {
.np-card-content-description {
display: block;
}
}
</style>

166
Scripts/tmp.js Normal file
View File

@ -0,0 +1,166 @@
window.addEventListener(
"message",
(event) => {
if(event.origin.indexOf('qualtrics.com') > -1){
let footer = document.querySelector('footer');
if(footer !== null){
footer.querySelector('.deLeqc').children[0].replaceWith(preservedContinueButton);
}
}
},
false,
);
window.onload = () => {
hideNextCourseButtonLp();
autoFSMutationObserver();
eoqMutationObserver();
mockMilestoneMutationObserver();
};
let autoFSMutationObserver = () => {
let observer;
let config = {
attributes: true,
childList: true,
subtree: true
};
observer = new MutationObserver(() => {
let fullscreenButton = document.querySelector('button[data-test="with-fullscreen-button"]');
if(fullscreenButton){
if(!document.querySelector('.iSRNPB')){
setTimeout(() => {
fullscreenButton.click();
observer.disconnect();
observer.observe(document, config);
}, 500);
}
}
})
observer.observe(document, config);
}
function hideNextCourseButtonLp() {
let observer = new MutationObserver(callback);
let config = { attributes: true, childList: true, subtree: true };
observer.observe(document.body, config);
}
function callback(mutationsList, observer) {
for(let mutation of mutationsList) {
if (mutation.type === 'childList') {
let button = document.querySelector('[data-test="primary-button"]');
if (button) {
if (window.location.pathname.includes('learning_paths')) {
button.style.display = 'none';
}
}
}
}
}
let eoqMutationObserver = () => {
let observer;
let config = {
attributes: true,
childList: true,
subtree: true
};
let observeStarter = () => {
observer.observe(document,config);
}
let callback1 = () => {
if(document.querySelector('[data-test="activity-title"]').innerHTML == 'Personal Lines Checkpoint 1') {
document.querySelector('[data-test="continue-button"]').style.color = "grey";
document.querySelector('[data-test="continue-button"]').style.background = "orange";
}
observer.disconnect();
observeStarter();
};
let callback2 = () => {
if(document.querySelector('[data-test="activity-title"]').innerHTML == 'Personal Lines Checkpoint 1') {
document.querySelector('[data-test="continue-button"]').style.color = "purple";
document.querySelector('[data-test="continue-button"]').style.background = "white";
}
observer.disconnect();
observeStarter();
};
observer = new MutationObserver(() => {
if(document.querySelector('[data-test="activity-body"]')){
callback1();
};
if(document.querySelector('#EndOfSurvey')) {
callback2();
};
})
observer.observe(document, config);
}
/*
let preservedContinueButton;
let mockMilestoneMutationObserver = () => {
let config = {
attributes: true,
childList: true,
subtree: true
};
let mockMilestoneObserver = new MutationObserver(() => {
let activityTitle = document.querySelector('[data-test="activity-title"]');
let footer = document.querySelector('footer');
if(activityTitle &&
(activityTitle.textContent.toLowerCase().indexOf('feedback') > -1) &&
footer){
let navButtons = footer.querySelector('.deLeqc').children;
preservedContinueButton = navButtons[0];
if(navButtons != null){
let mockMilestoneWrapper = document.createElement('div');
mockMilestoneWrapper.setAttribute('title', 'Please make sure to complete the survey to continue');
mockMilestoneWrapper.setAttribute('aria-describedby', ':r0:');
let mockMilestoneButton = document.createElement('button');
mockMilestoneButton.classList.add('ButtonContainer-sc-1lz9u5r-2');
mockMilestoneButton.classList.add('dxvqSB');
mockMilestoneButton.setAttribute('type', 'button');
mockMilestoneButton.setAttribute('data-test', 'disabled-continue-button');
mockMilestoneButton.setAttribute('disabled', true);
let mockMilestoneText = document.createElement('span');
mockMilestoneText.classList.add('Label-sc-1lz9u5r-0');
mockMilestoneText.classList.add('hlPxhH');
mockMilestoneText.textContent = 'Continue';
let mockMilestoneChevron = document.createElement('i');
mockMilestoneChevron.classList.add('chevron');
mockMilestoneChevron.classList.add('chevron--right');
mockMilestoneChevron.classList.add('far');
mockMilestoneChevron.classList.add('fa-chevron-right');
mockMilestoneChevron.setAttribute('data-test','chevron');
mockMilestoneWrapper.appendChild(mockMilestoneButton);
mockMilestoneButton.appendChild(mockMilestoneText);
mockMilestoneButton.appendChild(mockMilestoneChevron);
navButtons[0].replaceWith(mockMilestoneWrapper);
}
mockMilestoneObserver.disconnect();
}
})
mockMilestoneObserver.observe(document, config);
*/
}

18
Tasks.md
View File

@ -4,15 +4,29 @@
- [ ] Revert auto-adding of badges to post-new hire dash. Badges should only show when course `97d78ff7-e82b-4f1d-b142-d5ad51fba433` is completed. - 04-15-2025
## BuilderTrend
- [ ] Ask CSSC about release notes. Cam said he uses a Data designer to merge learner and client data. Wants to know if he can remove the data designer. - 04-16-2025
- [X] Ask CSSC about release notes. Cam said he uses a Data designer to merge learner and client data. Wants to know if he can remove the data designer. - 04-16-2025
## DeepL
- [X] Send Daniela instructions on how to update languages in templates. - 04-22-2025
- [ ] Ask if product will add an export button to the new access tab or have a dashboard around enrollment source. - 04-22-2025
## Pipedrive
- [ ] June LP Launch - test adding an LP to the getting started section under "Academy Courses"
- [ ] June LP Launch - test adding an LP to the getting started section under "Academy Courses" - 04-22-2025
## Arbor Education
- [ ] Check that billing contact is not Claire. - 04-22-2025
- [ ] Move academy to open access & upload domain blocking code - 04-22-2025
## Walmart Scintilla
- [ ] Make the Basic LMS view templates live in prod - 04-23-2025
## Walmart Supplier
- [ ] Follow up with Phillip re: the group deletion question - 04-23-2025
- [ ] Move Production templates to Sandbox
- [ ] Upload font files to S3 and make appropriate changes in templates/custom css
## Walmart Volt
- [ ] Start compiling ticket list and notes to send to Dan Kardell.