{"id":3534,"date":"2021-07-01T14:54:41","date_gmt":"2021-07-01T18:54:41","guid":{"rendered":"https:\/\/artsolutions4all.com\/?page_id=3534"},"modified":"2021-07-02T11:07:18","modified_gmt":"2021-07-02T15:07:18","slug":"ubicacion","status":"publish","type":"page","link":"https:\/\/artsolutions4all.com\/index.php\/ubicacion\/","title":{"rendered":"Worker Check Location"},"content":{"rendered":"<div><h2>Location data:<\/h2><\/div><div class=\"form-group\" id=\"sel_fecha\"><label>Select Checkup:<\/label><select class=\"form-control\" id=\"dw_checkup\"><option value=\"1\">Check In<\/option><option value=\"2\">Check Out<\/option><\/select><div id=\"ubicacion1\"><\/div><div id=\"ubicacion2\"><\/div><script type=\"text\/javascript\">\n\t\tif (navigator.geolocation) {\n\t\t\tnavigator.geolocation.getCurrentPosition(mostrarUbicacion);\n\t\t} else {alert(\"\u00a1Error! Este navegador no soporta la Geolocalizaci\u00f3n.\");}\n\tfunction mostrarUbicacion(position) {\n\t\t   var queryString = window.location.search;\n\t\t   var urlParams = new URLSearchParams(queryString);\n\t\t   var empleado = urlParams.get(\"emp\");       \n\t\t   var proyecto = urlParams.get(\"po\");\n\t\t   var fecha = urlParams.get(\"fe\");   \n\t\t   var fecha_s =  urlParams.get(\"fs\");   \n\t\t   var latitud = urlParams.get(\"lat\");\n\t\t   var longitud = urlParams.get(\"lon\");\n\t\t   var longitud_s = urlParams.get(\"lon2\");\n\t\t   var latitud_s = urlParams.get(\"lat2\");\n\t\t   \n\t\t   \/\/var div = document.getElementById(\"ubicacion1\");\t\t \n\t\t   \/\/div.innerHTML = \"<br><h4>Employee:<\/h4>\" + empleado + \"<h4>PO:<\/h4> \" + proyecto + \"<h4>Date:<\/h4> \" + fecha + \"<h4>Latitude:<\/h4> \" + latitud + \"<br><h4>Length:<\/h4> \" + longitud +\"<br><br>\";}\t\n\n\t\t   var div1 = document.getElementById(\"ubicacion1\");\t\t \n\t\t   div1.innerHTML = \"<br><h4>Employee:<\/h4>\" + empleado + \"<h4>PO:<\/h4> \" + proyecto + \"<h4>Entry Check Date:<\/h4> \" + fecha + \"<h4>Latitude:<\/h4> \" + latitud + \"<br><h4>Length:<\/h4> \" + longitud +\"<br><br>\";\t\n\n\t\t   var div2 = document.getElementById(\"ubicacion2\");\t\t \n\t\t   div2.innerHTML = \"<br><h4>Employee:<\/h4>\" + empleado + \"<h4>PO:<\/h4> \" + proyecto + \"<h4>Check Out Date:<\/h4> \" + fecha_s + \"<h4>Latitude:<\/h4> \" + latitud_s + \"<br><h4>Length:<\/h4> \" + longitud_s +\"<br><br>\";}\t\n\n\tfunction refrescarUbicacion() {\t\n\t\tnavigator.geolocation.watchPosition(mostrarUbicacion);}\t\n\t<\/script><div id=\"demo\"><\/div><div id=\"mapholder\"><\/div><div id=\"mapholder_s\"><\/div><script src=\"http:\/\/maps.google.com\/maps\/api\/js?sensor=false\"><\/script><div>\n\t<button style=\"margin-left: auto; margin-right: auto;\" class=\"btn btn-warning\" onclick=\"cargarmap()\">Load Map...<\/button>\n\t<\/div>\n\t<script type=\"text\/javascript\">\n\tvar x=document.getElementById(\"demo\");\n\tfunction cargarmap(){\n\tnavigator.geolocation.getCurrentPosition(showPosition,showError);\n\tfunction showPosition(position)\n\t  {\n\t\tvar queryString = window.location.search;\n\t\tvar urlParams = new URLSearchParams(queryString);\n\t\tvar latitud = urlParams.get(\"lat\");\n\t\tvar longitud = urlParams.get(\"lon\");\n\t\tvar latitud_s = urlParams.get(\"lat2\");\n\t\tvar longitud_s = urlParams.get(\"lon2\");\n\t    \n\t\t\/*Map for Check In*\/ \n\t\tlatlon=new google.maps.LatLng(latitud, longitud)\n\t\tmapholder=document.getElementById(\"mapholder\")\n\t\tmapholder.style.height=\"250px\";\n\t\tmapholder.style.width=\"500px\";\n\t\tvar myOptions={\n\t\tcenter:latlon,zoom:10,\n\t\tmapTypeId:google.maps.MapTypeId.ROADMAP,\n\t\tmapTypeControl:false,\n\t\tnavigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}\n\t\t};\n\t\tvar map=new google.maps.Map(document.getElementById(\"mapholder\"),myOptions);\n\t\tvar marker=new google.maps.Marker({position:latlon,map:map,title:\"You are here!\"});\n\n\t\t\/*Map for Check Out*\/ \n\t\tlatlon_s=new google.maps.LatLng(latitud_s, longitud_s)\n\t\tmapholder_s=document.getElementById(\"mapholder_s\")\n\t\tmapholder_s.style.height=\"250px\";\n\t\tmapholder_s.style.width=\"500px\";\n\t\tvar myOptions_s={\n\t\tcenter:latlon_s,zoom:10,\n\t\tmapTypeId:google.maps.MapTypeId.ROADMAP,\n\t\tmapTypeControl:false,\n\t\tnavigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}\n\t\t};\n\t\tvar map=new google.maps.Map(document.getElementById(\"mapholder_s\"),myOptions_s);\n\t\tvar marker=new google.maps.Marker({position:latlon_s,map:map,title:\"You are here!\"});\n\n\t  }\n\tfunction showError(error)\n\t  {\n\t  switch(error.code) \n\t\t{\n\t\tcase error.PERMISSION_DENIED:\n\t\t  x.innerHTML=\"Denegada la peticion de Geolocalizaci\u00f3n en el navegador.\"\n\t\t  break;\n\t\tcase error.POSITION_UNAVAILABLE:\n\t\t  x.innerHTML=\"La informaci\u00f3n de la localizaci\u00f3n no esta disponible.\"\n\t\t  break;\n\t\tcase error.TIMEOUT:\n\t\t  x.innerHTML=\"El tiempo de petici\u00f3n ha expirado.\"\n\t\t  break;\n\t\tcase error.UNKNOWN_ERROR:\n\t\t  x.innerHTML=\"Ha ocurrido un error desconocido.\"\n\t\t  break;\n\t\t}\n\t  }}\n\t<\/script>\n<!-- sktbuilder starter --><script type=\"text\/javascript\" src=\"https:\/\/artsolutions4all.com\/wp-content\/plugins\/skt-builder\/sktbuilder\/sktbuilder-frontend-starter.js\"><\/script><script type=\"text\/javascript\" src=\"https:\/\/artsolutions4all.com\/wp-content\/plugins\/skt-builder\/sktbuilder-wordpress-driver.js\"><\/script><script type=\"text\/javascript\"> var starter = new SktbuilderStarter({\"mode\": \"prod\", \"skip\":[\"jquery\",\"underscore\",\"backbone\"],\"sktbuilderUrl\": \"https:\/\/artsolutions4all.com\/wp-content\/plugins\/skt-builder\/sktbuilder\/\", \"driver\": new SktbuilderWordpressDriver({\"ajaxUrl\": \"https:\/\/artsolutions4all.com\/wp-admin\/admin-ajax.php\", \"iframeUrl\": \"https:\/\/artsolutions4all.com\/index.php\/ubicacion\/?sktbuilder=true\", \"pageId\": 3534,  \"nonce\": \"689da8784d\", \"pages\": [{\"title\":\"Gallery\",\"url\":\"https:\\\/\\\/artsolutions4all.com\\\/wp-admin\\\/post.php?post=123&action=sktbuilder\"},{\"title\":\"Home\",\"url\":\"https:\\\/\\\/artsolutions4all.com\\\/wp-admin\\\/post.php?post=1665&action=sktbuilder\"},{\"title\":\"Services\",\"url\":\"https:\\\/\\\/artsolutions4all.com\\\/wp-admin\\\/post.php?post=1963&action=sktbuilder\"},{\"title\":\"Inicio\",\"url\":\"https:\\\/\\\/artsolutions4all.com\\\/wp-admin\\\/post.php?post=2295&action=sktbuilder\"},{\"title\":\"Servicios\",\"url\":\"https:\\\/\\\/artsolutions4all.com\\\/wp-admin\\\/post.php?post=2323&action=sktbuilder\"}], \"page\": \"Worker Check Location\" }) });<\/script><!-- end sktbuilder starter -->","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-fullwidth_template.php","meta":{"footnotes":""},"class_list":["post-3534","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/artsolutions4all.com\/index.php\/wp-json\/wp\/v2\/pages\/3534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artsolutions4all.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artsolutions4all.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artsolutions4all.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/artsolutions4all.com\/index.php\/wp-json\/wp\/v2\/comments?post=3534"}],"version-history":[{"count":2,"href":"https:\/\/artsolutions4all.com\/index.php\/wp-json\/wp\/v2\/pages\/3534\/revisions"}],"predecessor-version":[{"id":3537,"href":"https:\/\/artsolutions4all.com\/index.php\/wp-json\/wp\/v2\/pages\/3534\/revisions\/3537"}],"wp:attachment":[{"href":"https:\/\/artsolutions4all.com\/index.php\/wp-json\/wp\/v2\/media?parent=3534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}