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

Larson Texts notes. Lots of Pipedrive Template changes. Started my GS Script for Timeline events.

Browse Source
This commit is contained in:
Norm Rasmussen
2023-07-24 19:15:14 -04:00
parent ecf6845890
commit 08c8f78f1c
168 changed files with 13188 additions and 1196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
Custom_Templates/customer_templates/Pipedrive Learn - CRM/_account_avatar.html.liquid
View File

@ -1,33 +1,33 @@
<div class="avatar-text">
<h4 class="strong">
<span class="lang-en">Profile picture</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span>
<span class="lang-de">Profilbild</span>
<span class="lang-es">Foto de perfil</span>
<span class="lang-fr">Photo de profil</span>
<span class="lang-br">Foto do perfil</span>
</h4>
<div>
<span class="lang-en">Photo helps personalize your account</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span>
<span class="lang-de">Personalisieren Sie Ihr Konto mit einem Foto</span>
<span class="lang-es">La foto ayuda a personalizar su cuenta</span>
<span class="lang-fr">La photo permet de personnaliser votre compte</span>
<span class="lang-br">A foto ajuda a personalizar sua conta</span>
</div>
</div>
<img
alt="default avatar"
class="np-account-avatar-image"
src="https://s3.amazonaws.com/static.northpass.com/pipedrive/Avatar.png"
id="{{version}}_gravatar_img"
{% unless form.use_gravatar? %}style="display: none"{% endunless %}
alt="default avatar"
class="np-account-avatar-image"
src="https://s3.amazonaws.com/static.northpass.com/pipedrive/Avatar.png"
id="{{version}}_gravatar_img"
{% unless form.use_gravatar? %}style="display: none"{% endunless %}
/>
<img
alt="avatar"
class="np-account-avatar-image"
src="{% if form.secure_custom_avatar_url contains "https://secure.gravatar.com/avatar" %}https://s3.amazonaws.com/static.northpass.com/pipedrive/Avatar.png{% else %}{{ form.secure_custom_avatar_url }}{% endif %}"
id="{{version}}_custom_avatar_img"
{% if form.use_gravatar? %}style="display: none"{% endif %}
alt="avatar"
class="np-account-avatar-image"
src="{% if form.secure_custom_avatar_url contains "https://secure.gravatar.com/avatar" %}https://s3.amazonaws.com/static.northpass.com/pipedrive/Avatar.png{% else %}{{ form.secure_custom_avatar_url }}{% endif %}"
id="{{version}}_custom_avatar_img"
{% if form.use_gravatar? %}style="display: none"{% endif %}
/>
<div class="np-account-avatar-choice">
@ -35,36 +35,36 @@
<label class="radio radio-before np-input-label" for="{{version}}_learner_use_gravatar_true">
<span class="radio__input">
<input
id="{{version}}_learner_use_gravatar_true"
name="learner[use_gravatar]"
type="radio"
value="true"
{% if form.use_gravatar? %}checked{% endif %}
id="{{version}}_learner_use_gravatar_true"
name="learner[use_gravatar]"
type="radio"
value="true"
{% if form.use_gravatar? %}checked{% endif %}
/>
<span class="np-button-color radio__control"></span>
</span>
<span class="radio__label"></span>
</label>
</div>
<div class="np-form-field np-hidden">
<label class="radio radio-before np-input-label" for="{{version}}_learner_use_gravatar_false">
<span class="radio__input">
<input
id="{{version}}_learner_use_gravatar_false"
name="learner[use_gravatar]"
type="radio"
value="false"
{% unless form.use_gravatar? %}checked{% endunless %}
id="{{version}}_learner_use_gravatar_false"
name="learner[use_gravatar]"
type="radio"
value="false"
{% unless form.use_gravatar? %}checked{% endunless %}
/>
<span class="np-button-color radio__control"></span>
</span>
<span class="radio__label">
<span class="lang-en">Upload custom photo</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span>
<span class="lang-de">Foto hochladen</span>
<span class="lang-es">Subir foto personalizada</span>
<span class="lang-fr">Téléverser une photo personnalisée</span>
<span class="lang-br">Carregar foto personalizada</span>
</span>
</label>
</div>
@ -75,10 +75,10 @@
>
<i class="far fa-paperclip"></i>
<span class="lang-en">Upload custom photo</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span>
<span class="lang-de">Foto hochladen</span>
<span class="lang-es">Subir foto personalizada</span>
<span class="lang-fr">Téléverser une photo personnalisée</span>
<span class="lang-br">Carregar foto personalizada</span>
</button>
<div class="avatar-checkbox-wrapper" onclick="toggleGravatar()">
<div class="avatar-checkbox {% if form.use_gravatar? %} avatar-checkbox-selected {% endif %}" id="gravatar-checkbox">
@ -88,66 +88,66 @@
</div>
<span>
<span class="lang-en">Use default avatar</span>
<span class="lang-de"></span>
<span class="lang-es"></span>
<span class="lang-fr"></span>
<span class="lang-br"></span>
<span class="lang-de">Standard-Avatar verwenden</span>
<span class="lang-es">Usar avatar predeterminado</span>
<span class="lang-fr">Utiliser l'avatar par défaut</span>
<span class="lang-br">Use o avatar padrão</span>
</span>
</div>
</div>
<style>
#desktop_custom_avatar_img {
border-radius: 50%;
border: 2px solid #E4E6E9;
}
.avatar-text > h4 {
margin-bottom: 20px;
}
.np-account-avatar-choice {
margin-left: 0;
}
.avatar-checkbox {
width: 20px;
height: 20px;
border: 1px solid var(--black-digital);
border-radius: 2px;
}
.avatar-checkbox-wrapper {
display: flex;
gap: 10px;
align-items: center;
cursor: pointer;
}
.avatar-checkbox.avatar-checkbox-selected {
border: none;
background: var(--green);
display: flex;
}
.avatar-checkbox-mark {
display: none;
margin: auto;
}
.avatar-checkbox.avatar-checkbox-selected .avatar-checkbox-mark {
display: block;
}
.upload-avatar-button {
border: none;
background: none;
color: #0070D6;
margin-bottom: 20px;
padding: 0;
}
.upload-avatar-button:hover {
color: #0055a3;
}
.upload-avatar-button > i {
rotate: -45deg;
}
#desktop_gravatar_img {
border: 2px solid #E4E6E9;
border-radius: 50%;
}
#desktop_custom_avatar_img {
border-radius: 50%;
border: 2px solid #E4E6E9;
}
.avatar-text > h4 {
margin-bottom: 20px;
}
.np-account-avatar-choice {
margin-left: 0;
}
.avatar-checkbox {
width: 20px;
height: 20px;
border: 1px solid var(--black-digital);
border-radius: 2px;
}
.avatar-checkbox-wrapper {
display: flex;
gap: 10px;
align-items: center;
cursor: pointer;
}
.avatar-checkbox.avatar-checkbox-selected {
border: none;
background: var(--green);
display: flex;
}
.avatar-checkbox-mark {
display: none;
margin: auto;
}
.avatar-checkbox.avatar-checkbox-selected .avatar-checkbox-mark {
display: block;
}
.upload-avatar-button {
border: none;
background: none;
color: #0070D6;
margin-bottom: 20px;
padding: 0;
}
.upload-avatar-button:hover {
color: #0055a3;
}
.upload-avatar-button > i {
rotate: -45deg;
}
#desktop_gravatar_img {
border: 2px solid #E4E6E9;
border-radius: 50%;
}
</style>
<script>
@ -162,11 +162,11 @@
}
}
{% if current_person.avatar_url contains "https://secure.gravatar.com/avatar" and form.use_gravatar? == false %}
window.addEventListener("DOMContentLoaded", () => {
let a = document.querySelector('#gravatar-checkbox');
if (!a.classList.contains('avatar-checkbox-selected')) {
a.click()
}
})
window.addEventListener("DOMContentLoaded", () => {
let a = document.querySelector('#gravatar-checkbox');
if (!a.classList.contains('avatar-checkbox-selected')) {
a.click()
}
})
{% endif %}
</script>