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

I think the final Pipedrive download. Walmart Supplier was updated as well.

Browse Source
This commit is contained in:
Norm Rasmussen
2025-07-10 16:18:51 -04:00
parent 41ca4834a2
commit 75455bbf4e
244 changed files with 3025 additions and 13818 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
Custom_Templates/customer_templates/Pipedrive - Learn/_header.html.liquid
View File

@ -35,27 +35,27 @@
<a class="header-logo" href="/app">
<img class="header-logo-image"
alt="{{ current_school.name }}"
src="https://s3.amazonaws.com/static.northpass.com/pipedrive/learn_logo.png"
src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/Logo.png"
>
</a>
<div class="header-desktop-navigation header-desktop header-flex body-s">
<a class="header-navigation-item lang-en" href="/app/catalog">Academy Courses</a>
<a class="header-navigation-item lang-en" href="/app/catalog">Courses</a>
<a class="header-navigation-item lang-en" href="/app/video-tutorials">Video Tutorials</a>
<a class="header-navigation-item lang-en" href="https://www.pipedrive.com/en/webinars" target="_blank">Webinars</a>
<a class="header-navigation-item lang-es catalog-link" href="/app/es-catalog">Cursos de la Academia</a>
<a class="header-navigation-item lang-es catalog-link" href="/app/es-catalog">Cursos</a>
<a class="header-navigation-item lang-es video-tutorials-link" href="/app/es-video-tutorials">Tutoriales en vídeo</a>
<a class="header-navigation-item lang-es" href="https://www.pipedrive.com/en/webinars" target="_blank">Seminarios en línea</a>
<a class="header-navigation-item lang-de catalog-link" href="/app/de-catalog">Akademie-Kurse</a>
<a class="header-navigation-item lang-de catalog-link" href="/app/de-catalog">Kurse</a>
<a class="header-navigation-item lang-de video-tutorials-link" href="/app/de-video-tutorials">Video-Tutorials</a>
<a class="header-navigation-item lang-de" href="https://www.pipedrive.com/en/webinars" target="_blank">Webinare</a>
<a class="header-navigation-item lang-fr catalog-link" href="/app/fr-catalog">Cours de l'Académie</a>
<a class="header-navigation-item lang-fr catalog-link" href="/app/fr-catalog">Cours</a>
<a class="header-navigation-item lang-fr video-tutorials-link" href="/app/fr-video-tutorials">Tutoriels vidéo</a>
<a class="header-navigation-item lang-fr" href="https://www.pipedrive.com/en/webinars" target="_blank">Webinaires</a>
<a class="header-navigation-item lang-br catalog-link" href="/app/br-catalog">Cursos da Academia</a>
<a class="header-navigation-item lang-br catalog-link" href="/app/br-catalog">Cursos</a>
<a class="header-navigation-item lang-br video-tutorials-link" href="/app/br-video-tutorials">Tutoriais em vídeo</a>
<a class="header-navigation-item lang-br" href="https://www.pipedrive.com/en/webinars" target="_blank">Webinars</a>
</div>
@ -71,18 +71,23 @@
</a>
{% if current_person.signed_in? %}
<div class="np-hidden-mobile np-header-search np-header-search-expanded">
<form action="{% route search %}" method="get" data-test="desktop-search">
<input
aria-label="{% t .search %}"
class="np-header-search-input"
type="text"
name="q"
placeholder="Search Pipedrive"
/>
<i class="np-header-search-icon fal fa-search"></i>
</form>
</div>
<div class="np-hidden-mobile np-header-search" id="headerSearch">
<form action="{% route search %}" method="get" data-test="desktop-search" class="header-search-form">
<input
aria-label="{% t .search %}"
class="np-header-search-input"
type="text"
name="q"
placeholder="Search Pipedrive"
id="headerSearchInput"
/>
<i class="np-header-search-icon fal fa-search" id="headerSearchIcon"></i>
<button type="button" class="header-clear-btn" aria-label="Clear input" id="headerClearBtn">
<img class="header-close-icon" src="https://s3.us-east-1.amazonaws.com/static.northpass.com/pipedrive/close.svg" alt="">
</button>
</form>
</div>
{% endif %}
<div class="language-dropdown-wrapper" style="margin-left:20px;">
<div class="header-language-selection">
@ -147,6 +152,13 @@
<span class="lang-fr">Connexion</span>
<span class="lang-br">Entrar</span>
</a>
<a href="/learners/sign_in" class="header-navigation-sign-in">
<span class="lang-en">Try for free</span>
<span class="lang-de">Kostenlos testen</span>
<span class="lang-es">Prueba gratis</span>
<span class="lang-fr">Essai gratuit</span>
<span class="lang-br">Teste grátis</span>
</a>
{% endif %}
</div>
@ -168,6 +180,52 @@
{% include "messages" %}
{% include 'new_academy_popup' %}
<style>
.header-clear-btn {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
display: none;
background: none;
border: none;
padding: 0;
cursor: pointer;
z-index: 2;
height: 100%;
}
.np-header-search:not(.is-open) .np-header-search-input {
width: 44px;
color: transparent;
text-indent: 9999px;
padding: 0;
overflow: hidden;
cursor: pointer;
}
.np-header-search-input::placeholder {
color: #656E7A;
}
.np-header-search:not(.is-open) .np-header-search-input {
width: 44px;
color: transparent;
padding: 0;
text-indent: 9999px;
overflow: hidden;
cursor: pointer;
}
.np-header-search:not(.is-open) .header-clear-btn {
display: none !important;
}
.is-open .np-header-search-icon {
display: none !important;
}
.np-header-search.is-open.with-value .np-header-search-icon {
display: none;
}
.header-flex {
display: flex;
align-items: center;
@ -375,6 +433,15 @@
.profile-dropdown-link {
margin: 5px 0;
}
.header-navigation-sign-in {
background: #6861F2;
border-radius: 4px;
padding: 7.5px 10px;
font-size: 14px;
font-weight: 700;
color: #fff;
line-height: 17px;
}
@media only screen and (min-width: 1151px) {
.header-mobile {
@ -428,6 +495,7 @@
}
changeHeaderImageLink();
});
// Languages dropdown hover effect
@ -447,4 +515,61 @@
document.querySelector(".header-logo").href = `/app`
}
}
</script>
<script>
addEventListener("DOMContentLoaded", () => {
const searchContainer = document.getElementById('headerSearch');
const input = document.getElementById('headerSearchInput');
const clearBtn = document.getElementById('headerClearBtn');
const icon = document.getElementById('headerSearchIcon');
function openSearch() {
searchContainer.classList.add('is-open');
input.focus();
updateState();
}
function closeSearch() {
searchContainer.classList.remove('is-open');
updateState();
}
function updateState() {
const hasValue = input.value.trim().length > 0;
clearBtn.style.display = hasValue ? 'block' : 'none';
if (hasValue) {
searchContainer.classList.add('with-value');
} else {
searchContainer.classList.remove('with-value');
}
}
input.addEventListener('click', () => {
if (!searchContainer.classList.contains('is-open')) {
openSearch();
}
});
input.addEventListener('input', updateState);
clearBtn.addEventListener('click', () => {
input.value = '';
input.focus();
updateState();
});
document.addEventListener('click', (e) => {
if (!searchContainer.contains(e.target)) {
closeSearch();
}
});
updateState();
});
</script>