{"id":2,"date":"2025-01-23T19:14:19","date_gmt":"2025-01-23T19:14:19","guid":{"rendered":"https:\/\/eliechti.ch\/?page_id=2"},"modified":"2025-02-01T15:08:02","modified_gmt":"2025-02-01T15:08:02","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/eliechti.ch\/?page_id=2","title":{"rendered":"\u00dcber uns"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n\n<div class=\"open-user-map\">\n\n  \n  \n<div class=\"box-wrap map-size-default \">\n  \n  <div class=\"map-wrap\">\n    <div class=\"oum-loading-overlay\">\n      <div class=\"oum-loading-spinner\"><\/div>\n    <\/div>\n    <div id=\"map-20210929\" class=\"leaflet-map map-style_OpenStreetMap.Mapnik\"><\/div>\n    \n    \n    \n    \n    \n    \n    <script type=\"text\/javascript\" id=\"oum-inline-js\" \n      data-category=\"functional\" \n      class=\"cmplz-native\" \n      data-minify=\"0\"\n      data-no-optimize=\"1\"\n      data-no-defer=\"1\"\n      data-no-combine=\"1\"\n      data-cfasync=\"false\"\n      data-pagespeed-no-defer\n      data-boot=\"1\">\n      var map_el = `map-20210929`;\n\n      if(document.getElementById(map_el)) {\n        \/* Transfer PHP array to JS json *\/\n        var oum_all_locations = [{\"title\":\"E-Liechti GmbH\",\"lat\":\"47.446243110105\",\"lng\":\"8.6453989147594\",\"content\":\"\\u003Cdiv class=\\u0022oum_location_text\\u0022\\u003E\\u003Ch3 class=\\u0022oum_location_name\\u0022\\u003EE-Liechti GmbH\\u003C\/h3\\u003E\\u003Cdiv class=\\u0022oum_location_description\\u0022\\u003EEigentalstrasse 1\\u003Cbr\\u003E8309 N\\u00fcrensdorf\\u003C\/div\\u003E\\u003C\/div\\u003E\\u003Cdiv style=\\u0022display: none\\u0022\\u003Ee-liechti-gmbh\\u003C\/div\\u003E\",\"icon\":\"https:\/\/eliechti.ch\/wp-content\/plugins\/open-user-map\/src\/leaflet\/images\/marker-icon_custom9-2x.png\",\"types\":[],\"post_id\":\"58\",\"address\":\"\",\"text\":\"Eigentalstrasse 1\\u003Cbr\\u003E8309 N\\u00fcrensdorf\",\"image\":\"\",\"audio\":\"\",\"video\":\"\",\"custom_fields\":[]}];\n\n        \/\/ Wait for OUMLoader to be defined\n        function initializeMap() {\n          if (typeof OUMLoader !== 'undefined') {\n            \/\/ Initialize loader for this map\n            OUMLoader.initLoader(map_el);\n\n            \/\/ Add event listener for map initialization complete\n            document.addEventListener('oum:map_initialized', function(e) {\n              if (e.detail.mapId === map_el) {\n                OUMLoader.setMapInitialized(map_el);\n              }\n            });\n          } else {\n            \/\/ If OUMLoader is not yet defined, wait and try again\n            setTimeout(initializeMap, 100);\n          }\n        }\n\n        \/\/ Start initialization\n        initializeMap();\n\n        var mapStyle = `OpenStreetMap.Mapnik`;\n        var oum_tile_provider_mapbox_key = ``;\n        var marker_icon_url = `https:\/\/eliechti.ch\/wp-content\/plugins\/open-user-map\/src\/leaflet\/images\/marker-icon_custom9-2x.png`;\n        var marker_shadow_url = `https:\/\/eliechti.ch\/wp-content\/plugins\/open-user-map\/src\/leaflet\/images\/marker-shadow.png`;\n        var oum_enable_scrollwheel_zoom_map = true;\n        var oum_enable_cluster = false;\n        var oum_enable_fullscreen = true;\n\n        var oum_enable_searchbar = false;\n        var oum_searchbar_type = `address`;\n\n        var oum_geosearch_selected_provider = ``; \n        var oum_geosearch_provider = `osm`;\n        var oum_geosearch_provider_geoapify_key = ``;\n        var oum_geosearch_provider_here_key = ``;\n        var oum_geosearch_provider_mapbox_key = ``;\n        \n        var oum_enable_searchaddress_button = false;\n        var oum_searchaddress_label = `Suche nach Adresse`;\n\n        var oum_enable_searchmarkers_button = false;\n        var oum_searchmarkers_label = `Marker finden`;\n        var oum_searchmarkers_zoom = `8`;\n\n        var oum_enable_currentlocation = false;\n        var oum_action_after_submit = `text`;\n        var thankyou_redirect = ``;\n        var start_lat = Number(47.44618056436);\n        var start_lng = Number(8.6394416874538);\n        var start_zoom = Number(14.5);\n        \n        var oum_enable_fixed_map_bounds = `on`;\n        var oum_use_settings_start_location = true;\n        var oum_has_regions = false;\n        var oum_enable_multiple_marker_types = `false`;\n\n        var oum_location = {};\n        var oum_custom_css = '';\n        var oum_custom_script = '';\n        var oum_max_image_filesize = 10;\n        var oumMap;\n        var oumMap2;\n\n        \/**\n         * Conditional Field Feature\n         * \n         * @param {string} sourceField - The source field selector\n         * @param {string} targetField - The target field selector\n         * @param {array} condShow - The values that should show the target field\n         * @param {array} condHide - The values that should hide the target field\n         *\/\n        var oumConditionalField = (sourceField, targetField, condShow, condHide) => {\n            const sourceElements = document.querySelectorAll(sourceField); \/\/ Select all radios\/checkboxes or single select\n            const targetElementWrapper = document.querySelector(targetField)?.parentElement; \/* works with custom fields only *\/\n\n            \/\/ Check if both sourceElements and targetElementWrapper exist\n            if (!sourceElements.length) {\n                console.warn(`OUM: Source field(s) not found: ${sourceField}`);\n                return;\n            }\n\n            if (!targetElementWrapper) {\n                console.warn(`OUM: Target field wrapper not found: ${targetField}`);\n                return;\n            }\n\n            \/* Event listener for change *\/\n            const onChangeHandler = function() {\n                \/\/ Get selected values for checkboxes and single selected value for radios\/select\n                const selectedValues = Array.from(sourceElements)\n                    .filter(element => element.checked || element.tagName === 'SELECT')\n                    .map(element => element.value);\n\n                const selectedValue = selectedValues[0]; \/\/ For radios and selects, we use only the first (and only) value\n\n                console.log('OUM: run condition', {selectedValue, sourceField, targetField, condShow, condHide});\n                \n                \/\/ Show or hide target field based on the selected value(s)\n                if (condShow.includes(selectedValue)) {\n                    targetElementWrapper.style.display = 'block';\n                } else if (condHide.includes(selectedValue)) {\n                    targetElementWrapper.style.display = 'none';\n                }\n            };\n\n            \/* Attach the event listener to each radio\/checkbox or select *\/\n            sourceElements.forEach(element => {\n                element.addEventListener('change', onChangeHandler);\n            });\n\n            \/* Trigger initially *\/\n            onChangeHandler(); \/\/ Call it directly to set initial state\n        };\n\n        \/**\n         * Add Custom Styles\n         *\/\n        \n        \n          \/* custom color *\/\n          oum_custom_css += `\n            .open-user-map .add-location #close-add-location-overlay:hover {color: #e02aaf !important}\n            .open-user-map .box-wrap .map-wrap .oum-filter-controls .oum-filter-list .close-filter-list:hover {color: #e02aaf !important}\n            .open-user-map input.oum-switch[type=\"checkbox\"]:checked + label::before {background-color: #e02aaf !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou h3 {color: #e02aaf !important}\n            .open-user-map .oum_location_text a {color: #e02aaf !important}\n            .open-user-map .oum-tabs {border-color: #e02aaf !important}\n            .open-user-map .oum-tabs .nav-item:hover {color: #e02aaf !important; border-color: #e02aaf !important}\n            .open-user-map .oum-tabs .nav-item.active {color: #e02aaf !important; border-color: #e02aaf !important}\n            .open-user-map .box-wrap .map-wrap .oum-attribution a {color: #e02aaf !important;}\n            \/* Message CTA Buttons *\/\n            .open-user-map .add-location .location-overlay-content #oum_add_location_thankyou button {background-color: #e02aaf !important; border-color: #e02aaf !important;}\n            .open-user-map .add-location .location-overlay-content .oum-delete-confirmation button {background-color: #e02aaf !important; border-color: #e02aaf !important;}\n            \/* Media Section Colors *\/\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .media-upload label {color: #e02aaf !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-image-upload .media-upload-top label .multi-upload-indicator {background: #e02aaf !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-video-upload input[type=text]:hover {border-color: #e02aaf !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-video-upload input[type=text]:focus {border-color: #e02aaf !important; box-shadow: 0 0 0 2px #e02aaf1a !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .image-preview-placeholder {border-color: #e02aaf !important; background: #e02aaf0a !important}\n            .open-user-map .add-location .location-overlay-content #oum_add_location .oum_media .oum-image-preview-grid .image-preview-item.dragging {border-color: #e02aaf !important}`;\n\n        \n        \n          \/* custom map height *\/\n          oum_custom_css += `\n            .open-user-map .box-wrap > .map-wrap {padding: 0 !important; height: 300px !important; aspect-ratio: unset !important;}`;\n\n        \n        \n          \/* custom map height *\/\n          oum_custom_css += `\n            @media screen and (max-width: 768px) {.open-user-map .box-wrap > .map-wrap {padding: 0 !important; height: 200px !important; aspect-ratio: unset !important;}}`;\n\n        \n        var custom_style = document.createElement('style');\n\n        if (custom_style.styleSheet) {\n          custom_style.styleSheet.cssText = oum_custom_css;\n        } else {\n          custom_style.appendChild(document.createTextNode(oum_custom_css));\n        }\n\n        document.getElementsByTagName('head')[0].appendChild(custom_style);\n\n        \/* Add initial CSS to prevent flash of unstyled content *\/\n        var initialStyles = document.createElement('style');\n        initialStyles.textContent = `\n          .oum-hidden {\n            opacity: 0 !important;\n            visibility: hidden !important;\n            transition: opacity 0.3s ease, visibility 0.3s ease;\n          }\n          .oum-filter-controls,\n          .open-add-location-overlay,\n          #oum_filter_markers {\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.3s ease, visibility 0.3s ease;\n          }\n          .oum-filter-controls.visible,\n          .open-add-location-overlay.visible,\n          #oum_filter_markers.visible {\n            opacity: 1;\n            visibility: visible;\n          }\n        `;\n        document.head.appendChild(initialStyles);\n\n      }\n    <\/script>\n\n  <\/div>\n\n<\/div>\n\n<\/div>\n<pre class=\"wp-block-code\"><code><\/code><\/pre>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Nach mehr als 30 Jahren Berufserfahrung wagte E. Roland Liechti den Schritt in die Selbstst\u00e4ndigkeit und Gr\u00fcndete die Firma <\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">E. Liechti GmbH. Wir arbeiten f\u00fcr Abw\u00e4rte, Private, Firmen und Industrielle Betriebe.<\/p>\n\n\n<div class=\"wp-block-image is-style-rounded\">\n<figure class=\"aligncenter size-medium\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"188\" src=\"https:\/\/eliechti.ch\/wp-content\/uploads\/2025\/01\/Mitarbeiter-ERL-300x188.jpg\" alt=\"\" class=\"wp-image-36\" srcset=\"https:\/\/eliechti.ch\/wp-content\/uploads\/2025\/01\/Mitarbeiter-ERL-300x188.jpg 300w, https:\/\/eliechti.ch\/wp-content\/uploads\/2025\/01\/Mitarbeiter-ERL-768x480.jpg 768w, https:\/\/eliechti.ch\/wp-content\/uploads\/2025\/01\/Mitarbeiter-ERL.jpg 800w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nach mehr als 30 Jahren Berufserfahrung wagte E. Roland Liechti den Schritt in die Selbstst\u00e4ndigkeit und Gr\u00fcndete die Firma E. Liechti GmbH. Wir arbeiten f\u00fcr Abw\u00e4rte, Private, Firmen und Industrielle Betriebe.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eliechti.ch\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eliechti.ch\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eliechti.ch\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eliechti.ch\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eliechti.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":11,"href":"https:\/\/eliechti.ch\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/eliechti.ch\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/eliechti.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}