244 lines
11 KiB
Plaintext
244 lines
11 KiB
Plaintext
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="RepArrastre.aspx.cs" Inherits="GPS_RepArrastre" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
|
|
<style>
|
|
#map {
|
|
height: 450px;
|
|
}
|
|
</style>
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
|
|
Reporte de Arrastre
|
|
</asp:Content>
|
|
<asp:Content ID="Content4" ContentPlaceHolderID="HB" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content5" ContentPlaceHolderID="H" runat="Server">
|
|
<li>
|
|
<asp:LinkButton ID="LnkApagarvehiculo" runat="server">Apagar vehiculo</asp:LinkButton>
|
|
</li>
|
|
</asp:Content>
|
|
<asp:Content ID="Content6" ContentPlaceHolderID="HA" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content7" ContentPlaceHolderID="C" runat="Server">
|
|
<asp:UpdatePanel ID="UPFiltros" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="portlet solid grey-cascade portlet-filter" style="">
|
|
<div class="portlet-title portlet-filterT smalltitle" style="">
|
|
<div class="tools">
|
|
<asp:Button ID="BtnConsultar" OnClick="BtnConsultar_Click" runat="server" Text="Consultar" class="btn btn-primary" />
|
|
<a href="javascript:;" class="expand"></a>
|
|
</div>
|
|
<div class="titlefiltros caption">
|
|
<div class="row">
|
|
<div class="col-md-1 truncate">
|
|
Vehiculo:
|
|
</div>
|
|
<div class="col-md-3 ">
|
|
<asp:DropDownList ID="DdlDispositivo" runat="server" DataTextField="NombreVehiculo" DataValueField="CveDispositivo" CssClass="form-control input-sm select2me">
|
|
<asp:ListItem Selected="True" Text="Todos" Value="-1"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body" style="display: none;">
|
|
<asp:HiddenField ID="HdfVGrafica" ClientIDMode="Static" runat="server" />
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<asp:UpdatePanel ID="UpInfo" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="portlet light smmallpadding traspasorow bordered" style="">
|
|
<div class="portlet-title">
|
|
<div class="caption font-red">
|
|
<i class="fa fa-clock-o font-red"></i>
|
|
<span class="caption-subject bold uppercase">datos vehiculo</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tools">
|
|
<a href="javascript:;" class="collapse" data-original-title="" title=""></a>
|
|
</div>
|
|
</div>
|
|
<div id="C_bodyreportes" class="portlet-body rowpadding">
|
|
<asp:TextBox ID="TxtFunciones" CssClass="hidden EvalRun" runat="server"></asp:TextBox>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<label style="font-weight: bold;">¿Activar funcion de arrastre?</label>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<asp:CheckBox ID="chkActivarArrastre" CssClass="chksino " AutoPostBack="true" OnCheckedChanged="chkActivarArrastre_CheckedChanged" Text=" " runat="server" />
|
|
</div>
|
|
<div class="col-md-4">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<label style="font-weight: bold;">Velocidad</label>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<asp:Label ID="LblVelocidad" runat="server" Text="Sin Información"></asp:Label>
|
|
</div>
|
|
<div class="col-md-4">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<label style="font-weight: bold;">¿Encendido / Apagado?</label>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<asp:Label ID="LblEncApa" runat="server" Text="Sin Información"></asp:Label>
|
|
</div>
|
|
<div class="col-md-4">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<label style="font-weight: bold;">Fecha ultima Conexión</label>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<asp:Label ID="LblFechaInfo" runat="server" Text="Sin Información"></asp:Label>
|
|
</div>
|
|
<div class="col-md-4">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<asp:Panel runat="server" ID="pnlAlertaActiva" Visible="false" CssClass="col-md-6">
|
|
<div id="pulsate-regular" class="portlet light smmallpadding traspasorow bordered" style="">
|
|
<div class="portlet-title">
|
|
<div class="caption font-red">
|
|
<i class="fa fa-clock-o font-red"></i>
|
|
<span class="caption-subject bold uppercase">Alerta el vehiculo se encuentra en arrastre</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tools">
|
|
<%--<a href="javascript:;" class="collapse" data-original-title="" title=""></a>--%>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body rowpadding">
|
|
|
|
</div>
|
|
</div>
|
|
</asp:Panel>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<div id="map">
|
|
</div>
|
|
</asp:Content>
|
|
<asp:Content ID="Content8" ContentPlaceHolderID="JS" runat="Server">
|
|
<script src="<%= String.Format("https://maps.googleapis.com/maps/api/js?key={0}&libraries=places", Extensiones.ModExtensiones.GOOGLE_MAPS_API_KEY) %>"></script>
|
|
<script src="/Metronic/assets/global/plugins/jquery.pulsate.min.js"></script>
|
|
<script>
|
|
var image = '/Imagenes/rsz_11rsz_car.png';
|
|
var geocoder;
|
|
var map;
|
|
var markerArrastre;
|
|
var markerActual;
|
|
var directionsService;
|
|
var directionsDisplay;
|
|
var polylinesRoute = [];
|
|
var directionsDisplayArray = [];
|
|
if (jQuery('#pulsate-regular')) {
|
|
jQuery('#pulsate-regular').pulsate({
|
|
color: "#bf1c56"
|
|
});
|
|
|
|
}
|
|
var retorno;
|
|
function setCenter(myLatLn) {
|
|
map.setCenter(myLatLn);
|
|
}
|
|
function addmarkerarrastre(myLatLn) {//myLatLn = { lat: -25.363, lng: 131.044 }
|
|
if (markerArrastre) {
|
|
markerArrastre.setMap(null);
|
|
}
|
|
markerArrastre = new google.maps.Marker({
|
|
position: myLatLn,
|
|
map: map,
|
|
title: 'Activacion Arrastre'
|
|
});
|
|
}
|
|
|
|
function addmarkerActual(myLatLn, Encencido) {//myLatLn = { lat: -25.363, lng: 131.044 } ,addmarkerActual({ lat: -25.363, lng: 131.044 })
|
|
|
|
var imagen = Encencido == 1 ? '/Imagenes/rsz_11rsz_cargreen.png' : '/Imagenes/rsz_11rsz_car.png';
|
|
var markerIcon = { url: imagen, labelOrigin: new google.maps.Point(26, 43) };
|
|
if (markerActual) {
|
|
markerActual.setMap(null);
|
|
}
|
|
markerActual = new google.maps.Marker({
|
|
position: myLatLn,
|
|
map: map,
|
|
title: 'Posición Actual',
|
|
icon: markerIcon
|
|
});
|
|
}
|
|
function initMap() {
|
|
map = new google.maps.Map(document.getElementById('map'), {
|
|
center: { lat: 29.0628417, lng: -110.9872448 },
|
|
zoom: 13
|
|
|
|
});
|
|
//var ShowDiv1 = document.createElement('div');
|
|
//var ShowDivControl = new ShowDiv(ShowDiv1, map);
|
|
|
|
|
|
//ShowDiv1.index = 1;
|
|
//ShowDiv1.id = "showdiv1"
|
|
|
|
//map.controls[google.maps.ControlPosition.BOTTOM_CENTER].push(ShowDiv1);
|
|
|
|
|
|
//var upControlDiv = document.createElement('div');
|
|
//var upControl = new ControlLabels(upControlDiv, map);
|
|
|
|
//upControlDiv.index = 1;
|
|
//map.controls[google.maps.ControlPosition.TOP_LEFT].push(upControlDiv);
|
|
|
|
//var upGeoDiv = document.createElement('div');
|
|
//var upGeo = new ControlGeocercas(upGeoDiv, map);
|
|
|
|
//map.controls[google.maps.ControlPosition.TOP_LEFT].push(upGeoDiv);
|
|
|
|
geocoder = new google.maps.Geocoder();
|
|
|
|
//google.maps.event.addListener(map, "click", function (event) {
|
|
// closeLastOpenedInfoWindow();
|
|
//});
|
|
|
|
directionsService = new google.maps.DirectionsService;
|
|
directionsDisplay = new google.maps.DirectionsRenderer;
|
|
directionsDisplay.setOptions({ suppressMarkers: true });
|
|
directionsDisplay.setMap(map);
|
|
}
|
|
|
|
|
|
function ADSBegin() {
|
|
eval($('.EvalRun').val());
|
|
}
|
|
initMap();
|
|
//$(document).ready(function () {
|
|
|
|
// initMap();
|
|
//});
|
|
</script>
|
|
</asp:Content>
|
|
|