{"id":5717,"date":"2022-09-20T06:40:59","date_gmt":"2022-09-20T06:40:59","guid":{"rendered":"https:\/\/www.evappe.com\/?page_id=5717"},"modified":"2024-04-08T14:18:12","modified_gmt":"2024-04-08T14:18:12","slug":"products-verify","status":"publish","type":"page","link":"https:\/\/www.evappe.com\/index.php\/products-verify\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5717\" class=\"elementor elementor-5717\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e09ada5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e09ada5\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5590d1c\" data-id=\"5590d1c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9bdb61a elementor-widget elementor-widget-heading\" data-id=\"9bdb61a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 10-04-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Products Verify<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fb705e6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fb705e6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-502df8f\" data-id=\"502df8f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f63e38b elementor-widget elementor-widget-html\" data-id=\"f63e38b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        #code {\r\n            height: 27px;\r\n            width: 80%;\r\n            outline: none;\r\n            border: none;\r\n            box-sizing: border-box;\r\n            font-size: 16px;\r\n            margin-top: 5px;\r\n            color: black;\r\n            background: none !important;\r\n            position: absolute;\r\n            top: 41%;\r\n            bottom: 0;\r\n            margin: auto;\r\n            box-shadow: none;\r\n            padding: 0;\r\n            padding-left: 12px;\r\n        }\r\n        \r\n        .submit_btn {\r\n            outline: none;\r\n            width: 100%;\r\n            height: 50px;\r\n            background: rgb(215, 110, 13);\r\n            color: white;\r\n            border: none;\r\n            line-height: 50px;\r\n            margin-top: 20px;\r\n            text-align: center;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-size: 18px;\r\n            cursor: pointer;\r\n            border-radius: 3px;\r\n        }\r\n        \r\n        .fw-container {\r\n            max-width: 580px;\r\n            display: flex;\r\n            margin: 0 auto 0;\r\n            flex-direction: column;\r\n            padding: 0 10px;\r\n        }\r\n        \r\n        .query_btn_code {\r\n            display: flex;\r\n            margin-bottom: 3vw;\r\n            flex-direction: column;\r\n        }\r\n        \r\n        .queryBar {\r\n            display: flex;\r\n            width: 100%;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            height: 50px;\r\n            flex-direction: column;\r\n            border: 1px solid;\r\n            border-radius: 3px;\r\n            margin-bottom: 20px;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        .result_content {\r\n            min-height: 80px;\r\n            background-color: #FAFAFA;\r\n            width: 100%;\r\n            margin-top: 20px;\r\n            padding: 10px 10px 10px 10px;\r\n            box-sizing: border-box;\r\n            font-size: 14px;\r\n            position: relative;\r\n            display: flex;\r\n        }\r\n        \r\n        #code::placeholder {\r\n            font-size: 13px;\r\n        }\r\n        \r\n        .tip {\r\n            position: absolute;\r\n            \/* transform: translateY(100%); *\/\r\n            transition: all 0.3s;\r\n            height: max-content;\r\n            padding-left: 12px;\r\n            font-size: 15px;\r\n            pointer-events: none;\r\n            color: #777;\r\n            max-height: max-content;\r\n            bottom: 0;\r\n            top: 0;\r\n            margin: auto;\r\n            line-height: initial;\r\n            \/* margin-bottom: 10px; *\/\r\n        }\r\n        \r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            user-select: none;\r\n        }\r\n        \r\n        .entry-title {\r\n            text-align: center;\r\n            font-size: 30px;\r\n        }\r\n        \r\n        @media screen and (max-width:768px) {\r\n            .queryBar {\r\n                \/* padding: 4px 0; *\/\r\n            }\r\n        }\r\n        \r\n        @media screen and (min-width:960px) {\r\n            .box {\r\n                display: flex;\r\n            }\r\n            .submit_btn {\r\n                margin: 0;\r\n                width: 30%;\r\n                margin-left: 10px;\r\n            }\r\n        }\r\n        \r\n        #error-icon,\r\n        #repeat-icon,\r\n        #success-icon {\r\n            width: 28px;\r\n            height: 28px;\r\n            border-radius: 50%;\r\n            display: none;\r\n            flex-shrink: 0;\r\n            margin-right: 15px;\r\n        }\r\n        \r\n        #error-icon {\r\n            background-color: red;\r\n        }\r\n        \r\n        #repeat-icon {\r\n            background-color: purple;\r\n        }\r\n        \r\n        #success-icon {\r\n            background-color: green;\r\n        }\r\n        \r\n        h1 {\r\n            text-align: center;\r\n            margin-top: 90px;\r\n        }\r\n        \r\n        .loadding {\r\n            position: relative;\r\n            display: none;\r\n            justify-content: center;\r\n            width: 30px;\r\n            height: 30px;\r\n            animation: demo 0.8s ease-in-out infinite;\r\n        }\r\n        \r\n        @keyframes demo {\r\n            to {\r\n                transform: rotateZ(360deg);\r\n            }\r\n        }\r\n        \r\n        .loadding span {\r\n            width: 2px;\r\n            height: 9px;\r\n            transform-origin: 50% 15px;\r\n            position: absolute;\r\n            background-color: white;\r\n        }\r\n        \r\n        .close-icon {\r\n            width: 16px;\r\n            height: 16px;\r\n            border-radius: 50%;\r\n            background: #8A8A8A;\r\n            position: absolute;\r\n            right: 0;\r\n            bottom: 0;\r\n            margin: 5px;\r\n            display: none;\r\n        }\r\n        \r\n        .close-icon::before,\r\n        .close-icon::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 50%;\r\n            height: 2px;\r\n            background: white;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            margin: auto;\r\n            bottom: 0;\r\n        }\r\n        \r\n        .close-icon::after {\r\n            transform: rotate(45deg);\r\n        }\r\n        \r\n        .close-icon::before {\r\n            transform: rotate(-45deg);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n    <div class=\"fw-container\">\r\n        <p style=\"font-size: 18px; text-align: center; margin-bottom: 42px;margin-top:0;\">Scratch off the verification label on the back of product and enter the code below. <\/p>\r\n        <div class=\"query_btn_code\">\r\n            <div class=\"box\">\r\n                <div class=\"queryBar border-r\">\r\n                    <div class=\"tip\">Enter your security code<\/div>\r\n                    <input placeholder=\"\" autocomplete=\"off\" type=\"text\" id=\"code\">\r\n                    <div class=\"close-icon\"><\/div>\r\n                <\/div>\r\n\r\n                <button class=\"submit_btn border-r\" onclick=\"submit()\">\r\n                    <div class=\"loadding\" style=\"display: none;\">\r\n                        <span style=\"transform: rotateZ(0.125turn);\"><\/span> \r\n                        <span style=\"transform: rotateZ(0.250turn);\"><\/span>\r\n                        <span style=\"transform: rotateZ(0.375turn);\"><\/span>\r\n                        <span style=\"transform: rotateZ(0.500turn);\"><\/span>\r\n                        <span style=\"transform: rotateZ(0.625turn);\"><\/span>\r\n                        <span style=\"transform: rotateZ(0.750turn);\"><\/span>\r\n                        <span style=\"transform: rotateZ(0.875turn);\"><\/span>\r\n                        <span style=\"transform: rotateZ(1.000turn);\"><\/span>\r\n                    <\/div>\r\n                    <span class=\"btn-text\" style=\"display: block;\">Verify<\/span>\r\n                <\/button>\r\n            <\/div>\r\n            <div class=\"result_content\">\r\n                <div class=\"result-des\" id=\"lpas\" style=\"color: red;\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/body>\r\n<script>\r\n    document.querySelector(\".queryBar\").addEventListener(\"click\", function() {\r\n        document.querySelector(\"#code\").focus()\r\n        document.querySelector(\".tip\").style.transform = \"translateY(-59%)\"\r\n    })\r\n\r\n    document.querySelector(\"#code\").addEventListener(\"blur\", function() {\r\n        if (this.value) return\r\n        document.querySelector(\".tip\").style.transform = \"translateY(-0%)\"\r\n    })\r\n\r\n\r\n    document.querySelector(\".close-icon\").addEventListener(\"click\", function(e) {\r\n        e.stopPropagation()\r\n        document.querySelector(\"#code\").value = \"\"\r\n        this.style.display = \"none\";\r\n        document.querySelector(\".result-des\").style.display = \"none\";\r\n        document.querySelector(\".tip\").style.transform = \"translateY(-0%)\";\r\n    })\r\n\r\n    document.querySelector(\"#code\").addEventListener(\"keyup\", function() {\r\n        document.querySelector(\".close-icon\").style.display = \"block\";\r\n\r\n        this.value ? '' : document.querySelector(\".close-icon\").style.display = \"none\";\r\n    })\r\n\r\n    var code = GetQueryString(\"fwcode\");\r\n\r\n    if (code) {\r\n        document.querySelector(\"#code\").value = code;\r\n        document.querySelector(\".close-icon\").style.display = \"block\";\r\n        document.querySelector(\".tip\").style.transform = \"translateY(-59%)\";\r\n\r\n    }\r\n\r\n    function submit() {\r\n        let newCode = document.querySelector(\"#code\").value;\r\n        qima(newCode)\r\n    }\r\n    \/\/\u542f\u7801\r\n    function qima(newCode) {\r\n        if (newCode == '') {\r\n            alert('Please enter the security code');\r\n            return\r\n        }\r\n        document.querySelector(\".result-des\").innerHTML = \"\"\r\n        document.querySelector(\".loadding\").style.display = \"flex\";\r\n        document.querySelector(\".submit_btn\").setAttribute(\"disabled\", \"disabled\")\r\n        document.querySelector(\".btn-text\").style.display = \"none\";\r\n\r\n        var xhr = new XMLHttpRequest();\r\n        xhr.open('post', 'https:\/\/fw.qima315.com\/api\/CodeQuery');\r\n        xhr.setRequestHeader(\"Content-type\", \"application\/x-www-form-urlencoded\");\r\n        xhr.send('custno=XSHC169050&fwcode=' + newCode + '&lang=en-gb');\r\n        xhr.onreadystatechange = function() {\r\n            if (xhr.readyState == 4 && xhr.status == 200) {\r\n                var object = JSON.parse(xhr.responseText);\r\n                console.log(JSON.parse(xhr.responseText));\r\n                document.querySelector(\".loadding\").style.display = \"none\";\r\n                document.querySelector(\".btn-text\").style.display = \"block\";\r\n                document.querySelector(\".submit_btn\").removeAttribute(\"disabled\");\r\n                document.querySelector(\".result-des\").style.display = \"block\";\r\n                var data = object.data\r\n                var QResult = document.getElementById('lpas')\r\n                var result = \"\"\r\n                if (data.State == 2) {\r\n                    var str = `<p style=\"margin-top: 25px;\"> Success ${data.Times-1} times<\/p><p>First query ${data.RecordList[0].Address} time:${data.RecordList[0].QueryTime}<\/p><p>${data.RecordList[0].From}<\/p>`\r\n                    result = str\r\n                } else if (data.State == 1 || data.State == 3) {\r\n                    result = ' <p > Success, the product is authentic!Please note that this product is for adults over 21 years of age only.The product contains nicotine. < \/p>';\r\n                } else {\r\n                    result = '<p style = \"margin-top: 25px;\" > Query failed.What you bought is not genuine <\/p> ';\r\n                }\r\n                QResult.innerHTML = result\r\n            }\r\n        };\r\n    }\r\n\r\n    function GetQueryString(name) {\r\n        var reg = new RegExp(\"(^|&)\" + name + \"=([^&]*)(&|$)\", \"i\");\r\n        var r = window.location.search.substr(1).match(reg);\r\n        if (r != null) return decodeURI(r[2]);\r\n        return null;\r\n    }\r\n<\/script>\r\n\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Products Verify Scratch off the verification label on the back of product and enter the code below. Enter your security code Verify<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-5717","page","type-page","status-publish","hentry"],"featured_image_urls":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","woocommerce_thumbnail":"","woocommerce_single":"","woocommerce_gallery_thumbnail":"","shop_catalog":"","shop_single":"","shop_thumbnail":""},"post_excerpt_stackable":"<p>Products Verify Scratch off the verification label on the back of product and enter the code below. Enter your security code Verify<\/p>\n","category_list":"","author_info":{"name":"evappe","url":"https:\/\/www.evappe.com\/index.php\/author\/evappe\/"},"comments_num":"0 comments","featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","woocommerce_thumbnail":"","woocommerce_single":"","woocommerce_gallery_thumbnail":"","shop_catalog":"","shop_single":"","shop_thumbnail":""},"post_excerpt_stackable_v2":"<p>Products Verify Scratch off the verification label on the back of product and enter the code below. Enter your security code Verify<\/p>\n","category_list_v2":"","author_info_v2":{"name":"evappe","url":"https:\/\/www.evappe.com\/index.php\/author\/evappe\/"},"comments_num_v2":"0 comments","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false,"shop_catalog":false,"shop_single":false,"shop_thumbnail":false},"uagb_author_info":{"display_name":"evappe","author_link":"https:\/\/www.evappe.com\/index.php\/author\/evappe\/"},"uagb_comment_info":0,"uagb_excerpt":"Products Verify Scratch off the verification label on the back of product and enter the code below. Enter your security code Verify","_links":{"self":[{"href":"https:\/\/www.evappe.com\/index.php\/wp-json\/wp\/v2\/pages\/5717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.evappe.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.evappe.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.evappe.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.evappe.com\/index.php\/wp-json\/wp\/v2\/comments?post=5717"}],"version-history":[{"count":93,"href":"https:\/\/www.evappe.com\/index.php\/wp-json\/wp\/v2\/pages\/5717\/revisions"}],"predecessor-version":[{"id":7286,"href":"https:\/\/www.evappe.com\/index.php\/wp-json\/wp\/v2\/pages\/5717\/revisions\/7286"}],"wp:attachment":[{"href":"https:\/\/www.evappe.com\/index.php\/wp-json\/wp\/v2\/media?parent=5717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}