cronus-theme 2.0.93 → 2.0.95

package/default/login/dist/snippets/js/main.html

@@ -1 +1 @@
-<script src="/layout/frontend/default/login/dist/js/main1742288060.js"></script>
+<script src="/layout/frontend/default/login/dist/js/main1743429300.js"></script>

package/default/login/src/scss/base/_icons.scss

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "icons";
   font-display: swap;
-  src: url('../fonts/icons1742288060.woff2') format('woff2'),
-  url('../fonts/icons1742288060.woff') format('woff');
+  src: url('../fonts/icons1743429300.woff2') format('woff2'),
+  url('../fonts/icons1743429300.woff') format('woff');
 }
 
 .icon {

package/default/templates/forms/inputDatepickerField.mustache

@@ -11,11 +11,10 @@
                 name="{{name}}"
                 id="{{id}}"
                 type="text"
-                placeholder="dd.mm.yyyy"
                 value="{{value}}"
+                placeholder="{{#options.placeholder}}{{{.}}}{{/options.placeholder}}{{^options.placeholder}}tt.mm.jjjj{{/options.placeholder}}"
                 class="js-datepicker {{options.cssClass}}{{#options.hasError}} error{{/options.hasError}}{{#options.isRequiredVisible}} isRequiredVisible{{/options.isRequiredVisible}}"
                 {{#options.maxLength}}maxlength="{{.}}"{{/options.maxLength}}
-            {{#options.placeholder}}placeholder="{{{.}}}"{{/options.placeholder}}
             {{#options.disabled}}disabled{{/options.disabled}}
             {{#options.min}}min="{{.}}"{{/options.min}}
             {{#options.max}}max="{{.}}"{{/options.max}}

package/default/templates/itemcard/catalog/itemcard.mustache

@@ -113,20 +113,12 @@
 
                             {{#item.variantSelect}}
                                 <label>{{tc.variant}}</label>
-                            {{/item.variantSelect}}
-                            <div class="row gridGap--small align-items-center">
-                                {{#item.variantSelect}}
+                                <div class="row gridGap--small align-items-center">
                                     <div class="col-12 col-sm-8 xs-margin marginBottom">
                                         {{{item.variantSelect}}}
                                     </div>
-                                {{/item.variantSelect}}
-                                <div class="col-12 col-sm-4 color--dark-gray smalltext marginBottom">
-                                    {{#item.descriptions.lightbox}}
-                                        <a href="javascript:void(0)"
-                                           data-modal="itemDescriptionModal{{count}}">{{headline}}</a><br/>
-                                    {{/item.descriptions.lightbox}}
                                 </div>
-                            </div>
+                            {{/item.variantSelect}}
                             <div class="prices">
                                 <div class="basePrice">
                                     {{{item.formattedPrice}}}

package/default/templates/itemlist/b2b/itemBasketBox.mustache

@@ -10,6 +10,13 @@
         </div>
     </a>
     <div class="itemBasketBox__info">
+        {{#item.hasPromotions}}
+            <div class="itemBasketBox__badges">
+                <div class="promotions">
+                    {{{item.promotions}}}
+                </div>
+            </div>
+        {{/item.hasPromotions}}
         <small>{{item.item_no}}</small><br/>
         <a href="{{item.link}}" class="itemBasketBox__description">
             <span class="itemBasketBox__brandname">{{item.brandname}} </span>{{item.parentDescription}}{{#item.isVariant}}<br/>

package/default/templates/shop/customerMap.mustache

@@ -0,0 +1,219 @@
+<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css"/>
+<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"></script>
+
+<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.1/dist/MarkerCluster.css" />
+<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.5.1/dist/MarkerCluster.Default.css" />
+<script src="https://unpkg.com/leaflet.markercluster@1.5.1/dist/leaflet.markercluster.js"></script>
+
+<link rel="stylesheet" href="https://unpkg.com/leaflet.awesome-markers@2.0.5/dist/leaflet.awesome-markers.css" />
+<script src="https://unpkg.com/leaflet.awesome-markers@2.0.5/dist/leaflet.awesome-markers.js"></script>
+<link rel="stylesheet" href="https://unpkg.com/font-awesome@4.7.0/css/font-awesome.min.css" />
+
+
+
+<label class="specialcheckbox" for="toggleShipping">
+    <input type="checkbox" name="toggleShipping" id="toggleShipping" class="" aria-label="{{tc.show_shipping_addresses}}">
+    <i></i>
+    <span aria-hidden="true">{{tc.show_shipping_addresses}}</span>
+</label>
+<div class="row gridGap--small align-items-end">
+    <div class="col-12 col-sm-6 col-md-4 col-lg-3 marginBottom">
+        <label for="zipSearch">{{tc.area_code}}</label>
+        <input type="text" name="zipSearch" id="zipSearch" placeholder="{{tc.area_code}}">
+    </div>
+    <div class="col-12 col-sm-6 col-md-4 col-lg-3 marginBottom">
+        <label for="radius">{{tc.radius}}</label>
+        <input type="number" name="radius" id="radius" value="50">
+    </div>
+    <div class="col marginBottom">
+        <button id="searchBtn" type="submit" class="button button--primary">{{tc.filter}}</button>
+        <button id="resetBtn" type="reset" class="button">{{tc.reset}}</button>
+    </div>
+</div>
+<div id="map" style="width: 100%; height: 500px;"></div>
+
+<script>
+    const customStorageKey = '{{userid}}';
+    const pins = {{{pinData}}};
+    const bounds = L.latLngBounds();
+
+    function getDistance(lat1, lon1, lat2, lon2) {
+        const R = 6371; // Erdradius in km
+        const dLat = (lat2 - lat1) * Math.PI / 180;
+        const dLon = (lon2 - lon1) * Math.PI / 180;
+        const a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +
+                Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) *
+                Math.sin(dLon / 2) * Math.sin(dLon / 2);
+        const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
+        return R * c;
+    }
+
+    const nominatimURL = "https://nominatim.openstreetmap.org/search?format=json&countrycodes=DE&addressdetails=1&q=";
+    const plzCache = JSON.parse(localStorage.getItem("plzCache_" + customStorageKey)) || {};
+
+    let filterActive = false;
+    let currentCenter = null;
+    let currentRadius = 10;
+    let zipMarker = null;
+
+    document.addEventListener("DOMContentLoaded", function () {
+        const zipInput = document.getElementById("zipSearch");
+        const radiusInput = document.getElementById("radius");
+        const searchBtn = document.getElementById("searchBtn");
+        const resetBtn = document.getElementById("resetBtn");
+        const toggleShipping = document.getElementById("toggleShipping");
+
+        zipInput.addEventListener("keypress", function(event) {
+            if (event.key === "Enter") {
+                event.preventDefault();
+                filterByRadius();
+            }
+        });
+
+        radiusInput.addEventListener("keypress", function(event) {
+            if (event.key === "Enter") {
+                event.preventDefault();
+                filterByRadius();
+            }
+        });
+
+        toggleShipping.checked = localStorage.getItem("toggleShipping_" + customStorageKey) === "true";
+
+        toggleShipping.addEventListener("change", () => {
+            localStorage.setItem("toggleShipping_" + customStorageKey, toggleShipping.checked);
+            updateMap();
+        });
+
+        const map = L.map('map');
+        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+            attribution: '&copy; OpenStreetMap contributors'
+        }).addTo(map);
+
+        const shippingIcon = L.AwesomeMarkers.icon({ icon: 'info-circle', markerColor: 'red', prefix: 'fa' });
+        const invoiceIcon = L.AwesomeMarkers.icon({ icon: 'info-circle', markerColor: 'blue', prefix: 'fa' });
+        const centerIcon = L.AwesomeMarkers.icon({ icon: 'map-marker', markerColor: 'green', prefix: 'fa' });
+        //Beispiel für custom Marker
+        /*
+        let customMarker = L.divIcon({
+            className: 'custom-marker',
+            html: '<div class="marker-circle">1</div>',
+            iconSize: [30, 30],
+            iconAnchor: [15, 15]
+        });
+        marker = L.marker([pin.latitude, pin.longitude], { icon: customMarker });
+         */
+
+        let markersClusterInvoice = L.markerClusterGroup();
+        let markersClusterShipping = L.markerClusterGroup();
+
+        function updateMap() {
+            markersClusterInvoice.clearLayers();
+            markersClusterShipping.clearLayers();
+
+            if (!filterActive && zipMarker) {
+                map.removeLayer(zipMarker);
+                zipMarker = null;
+            }
+
+            pins.forEach(pin => {
+                if (!pin.show) {
+                    return;
+                }
+                if (!toggleShipping.checked && pin.isShippingAddress === 1) return;
+
+                let distanceText = '';
+                if (filterActive) {
+                    const distance = getDistance(currentCenter.lat, currentCenter.lon, pin.latitude, pin.longitude);
+                    if (distance > currentRadius) return;
+                    distanceText = ` (${distance.toFixed(1)} km)`;
+                }
+
+                let marker = L.marker([pin.latitude, pin.longitude], { icon: pin.isShippingAddress ? shippingIcon : invoiceIcon });
+                let address = pin.address + ', ' + pin.post_code + ' ' + pin.city + ', ' + pin.country;
+                let formStart = '<form id="customer_select" name="customer_select" method="post" action=""><input type="hidden" name="select_customer" value="select_customer"><input type="hidden" name="customer_select" value="' + pin.customer_no + '">';
+                let formEnd = '</form>';
+                let balance = '{{tc.current_balance}}: ' + pin.balance;
+                let balanceDue = '{{tc.current_balance_due}}: ' + pin.balance_due;
+                let creditLimit = '{{tc.current_credit_limit}}: ' + pin.credit_limit;
+
+                marker.bindPopup('<div style="font-size: 11px; line-height: 0;">' + formStart + '<p onclick="this.closest(\'form\').submit();" style="text-decoration: underline; cursor: pointer;">' + pin.customer_no + '</p>' + formEnd + '<p>' + pin.name + '</p><p>' + address + '</p><p>' + balance + '</p><p>' + balanceDue + '</p><p>' + creditLimit + '</p><p>' + distanceText + '</p></div>');
+                pin.isShippingAddress ? markersClusterShipping.addLayer(marker) : markersClusterInvoice.addLayer(marker);
+            });
+
+            if (filterActive) {
+                zipMarker = L.marker([currentCenter.lat, currentCenter.lon], { icon: centerIcon }).addTo(map).bindPopup("Zentrum der PLZ");
+            }
+
+            let bounds = markersClusterInvoice.getBounds().extend(markersClusterShipping.getBounds());
+            if (zipMarker) {
+                bounds.extend(zipMarker.getLatLng());
+            }
+
+            if (bounds.isValid()) {
+                map.fitBounds(bounds, { padding: [20, 20] });
+            } else {
+                map.setView([51.1657, 10.4515], 6);
+            }
+
+            map.addLayer(markersClusterInvoice);
+            map.addLayer(markersClusterShipping);
+        }
+
+        function filterByRadius() {
+            const zip = zipInput.value.trim();
+            currentRadius = parseFloat(radiusInput.value);
+
+            localStorage.setItem("zip_" + customStorageKey, zip);
+            localStorage.setItem("radius_" + customStorageKey, currentRadius);
+
+            if (!zip) {
+                resetFilter();
+                return;
+            }
+
+            if (plzCache[zip]) {
+                applyFilter(plzCache[zip]);
+            } else {
+                fetch(nominatimURL + zip)
+                        .then(response => response.json())
+                        .then(data => {
+                            if (data.length === 0) {
+                                return;
+                            }
+
+                            const center = { lat: parseFloat(data[0].lat), lon: parseFloat(data[0].lon) };
+                            plzCache[zip] = center;
+                            localStorage.setItem("plzCache_" + customStorageKey, JSON.stringify(plzCache));
+
+                            applyFilter(center);
+                        })
+                        .catch(error => {
+                            console.error("Fehler beim Abrufen der Koordinaten:", error);
+                        });
+            }
+        }
+
+        function applyFilter(center) {
+            filterActive = true;
+            currentCenter = center;
+            updateMap();
+        }
+
+        function resetFilter() {
+            filterActive = false;
+            zipInput.value = "";
+            radiusInput.value = 50;
+            localStorage.removeItem("zip_" + customStorageKey);
+            localStorage.removeItem("radius_" + customStorageKey);
+            updateMap();
+        }
+
+        searchBtn.addEventListener("click", filterByRadius);
+        resetBtn.addEventListener("click", resetFilter);
+
+        zipInput.value = localStorage.getItem("zip_" + customStorageKey) ?? "";
+        radiusInput.value = localStorage.getItem("radius_" + customStorageKey) ?? 50;
+
+        filterByRadius();
+    });
+</script>

package/default/templates/shop/item_statistics_account.mustache

@@ -1,6 +1,18 @@
 <h1 class="shopSiteHeadline d-none d-md-block">{{tc.item_statistics}}</h1>
 <form method="POST" id="item_stats_form" name="item_stats_form" autocomplete="off">
     <div class="row gridGap--small align-items-end">
+        <div class="col-12 col-sm-6 col-md-4 col-lg-3 marginBottom">
+            <label for="input_vendor">{{tc.vendor}}</label>
+            <div class="inputGroup">
+                <div class="selectBody">
+                    <select name="input_vendor" id="input_vendor">
+                        {{#vendors}}
+                            <option value="{{vendor_no}}" {{#selected}}selected=""{{/selected}}>{{vendor_name}}</option>
+                        {{/vendors}}
+                    </select>
+                </div>
+            </div>
+        </div>
         <div class="col-12 col-sm-6 col-md-4 col-lg-3 marginBottom">
             <label for="input_range">{{tc.date_range}}</label>
             <div class="inputGroup">

package/default/templates/shop/salesPerson.mustache

@@ -19,9 +19,9 @@
                     <div class="salesPersonBox__position">{{position}}</div>
                 {{/position}}
                 <div class="salesPersonBox__contact">
-                    {{#email}}
+                    {{#display_email}}
                         <a class="linkWithIcon" href="mailto:{{display_email}}"><i class="icon icon-mail"></i><span>{{display_email}}</span></a>
-                    {{/email}}
+                    {{/display_email}}
                     {{#phone_no}}
                         <br/><a class="linkWithIcon" href="tel:{{phone_no}}"><i class="icon icon-phone"></i><span>{{phone_no}}</span></a>
                     {{/phone_no}}

package/default/website/build/doc/doc.css

@@ -364,7 +364,7 @@ table {
 @font-face {
   font-family: "icons";
   font-display: swap;
-  src: url("../fonts/icons1742288066.woff2") format("woff2"), url("../fonts/icons1742288066.woff") format("woff");
+  src: url("../fonts/icons1743429306.woff2") format("woff2"), url("../fonts/icons1743429306.woff") format("woff");
 }
 .icon {
   font-family: "icons";
@@ -9481,27 +9481,15 @@ Styleguide Navigations.Mainnav
 }
 .mainnav > ul {
   display: flex;
-  margin-left: -10px;
-  margin-right: -10px;
+  gap: 20px;
   font-size: var(--main-font-size-base);
 }
 @media (min-width: 1540px) {
   .mainnav > ul {
-    margin-left: -20px;
-    margin-right: -20px;
+    gap: 40px;
     font-size: var(--main-font-size-base);
   }
 }
-.mainnav > ul > li {
-  padding-left: 10px;
-  padding-right: 10px;
-}
-@media (min-width: 1540px) {
-  .mainnav > ul > li {
-    padding-left: 20px;
-    padding-right: 20px;
-  }
-}
 .mainnav > ul > li > a {
   font-weight: var(--main-font-weight);
   position: relative;
@@ -9520,6 +9508,14 @@ Styleguide Navigations.Mainnav
 .mainnav > ul.nav--content > li > a {
   font-weight: var(--main-font-weight);
 }
+.mainnav > ul.nav--showMore {
+  margin-left: 20px;
+}
+@media (min-width: 1540px) {
+  .mainnav > ul.nav--showMore {
+    margin-left: 40px;
+  }
+}
 .mainnav > ul > li.hoverintent .megaMenu,
 .mainnav > ul > li.hoverintent > ul {
   display: block;