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

Finished Script to push notes to GonG, just need an API Key. Pipedrive templates, Skuid Templates, got TripleSeat's templates ready for their sign in page. Few notes.

Browse Source
This commit is contained in:
Norm Rasmussen
2023-07-25 17:07:33 -04:00
parent 08c8f78f1c
commit d2378e4f44
26 changed files with 512 additions and 695 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
Custom_Templates/customer_templates/Pipedrive Learn - CRM/_catalog_courses.html.liquid
View File

@ -18,7 +18,7 @@
{% assign category_uuid = categories_uuids | slice: y %}
<section class="courses-section" item-categories="{{ category_uuid }}">
<div class="courses-section-header">
<h3 class="courses-title strong">
<h3 class="courses-title strong">
{% assign category_name = categories_names | slice: y %}
{% if category_name contains 'Pipedrive courses' %}
@ -38,13 +38,115 @@
<span class="lang-de">Marketingkurse</span>
<span class="lang-es">Cursos de Marketing</span>
<span class="lang-fr">Cours de Marketing</span>
<span class="lang-br">Cursos de Marketing</span>
<span class="lang-br">Cursos de Marketing</span>
{% elsif category_name contains 'Automations' %}
<span class="lang-en">Automations</span>
<span class="lang-de">Automatisierungen</span>
<span class="lang-es">Automatizaciones</span>
<span class="lang-fr">Automatisations</span>
<span class="lang-br">Automações</span>
{% elsif category_name contains 'Campaigns' %}
<span class="lang-en">Campaigns</span>
<span class="lang-de">Kampagnen</span>
<span class="lang-es">Campañas</span>
<span class="lang-fr">Campagnes</span>
<span class="lang-br">Campanhas</span>
{% elsif category_name contains 'Data import' %}
<span class="lang-en">Data import</span>
<span class="lang-de">Datenimport</span>
<span class="lang-es">Importación de datos</span>
<span class="lang-fr">Importation de données</span>
<span class="lang-br">importação de dados</span>
{% elsif category_name contains 'Deals and Sales Pipelines' %}
<span class="lang-en">Deals and Sales Pipelines</span>
<span class="lang-de">Deals und Vertriebspipelines</span>
<span class="lang-es">Tratos y canalizaciones de ventas</span>
<span class="lang-fr">Offres et pipelines de ventes</span>
<span class="lang-br">Negociações e Pipelines de Vendas</span>
{% elsif category_name contains 'Documents and Invoicing' %}
<span class="lang-en">Documents and Invoicing</span>
<span class="lang-de">Dokumente und Rechnungen</span>
<span class="lang-es">Documentos y Facturación</span>
<span class="lang-fr">Documents et facturation</span>
<span class="lang-br">Documentos e Faturamento</span>
{% elsif category_name contains 'Email and communications' %}
<span class="lang-en">Email and communications</span>
<span class="lang-de">E-Mail und Kommunikation</span>
<span class="lang-es">Correo electrónico y comunicaciones</span>
<span class="lang-fr">Courriel et communications</span>
<span class="lang-br">E-mail e comunicações</span>
{% elsif category_name contains 'Insights and reporting' %}
<span class="lang-en">Insights and reporting</span>
<span class="lang-de">Erkenntnisse und Berichterstattung</span>
<span class="lang-es">Resultados e informes</span>
<span class="lang-fr">Résultats et rapports</span>
<span class="lang-br">Informações e relatórios</span>
{% elsif category_name contains 'Integrations' %}
<span class="lang-en">Integrations</span>
<span class="lang-de">Integrationen</span>
<span class="lang-es">La integración</span>
<span class="lang-fr">L'intégration</span>
<span class="lang-br">Integrações</span>
{% elsif category_name contains 'Lead generation' %}
<span class="lang-en">Lead Generation</span>
<span class="lang-de">Lead Generierung</span>
<span class="lang-es">Generación líder</span>
<span class="lang-fr">Génération de leads</span>
<span class="lang-br">Geração de leads</span>
{% elsif category_name contains 'Pipedrive basics' %}
<span class="lang-en">Pipedrive basics</span>
<span class="lang-de">Pipedrive Grundlagen</span>
<span class="lang-es">Pipedrive Gouplagène</span>
<span class="lang-fr">Pipedrive gouplagène</span>
<span class="lang-br">Noções básicas do Pipedrive</span>
{% elsif category_name contains 'Pipedrive settings' %}
<span class="lang-en">Pipedrive settings</span>
<span class="lang-de">Pipedrive-Einstellungen</span>
<span class="lang-es">Configuración de Pipedrive</span>
<span class="lang-fr">Paramètres Pipedrive</span>
<span class="lang-br">Configurações do Pipedrive</span>
{% elsif category_name contains 'Privacy and security' %}
<span class="lang-en">Privacy and security</span>
<span class="lang-de">Privatsphäre und Sicherheit</span>
<span class="lang-es">Privacidad y seguridad</span>
<span class="lang-fr">Confidentialité et sécurité</span>
<span class="lang-br">Privacidade e segurança</span>
{% elsif category_name contains 'Projects' %}
<span class="lang-en">Projects</span>
<span class="lang-de">Projekte</span>
<span class="lang-es">Proyectos</span>
<span class="lang-fr">Projets</span>
<span class="lang-br">Projetos</span>
{% elsif category_name contains 'User management' %}
<span class="lang-en">User management</span>
<span class="lang-de">Benutzerverwaltung</span>
<span class="lang-es">Gestión de usuarios</span>
<span class="lang-fr">Gestion des utilisateurs</span>
<span class="lang-br">gerenciamento de usuários</span>
{% elsif category_name contains 'Spanish' %}
<span class="lang-en">Spanish</span>
<span class="lang-de">Spanisch</span>
<span class="lang-es">Español</span>
<span class="lang-fr">Espagnol</span>
<span class="lang-br">Espanhol</span>
<span class="lang-en" style="display:none;">Spanish</span>
<span class="lang-de" style="display:none;">Spanisch</span>
<span class="lang-es" style="display:none;">Español</span>
<span class="lang-fr" style="display:none;">Espagnol</span>
<span class="lang-br" style="display:none;">Espanhol</span>
{% elsif category_name contains 'German' %}
<span class="lang-en" style="display:none;"></span>
<span class="lang-de" style="display:none;"></span>
<span class="lang-es" style="display:none;"></span>
<span class="lang-fr" style="display:none;"></span>
<span class="lang-br" style="display:none;"></span>
{% elsif category_name contains 'French' %}
<span class="lang-en" style="display:none;"></span>
<span class="lang-de" style="display:none;"></span>
<span class="lang-es" style="display:none;"></span>
<span class="lang-fr" style="display:none;"></span>
<span class="lang-br" style="display:none;"></span>
{% elsif category_name contains 'Portuguese' %}
<span class="lang-en" style="display:none;"></span>
<span class="lang-de" style="display:none;"></span>
<span class="lang-es" style="display:none;"></span>
<span class="lang-fr" style="display:none;"></span>
<span class="lang-br" style="display:none;"></span>
{% else %}
{{ category_name }}
{% endif %}
@ -66,7 +168,7 @@
</span>
</div>
</div>
<div class="courses-list row">
{% for course in courses.in_catalog %}
{% assign course_categories = course.categories | map: 'id' %}
@ -81,7 +183,7 @@
{% endfor %}
</div>
</section>
{% if number_of_videos <= 3 %}
<style>
{% if number_of_videos == 1 %}
@ -204,7 +306,7 @@
document.querySelectorAll('.course-card-description').forEach((x) => {
$clamp(x, {clamp: 5});
})
{% if current_school.sso_active? %}
var categoriesOrder = ['ALL',
'e2af61ed-3fbc-448d-9d88-3a66b44735b3',
@ -218,7 +320,7 @@
'41abb409-d6f4-4ee9-b07e-0320dc3cc719'
]
{% endif %}
let filtersWrapper = document.querySelector('.courses-filter');
let coursesWrapper = document.querySelector('.courses');
categoriesOrder.forEach(category => {

29
Custom_Templates/customer_templates/Pipedrive Learn - CRM/_catalog_filter.html.liquid
View File

@ -44,6 +44,35 @@
</div>
{% endif %}
<script>
let frenchFilter = document.querySelector('[category-uuid = "757bff69-a942-40ba-9013-c111c35c0dff"]');
let germanDeutchFilter = document.querySelector('[category-uuid = "923e6454-8e23-4e03-8c69-98d8b5c39fdd"]');
let portugeseBRFilter = document.querySelector('[category-uuid = "93e4f5b0-c34e-4d9b-837b-ce36fd34d19e"]');
let spanishFilter = document.querySelector('[category-uuid = "2f2aab71-9b6c-45fd-8b46-ef61cadb9927"]');
frenchFilter.style.display = 'none';
germanDeutchFilter.style.display = 'none';
portugeseBRFilter.style.display = 'none';
spanishFilter.style.display = 'none';
// if(window.location.href.includes('de-')){
// frenchFilter.style.display = 'none';
// portugeseBRFilter.style.display = 'none';
// spanishFilter.style.display = 'none';
//} else if(window.location.href.includes('es-')){
// frenchFilter.style.display = 'none';
// germanDeutchFilter.style.display = 'none';
// portugeseBRFilter.style.display = 'none';
//} else if(window.location.href.includes('fr-')){
// germanDeutchFilter.style.display = 'none';
// portugeseBRFilter.style.display = 'none';
// spanishFilter.style.display = 'none';
//} else if(window.location.href.includes('br-')){
// frenchFilter.style.display = 'none';
// germanDeutchFilter.style.display = 'none';
// spanishFilter.style.display = 'none';
//}
</script>
<style>
.courses-filter {
display: flex;

120
Custom_Templates/customer_templates/Pipedrive Learn - CRM/_faq.html.liquid
View File

@ -1,120 +0,0 @@
<div class="faq width-limit">
<h2 class="faq-title">
FAQ
</h2>
<div class="faq-list">
<div class="faq-element" onclick="this.classList.toggle('open')">
<div class="faq-question">
<div class="faq-question-icon">
<i class="far fa-angle-down faq-icon-closed"></i>
<i class="far fa-angle-up faq-icon-opened"></i>
</div>
<div class="faq-question-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
</div>
</div>
<div class="faq-answer body-s">
At lectus urna duis convallis. Lacus sed viverra tellus in hac habitasse platea dictumst. Enim ut tellus elementum sagittis vitae et leo duis ut. Sed enim ut sem viverra aliquet eget. Urna cursus eget nunc scelerisque.
</div>
</div>
<div class="faq-element" onclick="this.classList.toggle('open')">
<div class="faq-question">
<div class="faq-question-icon">
<i class="far fa-angle-down faq-icon-closed"></i>
<i class="far fa-angle-up faq-icon-opened"></i>
</div>
<div class="faq-question-text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit
</div>
</div>
<div class="faq-answer body-s">
Nunc pulvinar sapien et ligula ullamcorper malesuada proin. Odio ut enim blandit volutpat maecenas volutpat blandit aliquam etiam. Odio euismod lacinia at quis. Eget mauris pharetra et ultrices. Justo nec ultrices dui sapien eget mi proin sed libero. Erat velit scelerisque in dictum non consectetur a. Varius vel pharetra vel turpis nunc. Id aliquet risus feugiat in ante metus dictum at. Tincidunt augue interdum velit euismod in pellentesque massa. Habitant morbi tristique senectus et. Commodo viverra maecenas accumsan lacus vel facilisis volutpat est velit. Iaculis urna id volutpat lacus. Nisl nisi scelerisque eu ultrices vitae. A lacus vestibulum sed arcu. Diam sit amet nisl suscipit. Varius quam quisque id diam vel.
</div>
</div>
<div class="faq-element" onclick="this.classList.toggle('open')">
<div class="faq-question">
<div class="faq-question-icon">
<i class="far fa-angle-down faq-icon-closed"></i>
<i class="far fa-angle-up faq-icon-opened"></i>
</div>
<div class="faq-question-text">
Libero id faucibus nisl tincidunt eget. Porttitor eget
</div>
</div>
<div class="faq-answer body-s">
In ante metus dictum at tempor commodo ullamcorper. Aliquet nec ullamcorper sit amet risus nullam eget. Faucibus vitae aliquet nec ullamcorper
</div>
</div>
</div>
</div>
<style>
.faq {
padding-top: 60px;
padding-bottom: 60px;
}
.faq-title {
padding-bottom: 40px;
border-bottom: 1px solid #E4E6E9;
}
.faq-element {
border-bottom: 1px solid #E4E6E9;
padding: 20px 0;
cursor: pointer;
}
.faq-question {
display: flex;
}
.faq-question-icon {
cursor: pointer;
background: #F4F5F6;
border-radius: 50%;
margin-right: 20px;
position: relative;
display: flex;
height: fit-content;
align-self: center;
}
.faq-question-icon > i {
height: 36px;
width: 36px;
}
.faq-question-icon > i::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.faq-icon-opened {
display: none;
}
.faq-answer {
display: none;
margin-left: 56px;
margin-top: 10px;
}
.faq-element.open .faq-icon-opened {
display: block;
}
.faq-element.open .faq-icon-closed {
display: none;
}
.faq-element.open .faq-answer {
display: block;
}
@media only screen and (min-width: 768px) {
.faq {
padding-top: 80px;
padding-bottom: 80px;
}
}
</style>
<script>
function toggleFAQ(element) {
element.classList.toggle('open')
}
</script>

14
Custom_Templates/customer_templates/Pipedrive Learn - CRM/_homepage_banner.html.liquid
View File

@ -3,7 +3,11 @@
<img class="homepage-banner-image" src="https://s3.amazonaws.com/static.northpass.com/pipedrive/homepage_banner.svg" alt="banner">
<div class="green-banner-content">
<h1 class="green-banner-title">
Hi {{ current_person.first_name }}!
<span class="lang-en">Hi {{ current_person.first_name }}!</span>
<span class="lang-de">Hallo {{ current_person.first_name }}!</span>
<span class="lang-es">¡Hola {{ current_person.first_name }}!</span>
<span class="lang-fr">Bonjour {{ current_person.first_name }}!</span>
<span class="lang-br">Oi {{ current_person.first_name }}!</span>
</h1>
<div class="green-banner-text">
<span class="lang-en">Welcome! We have saved your progress about <strong>courses</strong></span>
@ -16,7 +20,7 @@
{% assign in_progress = 0 %}
{% assign not_started = 0 %}
{% assign completed = 0 %}
{% for course in courses.in_catalog %}
{% if course.ribbon != 'VIDEO' %}
{% if course.completed? %}
@ -43,7 +47,7 @@
<span class="lang-br">Em andamento</span>
</div>
</div>
<div class="homepage-banner-stat">
<div class="stat-dot" style="color: var(--purple);">
<i class="fas fa-circle"></i>
@ -59,7 +63,7 @@
<span class="lang-br">Não iniciado</span>
</div>
</div>
<div class="homepage-banner-stat">
<div class="stat-dot" style="color: var(--green);">
<i class="fas fa-circle"></i>
@ -110,7 +114,7 @@
font-size: 14px;
line-height: 25px;
}
@media only screen and (min-width: 768px) {
.homepage-banner .green-banner {
padding-bottom: 0;

156
Custom_Templates/customer_templates/Pipedrive Learn - CRM/_video_courses.html.liquid
View File

@ -1,156 +0,0 @@
{% assign categories_uuids = "" %}
{% assign categories_names = "" %}
{% for course in courses.in_catalog %}
{% if course.categories.size > 0 and course.ribbon == "VIDEO" %}
{% assign course_categories_ids = course.categories | map: 'id' | join: "|||" %}
{% assign course_categories_names = course.categories | map: 'name' | join: "|||" %}
{% assign categories_uuids = categories_uuids | append: course_categories_ids | append: "|||" %}
{% assign categories_names = categories_names | append: course_categories_names | append: "|||" %}
{% endif %}
{% endfor %}
{% assign categories_uuids = categories_uuids | split: "|||" | uniq %}
{% assign categories_names = categories_names | split: "|||" | uniq %}
<div class="courses container width-limit">
{% include "video_filter", uuids: categories_uuids, names: categories_names %}
{% for x in (1..categories_uuids.size) %}
{% assign number_of_videos = 0 %}
{% assign y = x | minus: 1 %}
{% assign category_uuid = categories_uuids | slice: y %}
<section class="courses-section" item-categories="{{ category_uuid }}">
<div class="courses-section-header">
<h3 class="courses-title strong">
{{ categories_names | slice: y }}
</h3>
<div class="courses-section-button" onclick="expandCategory('{{ category_uuid }}')">
<span class="courses-section-button-hide">
<span class="lang-en">Show less</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span>
</span>
<span class="courses-section-button-expand">
<span class="lang-en">View all</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span> <i class="fas fa-arrow-right"></i>
</span>
</div>
</div>
<div class="courses-list row">
{% for course in courses.in_catalog %}
{% assign course_categories = course.categories | map: 'id' %}
{% if course.ribbon == "VIDEO" %}
{% for cat in course_categories %}
{% if category_uuid contains cat %}
{% assign number_of_videos = number_of_videos | plus: 1 %}
{% include "cards_video" %}
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
</div>
</section>
{% if number_of_videos <= 3 %}
<style>
{% if number_of_videos == 1 %}
.courses-section[item-categories="{{ category_uuid }}"] .courses-section-button {
display: none;
}
{% elsif number_of_videos == 2 %}
@media only screen and (min-width: 768px) {
.courses-section[item-categories="{{ category_uuid }}"] .courses-section-button {
display: none;
}
}
{% else %}
@media only screen and (min-width: 1200px) {
.courses-section[item-categories="{{ category_uuid }}"] .courses-section-button {
display: none;
}
}
{% endif %}
</style>
{% endif %}
{% endfor %}
</div>
<style>
.courses-title {
padding-bottom: 40px;
padding-top: 40px;
}
.courses-section:not(:last-of-type) .courses-list {
border-bottom: 1px solid #E1E1FF;
}
.courses-section-filtered .courses-list {
border-bottom: none !important;
}
.courses-list {
padding-bottom: 20px;
}
.courses-section-filtered {
margin-top: 40px;
}
.courses-section-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.courses-section-filtered .courses-section-header {
display: none;
}
.courses-section-button {
color: #0070D6;
cursor: pointer;
}
.courses-section-button-hide {
display: none;
}
.courses-section.courses-section-expanded .courses-section-button-hide {
display: block;
}
.courses-section.courses-section-expanded .courses-section-button-expand {
display: none;
}
@media only screen and (max-width: 767px) {
.courses-section:not(.courses-section-expanded) .course-card:not(:first-child) {
display: none;
}
}
@media only screen and (min-width: 768px) {
.courses-list > div {
padding-left: 15px;
padding-right: 15px;
}
.courses-list {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.courses-section:not(.courses-section-expanded) .course-card:nth-child(n+3) {
display: none;
}
}
@media only screen and (min-width: 1200px) {
.courses-section:not(.courses-section-expanded) .course-card:nth-child(n+4) {
display: none;
}
}
</style>
<script>
window.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('.course-card-description').forEach((x) => {
$clamp(x, {clamp: 5});
})
});
function expandCategory(category_uuid) {
document.querySelector(`.courses-section[item-categories="${category_uuid}"]`).classList.toggle('courses-section-expanded');
}
</script>

103
Custom_Templates/customer_templates/Pipedrive Learn - CRM/_video_filter.html.liquid
View File

@ -1,103 +0,0 @@
{% if uuids.size > 0 %}
<div class="courses-filter-hidden np-hidden">
<div class="courses-filter-item courses-filter-item-active body-s strong" onclick="filterItems(this)" category-uuid="ALL">
<span class="lang-en">All topics</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span>
</div>
{% for x in (1..uuids.size) %}
{% assign y = x | minus: 1 %}
<div class="courses-filter-item body-s strong" onclick="filterItems(this)" category-uuid="{{ uuids | slice: y }}">
{{ names | slice: y }}
</div>
{% endfor %}
</div>
<div class="courses-filter"></div>
{% endif %}
<style>
.courses-filter {
display: flex;
gap: 10px;
margin-top: 40px;
flex-wrap: wrap;
}
.courses-filter-item {
padding: 10px 20px;
border: 2px solid #E4E6E9;
border-radius: 300px;
color: #656E7A;
white-space: nowrap;
cursor: pointer;
}
.courses-filter-item:not(.courses-filter-item-active):hover {
color: var(--black-digital);
}
.courses-filter-item-active {
color: var(--green);
border: 2px solid var(--green);
cursor: default;
}
.category-hidden {
display: none !important;
}
</style>
<script>
addEventListener('DOMContentLoaded', () => {
const categoriesOrder = ['ALL',
'251e90cf-758d-4f98-9256-9d1d40e24872',
'b3c41203-7160-4d6f-bd77-5861bdddcfcd',
'ca378022-dcac-444b-af34-64fdd6527faa',
'0c4cda69-4ea9-4ad9-b279-19233daf043b',
'389df920-414a-4657-9aa7-f6521f26bf3c',
'c0cac114-466c-4952-85e9-aa19023999fa',
'46f1a20a-6948-44eb-9b4a-1f924bbe46c4',
'c082a8e4-00d3-4687-8b84-3dd1bb6c0c9e',
'8604578e-22c9-4886-9943-43b1e2957615',
'c53e5d73-dbd7-479b-ad7a-4e77a41cf62f',
'49a29fce-cdd6-4af4-903a-0d1b58e1194a',
'59e5408f-6538-4581-ac4f-5cfbcfa1c29a'
]
let filtersWrapper = document.querySelector('.courses-filter');
categoriesOrder.forEach(category => {
let filter = document.querySelector(`.courses-filter-item[category-uuid="${category}"]`)
if (filter)
filtersWrapper.appendChild(filter);
});
document.querySelectorAll('.courses-filter-hidden .courses-filter-item').forEach(filter => {
filtersWrapper.appendChild(filter);
});
});
let previousFilter = window.sessionStorage.getItem('last-selected-video-filter');
if (previousFilter) {
addEventListener('DOMContentLoaded', () => {
document.querySelector(`.courses-filter-item[category-uuid="${previousFilter}"]`)?.click();
});
}
function filterItems(element) {
if (!element.classList.contains(('courses-filter-item-active'))) {
document.querySelector('.courses-filter-item-active').classList.remove('courses-filter-item-active');
element.classList.add('courses-filter-item-active');
let selectedCategoryUUID = element.getAttribute('category-uuid');
document.querySelectorAll('.courses-section-expanded').forEach(x => {x.classList.remove('courses-section-expanded')});
document.querySelectorAll('.courses-section-filtered').forEach(x => {x.classList.remove('courses-section-filtered')});
document.querySelectorAll('[item-categories]').forEach(x => {x.classList.remove('category-hidden')});
if (selectedCategoryUUID !== 'ALL') {
document.querySelectorAll(".courses-section").forEach(x => {
if (x.getAttribute('item-categories') === selectedCategoryUUID) {
x.classList.add('courses-section-expanded');
x.classList.add('courses-section-filtered');
} else {
x.classList.add('category-hidden');
}
});
}
window.sessionStorage.setItem('last-selected-video-filter', selectedCategoryUUID);
}
}
</script>

1
Custom_Templates/customer_templates/Pipedrive Learn - CRM/br-catalog.html.liquid
View File

@ -1,3 +1,4 @@
{% comment %} skip-auth {% endcomment %}
{% if current_person.signed_in? == false and current_school.sso_active? == false %}
<script> window.location.replace('/learners/sign_in')</script>
{% else %}

1
Custom_Templates/customer_templates/Pipedrive Learn - CRM/br-homepage.html.liquid
View File

@ -1,3 +1,4 @@
{% comment %} skip-auth {% endcomment %}
{% if current_person.signed_in? == false and current_school.sso_active? == false %}
<script> window.location.replace('/learners/sign_in')</script>
{% else %}

2
Custom_Templates/customer_templates/Pipedrive Learn - CRM/de-catalog.html.liquid
View File

@ -1,3 +1,5 @@
{% comment %} skip-auth {% endcomment %}
{% if current_person.signed_in? == false and current_school.sso_active? == false %}
<script> window.location.replace('/learners/sign_in')</script>
{% else %}

1
Custom_Templates/customer_templates/Pipedrive Learn - CRM/de-homepage.html.liquid
View File

@ -1,3 +1,4 @@
{% comment %} skip-auth {% endcomment %}
{% if current_person.signed_in? == false and current_school.sso_active? == false %}
<script> window.location.replace('/learners/sign_in')</script>
{% else %}

1
Custom_Templates/customer_templates/Pipedrive Learn - CRM/es-catalog.html.liquid
View File

@ -1,3 +1,4 @@
{% comment %} skip-auth {% endcomment %}
{% if current_person.signed_in? == false and current_school.sso_active? == false %}
<script> window.location.replace('/learners/sign_in')</script>
{% else %}

1
Custom_Templates/customer_templates/Pipedrive Learn - CRM/es-homepage.html.liquid
View File

@ -1,3 +1,4 @@
{% comment %} skip-auth {% endcomment %}
{% if current_person.signed_in? == false and current_school.sso_active? == false %}
<script> window.location.replace('/learners/sign_in')</script>
{% else %}

1
Custom_Templates/customer_templates/Pipedrive Learn - CRM/fr-catalog.html.liquid
View File

@ -1,3 +1,4 @@
{% comment %} skip-auth {% endcomment %}
{% if current_person.signed_in? == false and current_school.sso_active? == false %}
<script> window.location.replace('/learners/sign_in')</script>
{% else %}

1
Custom_Templates/customer_templates/Pipedrive Learn - CRM/fr-homepage.html.liquid
View File

@ -1,3 +1,4 @@
{% comment %} skip-auth {% endcomment %}
{% if current_person.signed_in? == false and current_school.sso_active? == false %}
<script> window.location.replace('/learners/sign_in')</script>
{% else %}

101
Custom_Templates/customer_templates/Pipedrive Learn - CRM/login-page.html.liquid
View File

@ -1,101 +0,0 @@
{% comment %} skip-auth {% endcomment %}
{% include 'header' %}
<main class="np-main np-box-container width-limit">
<div class="login-wrapper">
<h3 class="login-title">
<span class="lang-en">Learn for free</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span>
</h3>
<a class="login-redirection-button" href="/learners/sign_in">
<span class="lang-en">Log in with</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span> <img class="login-redirection-button-logo" src="https://s3.amazonaws.com/static.northpass.com/pipedrive/Logo.png" alt="pipedrive">
</a>
<div class="login-text-wrapper">
<div class="login-text-strike"></div>
<div class="login-text body-s">
<span class="lang-en">Not a Pipedrive user? Log in below</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span>
</div>
</div>
</div>
</main>
{% include 'footer' %}
<style>
.login-wrapper {
padding: 40px;
border: 2px solid #E4E6E9;
border-radius: 4px;
margin-top: 80px;
margin-bottom: 80px;
}
.login-redirection-button-logo {
height: 26px;
align-self: center;
}
.login-redirection-button {
display: flex;
justify-content: center;
gap: 8px;
padding: 22px 10px;
background: #F4F5F6;
margin-bottom: 40px;
border-radius: 4px;
}
.login-title {
text-align: center;
margin-bottom: 40px;
}
.login-text-wrapper {
position: relative;
margin-bottom: 40px;
}
.login-text {
background: white;
width: fit-content;
margin: auto;
padding: 0 10px;
max-width: 80%;
text-align: center;
}
.login-text-strike {
border-bottom: 1px solid #E4E6E9;
position: absolute;
top: 50%;
width: 100%;
height: 1px;
z-index: -1;
}
.np-input {
background: none;
border: none;
border-radius: 0;
}
.np-form-field {
display: flex;
align-items: center;
border-bottom: 2px solid #E4E6E9;
}
.login-icon {
margin-left: 20px;
}
footer.main-footer .footer-links {
display: none;
}
.np-box-container {
height: unset;
}
</style>

151
Custom_Templates/customer_templates/Pipedrive Learn - CRM/welcome.html.liquid
View File

@ -1,151 +0,0 @@
{% comment %} Page for SSO school to setup first name {% endcomment %}
{% if current_person.signed_in? == false or current_person.first_name %}
<script>
window.location.replace('/app')
</script>
{% else %}
<main class="np-main np-account">
<div class="np-flex np-flex-center width-limit">
<form class="np-form" method="post" id="name-form" novalidate>
<div class="np-card">
<div class="container">
<h2 class="account-form-title">
<span class="lang-en">Please fill out your name</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span>
</h2>
<div class="row">
<div class="col-xs-12 np-account-form">
<div class="np-form-field">
<label class="account-label" for="first-name">
<span class="lang-en">First name</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span> *
</label>
<input class="np-input" id="first-name" autocomplete="off">
</div>
<div class="np-form-field">
<label class="account-label" for="last-name">
<span class="lang-en">Last name</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span> *
</label>
<input class="np-input" id="last-name" autocomplete="off">
</div>
<button type="submit" class="np-button np-button-big np-button-large-font np-form-action">
<span class="lang-en">Save</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</main>
<style>
.np-account {
background: #F7F7FE;
padding-top: 40px;
padding-bottom: 40px;
height: 100%;
}
.np-account .np-card {
max-width: unset;
width: 100%;
}
.np-account-form {
margin-bottom: 80px;
}
.account-form-title {
color: var(--green);
margin-bottom: 40px;
}
.np-account .np-card-container {
box-shadow: none;
background: none;
}
.np-input {
background: #FFF;
border-radius: 0;
border: 1px solid #E1E1FF;
margin-top: 5px;
}
.np-form-field {
margin-bottom: 20px !important;
}
.np-account .np-form-action {
margin: 20px 0 0;
}
.avatar-text > h4 {
margin-bottom: 20px;
}
button:disabled, button:hover:disabled {
background: #FFE7E6;
color: gray;
cursor: default;
}
@media only screen and (min-width: 768px) {
.np-account {
padding-top: 80px;
padding-bottom: 80px;
}
.np-account-form {
margin-bottom: 0;
}
}
</style>
<script>
const form = document.getElementById('name-form');
form.addEventListener('input', () => {
const firstName = document.querySelector('#first-name').value;
const lastName = document.querySelector('#last-name').value;
const button = document.querySelector('button');
button.disabled = !(firstName.length > 0 && lastName.length > 0);
});
addEventListener('DOMContentLoaded', () => {
let defaultLastName = "{{ current_person.last_name }}";
let splitName = defaultLastName.split(' ');
if (splitName.length >= 2) {
document.querySelector('#last-name').setAttribute('value', splitName.pop());
document.querySelector('#first-name').setAttribute('value', splitName.join(' '));
}
else {
document.querySelector('#first-name').setAttribute('value', splitName[0]);
document.querySelector('button').disabled = true;
}
})
form.addEventListener('submit', (event) => {
event.preventDefault();
const firstName = document.getElementById('first-name').value;
const lastName = document.getElementById('last-name').value;
const xhr = new XMLHttpRequest();
xhr.open('POST', 'https://www.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/pipedrive-sso-setup-first-and-last-name');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({
"first-name": firstName,
"last-name": lastName,
"user-uuid": "{{ current_person.id }}"
}));
xhr.addEventListener('load', () => {
window.sessionStorage.setItem('nameSetup', firstName);
window.location.replace('/app');
});
});
</script>
{% endif %}