{"id":12,"date":"2024-07-17T17:03:34","date_gmt":"2024-07-17T15:03:34","guid":{"rendered":"https:\/\/dpp.bloqsens.com\/?page_id=12"},"modified":"2024-10-24T14:46:24","modified_gmt":"2024-10-24T12:46:24","slug":"geberit","status":"publish","type":"page","link":"https:\/\/dpp.bloqsens.com\/de\/","title":{"rendered":"DPP"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfad91a e-flex e-con-boxed e-con e-parent\" data-id=\"cfad91a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c79ef2 elementor-widget elementor-widget-image\" data-id=\"7c79ef2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/dpp.bloqsens.com\/wp-content\/uploads\/2024\/10\/qr_whitelabel_dpp_lr1865eh.png\" class=\"attachment-large size-large wp-image-887\" alt=\"\" srcset=\"https:\/\/dpp.bloqsens.com\/wp-content\/uploads\/2024\/10\/qr_whitelabel_dpp_lr1865eh.png 300w, https:\/\/dpp.bloqsens.com\/wp-content\/uploads\/2024\/10\/qr_whitelabel_dpp_lr1865eh-150x150.png 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56329b5 qr-scanner-redirect-open elementor-widget elementor-widget-button\" data-id=\"56329b5\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Scan QR Code<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6303ed4 elementor-widget elementor-widget-html\" data-id=\"6303ed4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<form id=\"dbp-form\" onsubmit=\"redirect(); return false\" class=\"w3-center w3-padding-16\" method=\"get\" action=\"\" >\r\n        <input id=\"urlInput\" style=\"width: 80%;\" type=\"search\" name=\"q\" placeholder=\"Search for Passport-ID\" autofocus required>\r\n        <input type=\"submit\" value=\"Submit\">         \r\n        <\/form>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-161c4e5 elementor-widget elementor-widget-html\" data-id=\"161c4e5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>function redirect(){       \r\n       window.location.href=\"https:\/\/dpp.bloqsens.com\/de\/dpp\/\" + document.getElementById(\"urlInput\").value;              \r\n    }<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f7e4f8 elementor-widget elementor-widget-html\" data-id=\"1f7e4f8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"copyPaste\"><span style=\"font-size:0.9em;\">LR1865EH<\/span ><\/div>\r\n\r\n<style>\r\n.copyPaste {\r\n    --button-top: 10px;\r\n    \/* position of button from the top of element *\/\r\n    --button-right: 10px;\r\n    \/* idem, from the right *\/\r\n    --button-bg-color: #376eae;\r\n    --button-text-color: #fff;\r\n    --button-hover-bg-color: #004673;\r\n    --button-border-radius: 10px;\r\n    --button-font-size: 1rem;\r\n    --button-font-family: Arial, sans-serif;\r\n    --button-icon-fill: #fff;\r\n    --button-icon-hover-fill: #004673;\r\n    --button-icon-size: 15px;\r\n    --button-icon-margin-right: 6px;\r\n    --button-padding: 5px 10px;\r\n    --button-border: 1px solid transparent;\r\n    --button-transition: background-color 0.3s ease;\r\n    --button-icon-transition: fill 0.3s ease;\r\n}\r\n\r\n.copyPaste.copyPaste.copyPaste.copyPaste button {\r\n    unset: all;\r\n    font-family: \"Lato\", Sans-serif;\r\n    font-size: 0.8em;\r\n    padding: 5px;\r\n    color: var(--button-text-color, #ffffff);\r\n    background-color: var(--button-bg-color, #007bff);\r\n    border: var(--button-border, 2px solid transparent);\r\n    border-radius: var(--button-border-radius, 5px);\r\n    \/*position: absolute;*\/\r\n    margin-left:15px;\r\n    top: var(--button-top, 10px);\r\n    right: var(--button-right, 10px);\r\n    transition: var(--button-transition, background-color 0.3s ease);\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.copyPaste.copyPaste.copyPaste.copyPaste button:hover {\r\n    background-color: var(--button-hover-bg-color, #0056b3);\r\n    border-color: var(--button-hover-border-color, transparent);\r\n}\r\n\r\n.copyPaste.copyPaste button svg {\r\n    fill: var(--button-icon-fill, #ffffff);\r\n    stroke: var(--button-icon-stroke, none);\r\n    width: var(--button-icon-size, 24px);\r\n    height: var(--button-icon-size, 24px);\r\n    margin-left: var(--button-icon-margin-right, 8px);\r\n    transition: var(--button-icon-transition, fill 0.3s ease);\r\n}\r\n\r\n.copyPaste.copyPaste button:hover svg {\r\n    fill: var(--button-icon-hover-fill, #ffffff);\r\n}\r\n<\/style>\r\n<script>\r\n\r\n\r\n(function () {\r\n    if (window.ElementorCopyPasteEnabled) return;\r\n    window.ElementorCopyPasteEnabled = true;\r\n\r\n    const settings = {\r\n        buttonText: \"Copy\",\r\n        buttonIconSVG: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M9.5 2A1.5 1.5 0 0 0 8 3.5v1A1.5 1.5 0 0 0 9.5 6h5A1.5 1.5 0 0 0 16 4.5v-1A1.5 1.5 0 0 0 14.5 2z\"\/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3.879 4.877c.569-.57 1.363-.77 2.621-.84V4.5a3 3 0 0 0 3 3h5a3 3 0 0 0 3-3v-.463c1.258.07 2.052.27 2.621.84C21 5.756 21 7.17 21 9.998v6c0 2.829 0 4.243-.879 5.122c-.878.878-2.293.878-5.121.878H9c-2.828 0-4.243 0-5.121-.878C3 20.24 3 18.827 3 15.998v-6c0-2.828 0-4.242.879-5.121M12.75 11a.75.75 0 0 0-1.5 0v2.25H9a.75.75 0 0 0 0 1.5h2.25V17a.75.75 0 0 0 1.5 0v-2.25H15a.75.75 0 0 0 0-1.5h-2.25z\" clip-rule=\"evenodd\"\/><\/svg>`,\r\n        confirmationText: \"Copied!\",\r\n        confirmationIconSVG: `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M9.5 2A1.5 1.5 0 0 0 8 3.5v1A1.5 1.5 0 0 0 9.5 6h5A1.5 1.5 0 0 0 16 4.5v-1A1.5 1.5 0 0 0 14.5 2z\"\/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6.5 4.037c-1.258.07-2.052.27-2.621.84C3 5.756 3 7.17 3 9.998v6c0 2.829 0 4.243.879 5.122c.878.878 2.293.878 5.121.878h6c2.828 0 4.243 0 5.121-.878c.879-.88.879-2.293.879-5.122v-6c0-2.828 0-4.242-.879-5.121c-.569-.57-1.363-.77-2.621-.84V4.5a3 3 0 0 1-3 3h-5a3 3 0 0 1-3-3zm9.012 8.511a.75.75 0 1 0-1.024-1.096l-3.774 3.522l-1.202-1.122a.75.75 0 0 0-1.024 1.096l1.715 1.6a.75.75 0 0 0 1.023 0z\" clip-rule=\"evenodd\"\/><\/svg>`,\r\n    };\r\n\r\n    const copyPasteElements = document.querySelectorAll('.copyPaste');\r\n\r\n    copyPasteElements.forEach(element => {\r\n        const button = document.createElement('button');\r\n        button.innerHTML = `${settings.buttonText} ${settings.buttonIconSVG}`;\r\n\r\n        element.appendChild(button);\r\n\r\n        button.addEventListener('click', () => {\r\n            if (element.classList.contains('copyPasteURL')) {\r\n                const url = element.querySelector('[href]').getAttribute('href');\r\n                navigator.clipboard.writeText(url);\r\n            } else {\r\n                const htmlContent = element.firstElementChild.innerHTML;\r\n                const plainTextContent = htmlToPlainText(htmlContent); \/\/ Convert HTML to plain text while preserving new lines\r\n\r\n                navigator.clipboard.write([\r\n                    new ClipboardItem({\r\n                        'text\/html': new Blob([htmlContent], { type: 'text\/html' }),\r\n                        'text\/plain': new Blob([plainTextContent], { type: 'text\/plain' })\r\n                    })\r\n                ]);\r\n            }\r\n            button.innerHTML = `${settings.confirmationText} ${settings.confirmationIconSVG}`;\r\n            let revertTO = setTimeout(() => {\r\n                button.innerHTML = `${settings.buttonText} ${settings.buttonIconSVG}`;\r\n            }, 4000);\r\n            document.addEventListener('visibilitychange', () => {\r\n                if (document.visibilityState === 'hidden') {\r\n                    clearTimeout(revertTO);\r\n                    button.innerHTML = `${settings.buttonText} ${settings.buttonIconSVG}`;\r\n                }\r\n            });\r\n        });\r\n    });\r\n    \r\nfunction htmlToPlainText(html) {\r\n    const tempDiv = document.createElement('div');\r\n    tempDiv.innerHTML = html;\r\n    let text = '';\r\n    const walker = document.createTreeWalker(tempDiv, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT, {\r\n        acceptNode: function(node) {\r\n            if (node.nodeType === Node.ELEMENT_NODE && node.tagName === 'STYLE') {\r\n                return NodeFilter.FILTER_REJECT;\r\n            }\r\n            if (node.nodeType === Node.TEXT_NODE && node.parentNode && node.parentNode.tagName === 'STYLE') {\r\n                return NodeFilter.FILTER_REJECT;\r\n            }\r\n            return NodeFilter.FILTER_ACCEPT;\r\n        }\r\n    }, false);\r\n\r\n    while(walker.nextNode()) {\r\n        const node = walker.currentNode;\r\n        if (node.nodeType === Node.TEXT_NODE) {\r\n            text += node.nodeValue;\r\n        } else if (node.nodeType === Node.ELEMENT_NODE && (node.nodeName === 'BR' || node.nodeName === 'P' || node.nodeName === 'DIV' || node.nodeName === 'H1' || node.nodeName === 'H2' || node.nodeName === 'H3' || node.nodeName === 'H4' || node.nodeName === 'H5' || node.nodeName === 'H6')) {\r\n            text += '\\n';\r\n        }\r\n    }\r\n    return text.trim();\r\n}\r\n\r\n}());\r\n\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26113a3 elementor-widget elementor-widget-text-editor\" data-id=\"26113a3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<a style=\"color: #376eae;\" href=\"https:\/\/dpp.bloqsens.com\/dpp\/lr1865eh\/\">Direktlink #LR1865EH<\/a>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-334bac7 elementor-widget elementor-widget-shortcode\" data-id=\"334bac7\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <div id=\"qrscannerredirect\" \/>\n    <script type=\"application\/javascript\" >\n      window.qrscannerredirect = {\n        settings: {\"titleScanQRCode\":\"QR-Code-Scanner\",\"titleRedirect\":\"Forwarding\",\"contentRedirect\":\"Would you like to redirect to the url \\\"%URL\\\"\",\"titleSelectDevice\":\"Select device\",\"titleWaitPermission\":\"Wait for your permission\",\"titlePermissionFailed\":\"Permission failed\",\"contentPermissionFailed\":\"Your browser has no permission for the camera. Please activate the permission.\",\"failedReadQRImage\":\"No QR-Code found on the picture.\",\"noPermissionDialogTitle\":\"No camera permission\",\"noPermissionDialogText\":\"Your browser has no access to your camera. You can still upload a photo to use the QR scanner.\",\"noPermissionDialogButton\":\"Choose a photo\",\"force\":false,\"disableButton\":false,\"openNewTab\":true,\"primaryColor\":\"#000000\",\"primaryContrastText\":\"#ffffff\",\"assetURLPath\":\"https:\\\/\\\/dpp.bloqsens.com\\\/wp-content\\\/plugins\\\/qr-scanner-redirect\\\/include\\\/..\\\/assets\\\/\"}\n      }\n    <\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3562233 elementor-widget elementor-widget-shortcode\" data-id=\"3562233\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"qrgenerator\" data-url=\"https:\/\/dpp.bloqsens.com\/de\/hallo-welt\/\" data-size=\"0\" data-json-options=\"[]\" \/><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Scan QR Code LR1865EH Direktlink #LR1865EH<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dpp.bloqsens.com\/de\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dpp.bloqsens.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dpp.bloqsens.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dpp.bloqsens.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dpp.bloqsens.com\/de\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":33,"href":"https:\/\/dpp.bloqsens.com\/de\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":896,"href":"https:\/\/dpp.bloqsens.com\/de\/wp-json\/wp\/v2\/pages\/12\/revisions\/896"}],"wp:attachment":[{"href":"https:\/\/dpp.bloqsens.com\/de\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}