ofco/medicalalert-web-reloaded
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

theme updates

Browse Source
This commit is contained in:
Tony Volpe
2024-07-17 03:25:05 +00:00
parent 4950d23a30
commit 1cbeccbe26
157 changed files with 2210 additions and 8701 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
wp/wp-content/themes/medicalalert/tpl/cart_summary.tpl
View File

@@ -44,10 +44,10 @@
</div>
{{/if}}
{{#if activationFee}}
{{#if activationFeeName}}
<div class="d-flex justify-content-between">
<p>{{activationFee}}</p>
<p>{{#currencyFormatter activation_fee}}</p>
<p>{{activationFeeName}}</p>
<p>{{#currencyFormatter activationFeeAmount}}</p>
</div>
{{/if}}
<div class="d-flex justify-content-between">
@@ -72,18 +72,24 @@
<p class="fw-bold">{{#currencyFormatter totalDue }}</p>
</div>
<p v-html="appliedCoupons"></p>
{{#if couponDescription}}
<div class="coupon">
<p class="coupon-title">Applied Coupon:</p>
</div>
{{/if}}
<div class="checklist">
{{{couponDescription}}}
</div>
<div class="coupon-summary">
<div class="checklist">
{{{couponSummary}}}
</div>
</div>
</div>
{{#if showCheckoutButton}}
<a href="/checkout" class="button--primary align-self-end">Continue to Checkout</a>
{{/if}}
<div class="checklist my-5">
{{#each checkboxes}}
<div class="d-flex flex-row">
<i class="bi bi-check"></i>
<p class="ms-3 mt-2">{{ text }}</p>
</div>
{{/each}}
</div>
</div>

72
wp/wp-content/themes/medicalalert/tpl/checkout-step-1.tpl
View File

@@ -6,17 +6,13 @@
</div>
<div class="step-1-extras">
<p class="consumer-primary fw-bold">1. Subscriber Information</p>
<p class="consumer-primary fw-bold">Subscriber Contact Information</p>
<p>Please enter the information for the person who will be using the Lifeline service.</p>
<p class="consumer-primary fw-bold">Subscriber (Person using the service)</p>
{{{ subscriber_first_name }}}
{{{ subscriber_last_name }}}
<hr />
{{{ subscriber_gender }}}
{{{ subscriber_birthdate }}}
<p class="consumer-primary fw-bold pt-4">Subscriber Contact Information</p>
{{{ subscriber_address_1 }}}
<div class="row">
<div class="col">
@@ -37,37 +33,37 @@
{{{ subscriber_email }}}
{{{ subscriber_phone }}}
<p class="consumer-primary fw-bold pt-4">Caregiver Information</p>
<p>It's important to enter caregiver information so they are linked to your Lifeline service and can easily become part of your care circle within the Cares app.</p>
<p class="consumer-primary fw-bold pt-4">Emergency Contacts</p>
<div class="d-flex justify-content-between" style="font-size: 22px; color: #505050">
<div class="d-flex">
<input class="mt-2 me-2" type="checkbox" v-model="show_caregiver_form">
<label>Add Emergency Contacts</label>
<div class="d-flex justify-content-between" style="font-size: 22px; color: #505050">
<div class="d-flex">
<input class="mt-2 me-2" type="radio" v-model="show_caregiver_form" id="show_caregiver_form_true" value="true">
<label for="show_caregiver_form_true">Add caregiver information</label>
</div>
<div class="d-flex">
<input class="mt-2 me-2" type="radio" v-model="show_caregiver_form" id="show_caregiver_form_false" value="false">
<label for="show_caregiver_form_false">Add caregiver information at a later time</label>
</div>
</div>
<div v-show="show_caregiver_form === 'true'">
{{{ caregiver_relation }}}
{{{ caregiver_first_name }}}
{{{ caregiver_last_name }}}
{{{ caregiver_email }}}
{{{ caregiver_phone }}}
<div class="d-flex">
<div class="input-wrapper">
<input type="checkbox" v-model="caregiver_authorized_box" />
</div>
<div class="label-wrapper" @click="caregiver_authorized_box = !caregiver_authorized_box">
{{{ caregiver_authorized }}}
</div>
</div>
</div>
<p class="consumer-primary fw-bold pt-4">Billing details</p>
</div>
<div v-show="show_caregiver_form">
{{{ caregiver_relation }}}
{{{ caregiver_first_name }}}
{{{ caregiver_last_name }}}
{{{ caregiver_email }}}
{{{ caregiver_phone }}}
</div>
<p class="consumer-primary fw-bold pt-4">Billing Information</p>
<div class="d-flex justify-content-between" style="font-size: 22px; color: rgb(80, 80, 80);">
<div class="d-flex">
<input class="mt-2 me-2" type="checkbox" id="sameAsSubscriber" name="sameAsSubscriber" onclick="copySubscriberAddress()">
<label for="sameAsSubscriber">Billing same as Subscriber</label>
</div>
</div>
</div>

48
wp/wp-content/themes/medicalalert/tpl/single_product.tpl
View File

@@ -53,7 +53,7 @@
{{/each}}
</select>
</div>
<p id="selected-text"></p>
<p id="selected-text">Includes free shipping and lockbox! </p>
<p class="fee-text">{{product.fee_text}}</p>
</div>
<div class="col-4 col-lg-6 col-md-4 p-3">
@@ -166,11 +166,11 @@ for (i = 0; i < l; i++) {
if (s.options[k].innerHTML == this.innerHTML) {
s.selectedIndex = k;
h.innerHTML = this.innerHTML;
if (this.innerHTML === "Annually | $34.95" || this.innerHTML === "Annually | $27.95" || this.innerHTML === "Annually | $44.95") {
if (this.innerHTML === "Annually | $34.95" || this.innerHTML === "Annually | $27.95" || this.innerHTML === "Annually | $44.95" || this.innerHTML === "Annually | $39.95") {
document.getElementById("selected-text").innerHTML = "Includes free shipping and lockbox! ";
} else if (this.innerHTML === "Semi-Annually | $49.95" || this.innerHTML === "Semi-Annually | $39.95" || this.innerHTML === "Semi-Annually | $29.95") {
} else if (this.innerHTML === "Semi-Annually | $49.95" || this.innerHTML === "Semi-Annually | $39.95" || this.innerHTML === "Semi-Annually | $29.95" || this.innerHTML === "Semi-Annually | $44.95" || this.innerHTML === "Semi-Annually | $37.95") {
document.getElementById("selected-text").innerHTML = "Includes free shipping!";
} else if (this.innerHTML === "Monthly | $49.95" || this.innerHTML === "Monthly | $39.95" || this.innerHTML === "Monthly | $29.95") {
} else if (this.innerHTML === "Monthly | $49.95" || this.innerHTML === "Monthly | $39.95" || this.innerHTML === "Monthly | $29.95" || this.innerHTML === "Monthly | $44.95") {
document.getElementById("selected-text").innerHTML = "";
}
@@ -182,34 +182,32 @@ for (i = 0; i < l; i++) {
b.appendChild(c);
}
x[i].appendChild(b);
a.addEventListener("click", function(e) {
e.stopPropagation();
closeAllSelect(this);
this.nextSibling.classList.toggle("select-hide");
this.classList.toggle("select-arrow-active");
});
a.addEventListener("click", function(e) {
e.stopPropagation();
closeAllSelect(this);
var items = this.nextElementSibling;
items.classList.toggle("select-hide");
this.classList.toggle("select-arrow-active");
});
// Close the dropdown when clicking outside of it
document.addEventListener("click", function(e) {
closeAllSelect(null);
});
}
function closeAllSelect(elmnt) {
var x, y, k, xl, yl, arrNo = [];
x = document.getElementsByClassName("select-items");
y = document.getElementsByClassName("select-selected");
xl = x.length;
yl = y.length;
for (k = 0; k < yl; k++) {
if (elmnt == y[k]) {
arrNo.push(k)
} else {
y[k].classList.remove("select-arrow-active");
}
}
for (k = 0; k < xl; k++) {
if (arrNo.indexOf(k) < 0) {
x[k].classList.add("select-hide");
var x = document.getElementsByClassName("select-items");
var y = document.getElementsByClassName("select-selected");
for (var i = 0; i < x.length; i++) {
if (y[i] && (elmnt !== y[i].parentNode)) {
x[i].classList.add("select-hide");
y[i].classList.remove("select-arrow-active");
}
}
}
document.addEventListener("click", closeAllSelect);