{"id":5157,"date":"2019-07-25T03:10:30","date_gmt":"2019-07-25T03:10:30","guid":{"rendered":"https:\/\/azmi.selaraswp.com\/?page_id=5157"},"modified":"2022-03-14T17:06:02","modified_gmt":"2022-03-14T17:06:02","slug":"pedido","status":"publish","type":"page","link":"https:\/\/spatarouniforms.com\/en\/pedido\/","title":{"rendered":"Track"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5157\" class=\"elementor elementor-5157\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4e3b6a4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4e3b6a4\" data-element_type=\"section\" data-e-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-8d34905\" data-id=\"8d34905\" data-element_type=\"column\" data-e-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-3a57fa5 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-image\" data-id=\"3a57fa5\" data-element_type=\"widget\" data-e-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\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"900\" src=\"https:\/\/spatarouniforms.com\/wp-content\/uploads\/2021\/12\/SP_Rastreo-banner.png\" class=\"attachment-full size-full wp-image-7057\" alt=\"spataro uniformes\" srcset=\"https:\/\/spatarouniforms.com\/wp-content\/uploads\/2021\/12\/SP_Rastreo-banner.png 1920w, https:\/\/spatarouniforms.com\/wp-content\/uploads\/2021\/12\/SP_Rastreo-banner-300x141.png 300w, https:\/\/spatarouniforms.com\/wp-content\/uploads\/2021\/12\/SP_Rastreo-banner-1024x480.png 1024w, https:\/\/spatarouniforms.com\/wp-content\/uploads\/2021\/12\/SP_Rastreo-banner-768x360.png 768w, https:\/\/spatarouniforms.com\/wp-content\/uploads\/2021\/12\/SP_Rastreo-banner-1536x720.png 1536w, https:\/\/spatarouniforms.com\/wp-content\/uploads\/2021\/12\/SP_Rastreo-banner-750x352.png 750w, https:\/\/spatarouniforms.com\/wp-content\/uploads\/2021\/12\/SP_Rastreo-banner-600x281.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>\t\t\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\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-3d93613 elementor-section-full_width elementor-section-height-min-height elementor-section-content-middle elementor-section-height-default elementor-section-items-middle\" data-id=\"3d93613\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\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-b779dc7\" data-id=\"b779dc7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-388b30c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"388b30c\" data-element_type=\"section\" data-e-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-50 elementor-inner-column elementor-element elementor-element-fd44299\" data-id=\"fd44299\" data-element_type=\"column\" data-e-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-5634554 elementor-widget elementor-widget-heading\" data-id=\"5634554\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PEDIDO<\/h2>\t\t\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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5d37c1f elementor-hidden-mobile\" data-id=\"5d37c1f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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\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-e136dcc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e136dcc\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\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-d125578\" data-id=\"d125578\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\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-77ae7c8 elementor-widget elementor-widget-heading\" data-id=\"77ae7c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Rastrea la ubicaci\u00f3n de tu envio<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a92e059 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a92e059\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b914d5d elementor-widget elementor-widget-html\" data-id=\"b914d5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    .inpupersonalizadpo{\r\n        width: 100%;\r\n        border: 2px solid #00000059!important;\r\n    }\r\n    .recuadro{\r\n        margin-top: 50px;\r\n        width: 100%;\r\n        height: 400px;\r\n        background-image: url('https:\/\/i.ibb.co\/QXPTSXq\/Procesamiento.png')\r\n    }\r\n    .textocuadro{\r\n        color: #ffffff;\r\n        margin-top: 50px; \r\n    }\r\n    .flex-wrapper {\r\n      display: flex;\r\n      flex-flow: row nowrap;\r\n    }\r\n    \r\n    .single-chart {\r\n      width: 33%;\r\n      justify-content: space-around ;\r\n    }\r\n    \r\n    .circular-chart {\r\n      display: block;\r\n      margin: 10px auto;\r\n      max-width: 80%;\r\n      max-height: 250px;\r\n    }\r\n    \r\n    .circle-bg {\r\n      fill: none;\r\n      stroke: #eee;\r\n      stroke-width: 3.8;\r\n    }\r\n    \r\n    .circle {\r\n      fill: none;\r\n      stroke-width: 2.8;\r\n      stroke-linecap: round;\r\n      animation: progress 1s ease-out forwards;\r\n    }\r\n    \r\n    @keyframes progress {\r\n      0% {\r\n        stroke-dasharray: 0 100;\r\n      }\r\n    }\r\n    \r\n    .circular-chart.orange .circle {\r\n      stroke: #ff9f00;\r\n    }\r\n\r\n    .circular-chart.green .circle {\r\n      stroke: #4CC790;\r\n    }\r\n    \r\n    .circular-chart.blue .circle {\r\n      stroke: #36394B;\r\n    }\r\n    \r\n    .percentage {\r\n      fill: #fff;\r\n      font-family: Bebas Neue;\r\n      font-size: 0.8em;\r\n      text-anchor: middle;\r\n    }\r\n    .cajaimagen{\r\n        margin-top: 70px; \r\n    }\r\n    .olvido{\r\n        display: none;\r\n    }\r\n    .botonconsultar{\r\n        background: #36394B;\r\n        color: white;\r\n    }\r\n<\/style>\r\n  \r\n <input class=\"inpupersonalizadpo\" type=\"text\" id=\"domTextElement1\" placeholder=\"N\u00famero de Gu\u00eda\"> \r\n  \r\n  <br> <br>\r\n  <center>\r\n      <button class=\"botonconsultar\" type=\"button\"  onclick=\"getValueInput()\"> \r\n      Consultar\r\n  <\/button> \r\n  <\/center>\r\n  \r\n  <div id=\"olvido\" class=\"recuadro olvido\">\r\n      <center>\r\n          <h5 class=\"textocuadro\">Su porcentaje es de: <\/h5>\r\n          <div class=\"cajaimagen\" id=\"circle\">\r\n              \r\n          <\/div>\r\n      <\/center>\r\n  <\/div>\r\n  <script src=\"https:\/\/unpkg.com\/axios\/dist\/axios.min.js\">\r\n       import axios from 'axios';\r\n        \r\n    \r\n  <\/script>\r\n<script>\r\n   const getValueInput = () =>{\r\n      let inputValue1 = document.querySelector(\"#domTextElement1\").value; \r\n       \r\n       \r\n      var config = {\r\n      headers: {  Authorization: 'Bearer ' + '6e0d4eff-6977-44fd-874b-77bf2e01664c' },\r\n    };\r\n\r\n    axios.get(`https:\/\/spataro.sammu.com.co\/rest\/con\/production_order_overall_progress\/search\/?query=fkBatch:${inputValue1}`,config)\r\n      .then(response => {\r\n        document.getElementById(\"olvido\").style.display = \"block\";\r\n        let dato = response.data.content[0].percentage;\r\n        let calculo = dato*100;\r\n        let num = calculo.toFixed();\r\n         document.querySelector(\"#circle\").innerHTML = `\r\n         <div class=\"single-chart\">\r\n            <svg viewBox=\"0 0 36 36\" class=\"circular-chart blue\">\r\n                <path class=\"circle-bg\"\r\n                    d=\"M18 2.0845\r\n                      a 15.9155 15.9155 0 0 1 0 31.831\r\n                      a 15.9155 15.9155 0 0 1 0 -31.831\"\r\n                  \/>\r\n                  <path class=\"circle\"\r\n                    stroke-dasharray=\"${num}, 100\"\r\n                    d=\"M18 2.0845\r\n                      a 15.9155 15.9155 0 0 1 0 31.831\r\n                      a 15.9155 15.9155 0 0 1 0 -31.831\"\r\n                  \/>\r\n            <text x=\"18\" y=\"21.45\" class=\"percentage\">${num} %<\/text>\r\n            <\/svg>\r\n        <\/div>\r\n         `;\r\n      \r\n        console.log(calculo);\r\n      })\r\n      .catch(error => {\r\n        console.log(error);\r\n      });\r\n      \r\n    }\r\n\r\n<\/script>\t\t\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>PEDIDO Rastrea la ubicaci\u00f3n de tu envio Consultar Su porcentaje es de:<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-builder-fullwidth.php","meta":{"footnotes":""},"class_list":["post-5157","page","type-page","status-publish","entry"],"_links":{"self":[{"href":"https:\/\/spatarouniforms.com\/en\/wp-json\/wp\/v2\/pages\/5157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spatarouniforms.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spatarouniforms.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spatarouniforms.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/spatarouniforms.com\/en\/wp-json\/wp\/v2\/comments?post=5157"}],"version-history":[{"count":233,"href":"https:\/\/spatarouniforms.com\/en\/wp-json\/wp\/v2\/pages\/5157\/revisions"}],"predecessor-version":[{"id":8068,"href":"https:\/\/spatarouniforms.com\/en\/wp-json\/wp\/v2\/pages\/5157\/revisions\/8068"}],"wp:attachment":[{"href":"https:\/\/spatarouniforms.com\/en\/wp-json\/wp\/v2\/media?parent=5157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}