{"id":4701,"date":"2023-12-12T03:12:11","date_gmt":"2023-12-12T03:12:11","guid":{"rendered":"https:\/\/bangkingvape.com\/orders-tracking\/"},"modified":"2025-06-29T11:28:29","modified_gmt":"2025-06-29T11:28:29","slug":"auftragsverfolgung","status":"publish","type":"page","link":"https:\/\/bangkingvape.com\/de\/auftragsverfolgung\/","title":{"rendered":"Auftragsverfolgung"},"content":{"rendered":"\n\n\n<div><div class=\"track-main\"><h4 class=\"track-title\">Logistics tracking number:<\/h4><div class=\"track-form\"><input id=\"inputNo\" class=\"track-input\" type=\"text\" placeholder=\"Please fill in Logistics tracking number\" \/><span id=\"checkButton\" class=\"track-button\">Track<\/span><\/div><\/div><div id=\"trackingResults\" class=\"track-result\"><\/div><\/div>\n<script>jQuery(document).ready(function() {\n    var urlParams = new URLSearchParams(window.location.search);\n    var trackingNumber = urlParams.get('no');\n\n    if (trackingNumber) {\n        jQuery('#inputNo').val(trackingNumber);\n        performTrackingQuery(trackingNumber);\n    }\n\n    function addLinksToText(text) {\n        var regex = \/(https?:\/\/[^s]+)\/g;\n        var newText = text.replace(regex, function(match) {\n            return '<a style=\"color: blue\" href=\"' + match + '\" target=\"_blank\">' + match + '<\/a>';\n        });\n        return newText;\n    }\n\n    function performTrackingQuery(trackingNumber) {\n        jQuery('#trackingResults').html(`<p>Checking. Please wait....<\/p>`);\n        jQuery.ajax({\n            url: '\/wp-json\/api\/v1\/tracking\/' + trackingNumber,\n            method: 'GET',\n            success: function(response) {\n                const list = JSON.parse(response);\n                var html = `<ul class=\"track-list\">`;\n\n                list.forEach(function(item, index) {\n                    html += `\n                        <li id=\"track-item-${index}\">\n                            <span class='time'>${item.time}<\/span>\n                            <span class='location' id='location-${index}'>Translating...<\/span>\n                            <span class='detail' id='detail-${index}'>Translating...<\/span>\n                        <\/li>`;\n                });\n\n                html += `<\/ul>`;\n                jQuery('#trackingResults').html(html);\n\n                list.forEach(function(item, index) {\n                    translateAndUpdate(item, index);\n                });\n            },\n            error: function() {\n                jQuery('#trackingResults').html(`<p>\u67e5\u8be2\u51fa\u9519\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\u3002<\/p>`);\n            }\n        });\n    }\n\n    jQuery('#checkButton').click(function() {\n        var trackingNumber = jQuery('#inputNo').val();\n        if (trackingNumber.trim() !== '') {\n            performTrackingQuery(trackingNumber);\n        } else {\n            alert('Please enter the tracking number\uff01');\n        }\n    });\n\n    async function translateAndUpdate(item, index) {\n        try {\n            const [translatedLocation, translatedDetail] = await Promise.all([\n                translateText(item.location),\n                translateText(item.detail)\n            ]);\n            jQuery(`#location-${index}`).html(translatedLocation);\n            jQuery(`#detail-${index}`).html(addLinksToText(translatedDetail));\n        } catch (error) {\n            jQuery(`#location-${index}`).html(item.location);\n            jQuery(`#detail-${index}`).html(addLinksToText(item.detail));\n        }\n    }\n\n    async function translateText(text) {\n        try {\n            const response = await fetch(\"\/wp-json\/api\/v1\/translate\", {\n                method: \"POST\",\n                headers: {\n                    \"Content-Type\": \"application\/json\"\n                },\n                body: JSON.stringify({\n                    str: text\n                })\n            });\n            const res = await response.json();\n            return res;\n        } catch (error) {\n            return text;\n        }\n    }\n});\n\n<\/script><style>.track-form{display:flex}.track-input{width:100%;padding:0 10px}.track-button{background:#490292;padding:4px 50px;color:#fff;line-height:3;cursor:pointer}.track-list{padding:0}.track-list li{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #e6e6e6}.track-list .time{width:20%}.track-list .location{width:20%}.track-list .detail{width:60%}\n<\/style>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4701","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bangkingvape.com\/de\/wp-json\/wp\/v2\/pages\/4701","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bangkingvape.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bangkingvape.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bangkingvape.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bangkingvape.com\/de\/wp-json\/wp\/v2\/comments?post=4701"}],"version-history":[{"count":0,"href":"https:\/\/bangkingvape.com\/de\/wp-json\/wp\/v2\/pages\/4701\/revisions"}],"wp:attachment":[{"href":"https:\/\/bangkingvape.com\/de\/wp-json\/wp\/v2\/media?parent=4701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}