Blacklane templates almost completed. Downloaded humly for their requested changes. Chubb notes.
This commit is contained in:
@ -47,11 +47,30 @@
|
|||||||
value="{{ form.email | escape }}"
|
value="{{ form.email | escape }}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="np-form-field">
|
||||||
|
<label class="np-input-label">
|
||||||
|
Region
|
||||||
|
</label>
|
||||||
|
<select
|
||||||
|
class="sign-up-region np-input"
|
||||||
|
type="text"
|
||||||
|
name="group-dropdown"
|
||||||
|
id="sign-up-group-dropdown"
|
||||||
|
required >
|
||||||
|
<option class="info-group-option" value="APAC/EMEA">
|
||||||
|
APAC/EMEA
|
||||||
|
</option>
|
||||||
|
<option class="info-group-option" value="AMERICAS">
|
||||||
|
Americas
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
<input
|
<input
|
||||||
type="submit"
|
type="submit"
|
||||||
name="commit"
|
name="commit"
|
||||||
value="{% t shared.enter %}"
|
value="{% t shared.enter %}"
|
||||||
class="np-button np-button-big np-form-action"
|
class="np-button np-button-big np-form-action"
|
||||||
|
<button class="addtl-button" onclick="submitData()"></button>
|
||||||
/>
|
/>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@ -60,17 +79,17 @@
|
|||||||
<script>
|
<script>
|
||||||
|
|
||||||
let submitData = async () => {
|
let submitData = async () => {
|
||||||
if(
|
//if(
|
||||||
($(".sign-up-follow-up-store-name")[0].value.length > 0) && $(".sign-up-follow-up-city")[0].value.length > 0 && $("#sign-up-state-dropdown")[0].value.length != 0
|
// ($(".sign-up-region")[0].value.length > 0)
|
||||||
){
|
// ){
|
||||||
|
|
||||||
function webhookCaller(){
|
function webhookCaller(){
|
||||||
return new Promise(function(res, rej) {
|
return new Promise(function(res, rej) {
|
||||||
let xhr = new XMLHttpRequest();
|
let xhr = new XMLHttpRequest();
|
||||||
url = "https://webhooks.workato.com/webhooks/rest/4c162498-2fc6-4d3f-b5ea-6b98218b2c39/sign-up-follow-up";
|
url = "https://webhooks.workato.com/webhooks/rest/a36b1f7c-07c7-48ff-bc0f-cb3777d02c81/blacklane-new-driver-region-seg";
|
||||||
|
|
||||||
xhr.addEventListener("load", e => {
|
xhr.addEventListener("load", e => {
|
||||||
window.location.replace('/app/waiting-room');
|
window.location.replace('/app/');
|
||||||
//window.location.replace('/app');
|
//window.location.replace('/app');
|
||||||
});
|
});
|
||||||
xhr.open("POST", url, true);
|
xhr.open("POST", url, true);
|
||||||
@ -78,9 +97,7 @@
|
|||||||
email: '{{ current_person.email }}',
|
email: '{{ current_person.email }}',
|
||||||
name: "{{ current_person.first_name }} {{ current_person.last_name }}",
|
name: "{{ current_person.first_name }} {{ current_person.last_name }}",
|
||||||
user_id: '{{ current_person.id }}',
|
user_id: '{{ current_person.id }}',
|
||||||
user_city: $(".sign-up-follow-up-city")[0].value,
|
user_region: $(".sign-up-region")[0].value,
|
||||||
user_state: $("#sign-up-state-dropdown")[0].value,
|
|
||||||
user_store_name: $(".sign-up-follow-up-store-name")[0].value
|
|
||||||
}))
|
}))
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@ -0,0 +1,3 @@
|
|||||||
|
<script>
|
||||||
|
window.location.href = '/app/dashboard'
|
||||||
|
</script>
|
||||||
@ -0,0 +1,154 @@
|
|||||||
|
|
||||||
|
<div class="sign-up-follow-up-container" onload="">
|
||||||
|
<div class="sign-up-follow-up-content">
|
||||||
|
|
||||||
|
<img
|
||||||
|
alt="{{ current_school.name }}"
|
||||||
|
class="sign-up-follow-up-image sign-up-school-logo"
|
||||||
|
src="{{ current_school.logo_url }}"
|
||||||
|
/>
|
||||||
|
<h1 class="sign-up-follow-up-prompt">Please select your region from the dropdown below: </h1>
|
||||||
|
|
||||||
|
<div class="np-form-field">
|
||||||
|
<label class="np-input-label">
|
||||||
|
Region
|
||||||
|
</label>
|
||||||
|
<select
|
||||||
|
class="sign-up-follow-up-input sign-up-follow-up-region np-input"
|
||||||
|
type="text"
|
||||||
|
name="group-dropdown"
|
||||||
|
id="sign-up-group-dropdown"
|
||||||
|
required >
|
||||||
|
<option class="info-group-option" value="APAC/EMEA">
|
||||||
|
APAC/EMEA
|
||||||
|
</option>
|
||||||
|
<option class="info-group-option" value="AMERICAS">
|
||||||
|
Americas
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<button class="sign-up-follow-up-button" onclick="submitData()">Submit</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.sign-up-follow-up-container{
|
||||||
|
align-items: center;;
|
||||||
|
background: #F7F7F7;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
min-height: 100%;
|
||||||
|
min-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-up-follow-up-content{
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
margin: 1rem 0;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-up-follow-up-image{
|
||||||
|
max-width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-up-follow-up-prompt{
|
||||||
|
color: #001588;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
margin: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-up-dropdown,
|
||||||
|
.sign-up-follow-up-input{
|
||||||
|
margin-top: 1.1rem;
|
||||||
|
text-align: center;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-up-dropdown{
|
||||||
|
height: 55px;
|
||||||
|
padding-left: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-up-follow-up-input{
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-up-follow-up-button{
|
||||||
|
border: 1px solid black;
|
||||||
|
border-radius: 5px;
|
||||||
|
height: 30px;
|
||||||
|
margin-top: 10px;
|
||||||
|
width: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 768px){
|
||||||
|
.sign-up-school-logo{
|
||||||
|
width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-up-follow-up-image{
|
||||||
|
max-width: 575px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-up-follow-up-prompt{
|
||||||
|
font-size: 1.75rem;
|
||||||
|
margin: 2rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
max-width: 60%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-up-dropdown,
|
||||||
|
.sign-up-follow-up-input{
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1440px){
|
||||||
|
.sign-up-follow-up-prompt{
|
||||||
|
font-size: 2.25rem;
|
||||||
|
margin: 3.5rem 10rem;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
let submitData = async () => {
|
||||||
|
//if(
|
||||||
|
// ($(".sign-up-region")[0].value.length > 0)
|
||||||
|
// ){
|
||||||
|
|
||||||
|
function webhookCaller(){
|
||||||
|
return new Promise(function(res, rej) {
|
||||||
|
let xhr = new XMLHttpRequest();
|
||||||
|
url = "https://webhooks.workato.com/webhooks/rest/a36b1f7c-07c7-48ff-bc0f-cb3777d02c81/blacklane-new-driver-region-seg";
|
||||||
|
|
||||||
|
xhr.addEventListener("load", e => {
|
||||||
|
window.location.replace('/app/');
|
||||||
|
//window.location.replace('/app');
|
||||||
|
});
|
||||||
|
xhr.open("POST", url, true);
|
||||||
|
xhr.send(JSON.stringify({
|
||||||
|
email: '{{ current_person.email }}',
|
||||||
|
name: "{{ current_person.first_name }} {{ current_person.last_name }}",
|
||||||
|
user_id: '{{ current_person.id }}',
|
||||||
|
user_region: $(".sign-up-region")[0].value,
|
||||||
|
}))
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
await webhookCaller()
|
||||||
|
.then((res) => {
|
||||||
|
window.location.replace('/app/dashboard')
|
||||||
|
})
|
||||||
|
} catch(err) {
|
||||||
|
console.log(err)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
BIN
Custom_Templates/customer_templates/Humly/.DS_Store
vendored
Normal file
BIN
Custom_Templates/customer_templates/Humly/.DS_Store
vendored
Normal file
Binary file not shown.
@ -0,0 +1,40 @@
|
|||||||
|
<div class="np-course-outline">
|
||||||
|
<div class="np-text-title np-course-outline-title">
|
||||||
|
{% t .header, key: current_school.course_vocabulary %}
|
||||||
|
</div>
|
||||||
|
<div class="np-course-outline-content">
|
||||||
|
<ol class="np-course-outline-content-section">
|
||||||
|
{% for section in course.sections %}
|
||||||
|
<li class="np-course-outline-content-section-list">
|
||||||
|
<div class="np-course-outline-content-section-name np-text-title-bold np-text-title-bold">
|
||||||
|
{{ section.name }}
|
||||||
|
</div>
|
||||||
|
<ol class="np-course-outline-content-activity">
|
||||||
|
{% for activity in section.activities %}
|
||||||
|
|
||||||
|
<li class="np-course-outline-content-activity-list">
|
||||||
|
{% if activity.completed? %}
|
||||||
|
<i class="fas fa-circle np-course-outline-content-activity-icon np-button-color"></i>
|
||||||
|
{% if activity.locked? %}
|
||||||
|
{% include "course_activity_locked" %}
|
||||||
|
{% else %}
|
||||||
|
{% include "course_activity_unlocked", class: "np-course-outline-content-activity-link-completed" %}
|
||||||
|
{% endif %}
|
||||||
|
<div class="np-button-background-color np-course-outline-content-activity-list-bar"></div>
|
||||||
|
{% else %}
|
||||||
|
<i class="far fa-circle np-course-outline-content-activity-icon"></i>
|
||||||
|
{% if activity.locked? %}
|
||||||
|
{% include "course_activity_locked" %}
|
||||||
|
{% else %}
|
||||||
|
{% include "course_activity_unlocked", class: "np-course-outline-content-activity-link" %}
|
||||||
|
{% endif %}
|
||||||
|
<div class="np-course-outline-content-activity-list-bar"></div>
|
||||||
|
{% endif %}
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ol>
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
23
CustomerNotes/Chubb/Chubb.md
Normal file
23
CustomerNotes/Chubb/Chubb.md
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
# Chubb
|
||||||
|
|
||||||
|
## 11/20/2023
|
||||||
|
|
||||||
|
### Design Sync
|
||||||
|
|
||||||
|
* Travis already supplied the team with examples
|
||||||
|
* They know what they want! Steve made a mock up.
|
||||||
|
|
||||||
|
Catalog page:
|
||||||
|
* Liked the Bubbles on Pipedrive
|
||||||
|
* Sidebar like Omnisend
|
||||||
|
* They have levels like beginner, expert, etc
|
||||||
|
* May not use user duration
|
||||||
|
* Wants to use JnJ's subcategory trick
|
||||||
|
* Vertical height of cards should all be the same!
|
||||||
|
* Using short description for course cards (250 characters)
|
||||||
|
* Tags on course cards - they will try to not overload tags
|
||||||
|
* Two levels of Branding -
|
||||||
|
* brand.chubb.com - high level - colors, etc
|
||||||
|
* merina design platform - super detail (how many pixels a box should be)
|
||||||
|
* Branding team is strict, but good at feedback. They will let us take a first pass and then give us feedback.
|
||||||
|
* Make this design iterative!
|
||||||
Reference in New Issue
Block a user