Florian Eisenmenger 4 lat temu
rodzic
commit
401e89dccc
3 zmienionych plików z 133 dodań i 41 usunięć
  1. +61
    -16
      zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/overrides.scss
  2. +27
    -21
      zenitPlatformAtmosSet2/src/Resources/app/storefront/dist/storefront/js/zenit-platform-atmos-set2.js
  3. +45
    -4
      zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/overrides.scss

+ 61
- 16
zenitPlatformAtmosSet1/src/Resources/app/storefront/src/scss/overrides.scss Wyświetl plik

@@ -13,6 +13,7 @@ html {

body {
background: #fff;
overflow-x: hidden;
}

h1 {
@@ -42,7 +43,7 @@ h6 {
}

.breadcrumb-container {
display: none;
display: none;
}

.cms-block {
@@ -106,6 +107,7 @@ input.custom-number[type=number] {
}
}


/* Wunschliefertermin Datepicker */
.confirm-delivery-date {
.spwn-date-wrapper {
@@ -148,12 +150,13 @@ input.custom-number[type=number] {
&:after {
transform: rotate(45deg);
}
}
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
border-color: #33548c;
background: #33548c;
}
}

#spwn-delivery {
padding: 0 0 40px 0;
.spwn-delivery--time {
@@ -163,7 +166,7 @@ input.custom-number[type=number] {
cursor: pointer;
display: inline-block;
margin: 0 20px 0 0;
color: #33548c;
color: #86b04b;
font-size: 16px;
line-height: 18px;
border: 2px solid #33548c;
@@ -178,7 +181,7 @@ input.custom-number[type=number] {
transition: all .15s ease-in-out;
&:hover,
&.active {
background: #33548c;
background: #86b04b;
color: #fff;
}
}
@@ -190,18 +193,60 @@ input.custom-number[type=number] {
display: none !important;
}

.swag-custom-notification-info-modal__content {
padding-bottom: 40px;
.row {
align-items: center;
h3 {
font-family: $sw-font-family-headline !important;
font-size: 44px;
font-weight: 700 !important;
margin-bottom: 30px;
.swag-custom-notification-banner {
padding: 3px 6px !important;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin: 0 -50vw 0px -50vw;
.swag-custom-notification-banner-text {
font-size: 18px;
}
}

.modal.spwn-swag-custom-notification-info {
.modal-header {
.close {
opacity: 1;
}
.icon {
color: #fff;
}
}
img {
width: 100%;
@media (min-width: 576px) {
.modal-dialog {
max-width: 600px !important;
}
}
.modal-content {
background: transparent;
box-shadow: none;
}
}
}

.swag-custom-notification-info-modal__content {
padding-bottom: 40px;
.row {
align-items: center;
.col-md-6 {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
h3 {
font-family: $sw-font-family-headline !important;
font-size: 44px;
font-weight: 700 !important;
margin-bottom: 30px;
display: none;
}
p {
display: none;
}
img {
width: 100%;
max-width: 450px;
}
}
}

+ 27
- 21
zenitPlatformAtmosSet2/src/Resources/app/storefront/dist/storefront/js/zenit-platform-atmos-set2.js Wyświetl plik

@@ -45,24 +45,17 @@ $(document).ready(function() {

/* Set first selectable day selected */
// remove hours
console.log("A");
console.log($(".confirm-delivery-date #dtgs-datepicker-inputfield").val());
console.log(spawnDateInputValue);
if ($(".confirm-delivery-date #dtgs-datepicker-inputfield").val().indexOf(":") !== -1) {
let inputTemp = $(".confirm-delivery-date #dtgs-datepicker-inputfield").val();
spawnDateInputValue = inputTemp.substring(0, inputTemp.length - 6);
console.log("A2");
console.log(spawnDateInputValue);
} else {
spawnDateInputValue = $(".confirm-delivery-date #dtgs-datepicker-inputfield").val();
console.log("3");
console.log(spawnDateInputValue);
}
if (spawnDateInputValue === '') {
setDateSelected();
}
$("#spwn-dp-input").val(spawnDateInputValue);
$("body").find("#spwn-dp-input").val(spawnDateInputValue);
changeDelivery(fp);
}

@@ -108,27 +101,24 @@ function easeOutCuaic(t){
}

function manipulateDateInputValue() {
console.log("manipulateDateInputValue");
// remove hours
console.log("B");
console.log($(".confirm-delivery-date #dtgs-datepicker-inputfield").val());
console.log(spawnDateInputValue);
if ($(".confirm-delivery-date #dtgs-datepicker-inputfield").val().indexOf(":") !== -1) {
let inputTemp = $(".confirm-delivery-date #dtgs-datepicker-inputfield").val();
spawnDateInputValue = inputTemp.substring(0, inputTemp.length - 6);
console.log("B2");
console.log(spawnDateInputValue);
} else {
spawnDateInputValue = $(".confirm-delivery-date #dtgs-datepicker-inputfield").val();
console.log("B3");
console.log(spawnDateInputValue);
}
if (inputSameDayDelivery.is(':checked')) {
// If same day delivery is checked, select time
$("#spwn-delivery .spwn-delivery--time span.active").trigger("click");
} else {
$("#spwn-dp-input").val(spawnDateInputValue);
}
}

function setDateSelected() {
console.log("setDateSelected");
let spwnFirstSelectableDay = $(".flatpickr-day:not(.flatpickr-disabled)").first().text();
let spwnFPdate = new Date();
let spwnDay = spwnFPdate.getDate();
@@ -145,12 +135,13 @@ function setDateSelected() {
}

function changeDelivery(fp) {
console.log("changeDelivery");
$("body").on("click", "#spwn-delivery .spwn-delivery--time span", function() {
$("#spwn-delivery .spwn-delivery--time span").removeClass("active");
$(this).addClass("active");
$(".confirm-delivery-date #spwn-dp-input").val(spawnDateInputValue + " " + $(this).text());
$(".confirm-delivery-date #dtgs-datepicker-inputfield").val(spawnDateInputValue + " " + $(this).attr('data-time'));
$(".flatpickr-hour").val($(this).attr('data-hour'));
});

let daysToAdd = 0;
@@ -163,21 +154,30 @@ function changeDelivery(fp) {
// Abholung im Ladengeschäft
console.log("Abholung");
$(".confirm-delivery-date #spwn-dp-input").val('Abholung im Ladengeschäft');
$(".confirm-delivery-date #dtgs-datepicker-inputfield").val('9.9.1999 19:19');
// let spwnDate = fp.formatDate('31.12.2050', 'd.m.Y');
// fp.set("maxDate", '2050/12/31');
// fp.setDate(new Date('2050/12/31'), true);
fp.set("dateFormat", 'd.m.Y');
fp.set("minDate", '05.04.2022');
fp.set("maxDate", '05.04.2022');
fp.set("enable", ["05.04.2022"]);
// fp.set("minDate", '31.12.2050');
// fp.set("maxDate", '31.12.2050');
// fp.set("enable", ["31.12.2050"]);
$(".confirm-delivery-date #dtgs-datepicker-inputfield").val('31.12.2050 04:00');
$(".confirm-delivery-date").hide();
$("#spwn-delivery p").text("Die bestellten Produkte stehen zur Abholung in unserem Ladengeschäft in Hamburg für Sie bereit.");
$(".flatpickr-hour").val('04');
} else if (inputSameDayDelivery.is(':checked')) {
// Abendzustellung
console.log("Abendzustellung");
$(".confirm-delivery-date #spwn-dp-input").val('');
$(".confirm-delivery-date #dtgs-datepicker-inputfield").val('');
spwnIncludedDays = [1, 2, 3, 4, 5];
if (daysToAdd === 0) {
daysToAdd = 0;
}
setIncludedDays("evening", fp, daysToAdd);
$("#spwn-delivery p").text("Abendzustellung gewählt. Bitte wählen Sie nun eine Wunsch-Zeit:");
$("#spwn-delivery .spwn-delivery--time").append("<span class='active' data-time='18:00'>18 - 20 Uhr</span><span data-time='19:00'>19 - 21 Uhr</span><span data-time='20:00'>20 - 22 Uhr</span>");
$("#spwn-delivery .spwn-delivery--time").append("<span class='active' data-time='18:00' data-hour='18'>18 - 20 Uhr</span><span data-time='19:00' data-hour='19'>19 - 21 Uhr</span><span data-time='20:00' data-hour='20'>20 - 22 Uhr</span>");
// If not date from DPD days
if (!$(".flatpickr-day").hasClass("selected")) {
setDateSelected();
@@ -191,6 +191,7 @@ function changeDelivery(fp) {
// If DPD date is not in Abendzustellung range
setDateSelected();
}
$("#spwn-delivery .spwn-delivery--time span.active").trigger("click");
} else {
// DPD
console.log("DPD");
@@ -209,6 +210,7 @@ function changeDelivery(fp) {
// If Abendzustellung date is not in DPD range
setDateSelected();
}
$(".flatpickr-hour").val('01');
}
} else {
console.log("DPD AT");
@@ -223,6 +225,7 @@ function changeDelivery(fp) {
// If Abendzustellung or DPD DE date is not in DPD AT range
setDateSelected();
}
$(".flatpickr-hour").val('01');
}
}

@@ -236,9 +239,12 @@ function setIncludedDays(delivery, fp, addDays) {
if ((delivery === "evening" && spwnTime > 1100) || (delivery === "dpd" && spwnTime > 1400)) {
spwnDateTemp.setDate(spwnDateTemp.getDate() + 1);
}
console.log(spwnDateTemp);
let spwnDate = fp.formatDate(spwnDateTemp, "d.m.Y");
fp.set("minDate", spwnDate);

fp.set("maxDate", new Date().fp_incr(21));

fp.set("enable", [
function(date) {
let day = date.getDate();


+ 45
- 4
zenitPlatformAtmosSet2/src/Resources/app/storefront/src/scss/overrides.scss Wyświetl plik

@@ -154,7 +154,7 @@ input.custom-number[type=number] {
top: 8px;
width: 16px;
height: 2px;
background: #33548c;
background: #86b04b;
}
&:before {
transform: rotate(-45deg);
@@ -204,19 +204,60 @@ input.custom-number[type=number] {
display: none !important;
}

.swag-custom-notification-banner {
padding: 3px 6px !important;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin: 0 -50vw 0px -50vw;
.swag-custom-notification-banner-text {
font-size: 18px;
}
}

.modal.spwn-swag-custom-notification-info {
.modal-header {
.close {
opacity: 1;
}
.icon {
color: #fff;
}
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 600px !important;
}
}
.modal-content {
background: transparent;
box-shadow: none;
}
}

.swag-custom-notification-info-modal__content {
padding-bottom: 40px;
.row {
align-items: center;
.col-md-6 {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
h3 {
font-family: $sw-font-family-headline !important;
font-size: 34px;
font-size: 44px;
font-weight: 700 !important;
margin-bottom: 30px;
font-style: italic;
display: none;
}
p {
display: none;
}
img {
img {
width: 100%;
max-width: 450px;
}
}
}

Ładowanie…
Anuluj
Zapisz