Blacklane templates almost completed. Downloaded humly for their requested changes. Chubb notes.
This commit is contained in:
Norm Rasmussen
@ -47,11 +47,30 @@
|
||||
value="{{ form.email | escape }}"
|
||||
/>
|
||||
</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
|
||||
type="submit"
|
||||
name="commit"
|
||||
value="{% t shared.enter %}"
|
||||
class="np-button np-button-big np-form-action"
|
||||
<button class="addtl-button" onclick="submitData()"></button>
|
||||
/>
|
||||
</form>
|
||||
</div>
|
||||
@ -60,17 +79,17 @@
|
||||
<script>
|
||||
|
||||
let submitData = async () => {
|
||||
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
|
||||
){
|
||||
//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/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 => {
|
||||
window.location.replace('/app/waiting-room');
|
||||
window.location.replace('/app/');
|
||||
//window.location.replace('/app');
|
||||
});
|
||||
xhr.open("POST", url, true);
|
||||
@ -78,9 +97,7 @@
|
||||
email: '{{ current_person.email }}',
|
||||
name: "{{ current_person.first_name }} {{ current_person.last_name }}",
|
||||
user_id: '{{ current_person.id }}',
|
||||
user_city: $(".sign-up-follow-up-city")[0].value,
|
||||
user_state: $("#sign-up-state-dropdown")[0].value,
|
||||
user_store_name: $(".sign-up-follow-up-store-name")[0].value
|
||||
user_region: $(".sign-up-region")[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