3349 lines
206 KiB
Plaintext
3349 lines
206 KiB
Plaintext
<%@ Page Title="" EnableEventValidation="false" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="Vehiculos.aspx.vb" Inherits="GPS_Vehiculos" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
|
|
<link href="/Metronic/assets/global/plugins/cubeportfolio/css/cubeportfolio.css" rel="stylesheet" type="text/css" />
|
|
<link href="/Metronic/assets/admin/pages/css/portfolio.css" rel="stylesheet" type="text/css" />
|
|
<style>
|
|
.cbp img {
|
|
background-color: #FFF;
|
|
}
|
|
|
|
.cbp-popup-lightbox-figure {
|
|
background-color: #FFF;
|
|
}
|
|
</style>
|
|
<link href="../Metronic/assets/global/plugins/jquery-minicolors/jquery.minicolors.css" rel="stylesheet" />
|
|
<link href="../Metronic/assets/layouts/layout3/css/jquery.datetimepicker.css" rel="stylesheet" />
|
|
<style type="text/css">
|
|
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Serif:400,700);
|
|
|
|
/*div.chksino, span.chksino #C_ChkUsarGeo:parent {
|
|
border: 1px solid #B8B8B8;
|
|
max-width: 80px;
|
|
overflow: hidden;
|
|
max-height: 29px;
|
|
display: inline-block;
|
|
margin-top: 10px;
|
|
}*/
|
|
#lblUsarGeo {
|
|
top: 0;
|
|
margin-bottom: 0;
|
|
font-size: 13px;
|
|
color: #888888;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
|
|
#map {
|
|
height: 344px;
|
|
}
|
|
|
|
.portlet.light.smmallpadding > .portlet-title > .caption {
|
|
font-size: 12px;
|
|
width: 80%;
|
|
}
|
|
|
|
.portlet.light.smmallpadding > .portlet-title {
|
|
min-height: 20px;
|
|
}
|
|
|
|
.progress {
|
|
display: none;
|
|
}
|
|
/* GRÁFICAS */
|
|
#chartdivTank {
|
|
width: 100%;
|
|
height: 230px;
|
|
}
|
|
|
|
.amcharts-chart-div a {
|
|
display: none !important;
|
|
}
|
|
|
|
svg:not(:root) {
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
#chartdivKilometrajeUnidades {
|
|
width: 100%;
|
|
height: 230px;
|
|
}
|
|
|
|
#chartdivTiempoOperacion {
|
|
width: 100%;
|
|
height: 230px;
|
|
}
|
|
|
|
#chartdivPIVisitados {
|
|
width: 100%;
|
|
height: 230px;
|
|
}
|
|
|
|
#chartdivTiempoPI {
|
|
width: 100%;
|
|
height: 230px;
|
|
}
|
|
|
|
#chartdivRendimientoCombustible {
|
|
width: 100%;
|
|
height: 230px;
|
|
}
|
|
|
|
.contenedor {
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
color: #989A8F;
|
|
width: 450px;
|
|
height: 200px;
|
|
}
|
|
|
|
.calificador {
|
|
height: 270px;
|
|
width: 75%;
|
|
text-align: center;
|
|
}
|
|
|
|
.toplistaVerde {
|
|
background-color: #1BA39C;
|
|
height: 33%;
|
|
width: 300px;
|
|
padding-top: 17%;
|
|
}
|
|
|
|
.toplistaAmarillo {
|
|
background-color: #c29d0b;
|
|
height: 33%;
|
|
width: 300px;
|
|
padding-top: 17%;
|
|
}
|
|
|
|
.toplistaRojo {
|
|
background-color: #E43A45;
|
|
height: 33%;
|
|
width: 300px;
|
|
padding-top: 17%;
|
|
}
|
|
|
|
.toplistaAzul {
|
|
background-color: #337ab7;
|
|
height: 33%;
|
|
width: 300px;
|
|
padding-top: 17%;
|
|
}
|
|
|
|
.bottomlista {
|
|
margin-top: 25%;
|
|
}
|
|
|
|
|
|
.circuloVerde {
|
|
width: 40%;
|
|
height: 400%;
|
|
border: 4px solid;
|
|
border-radius: 50% !important;
|
|
border-color: #1BA39C;
|
|
font-size: 30px;
|
|
color: #fff;
|
|
line-height: 405%;
|
|
text-align: center;
|
|
background-color: #FFFFFF;
|
|
margin-left: 30%;
|
|
margin-top: -10%;
|
|
}
|
|
|
|
.verde {
|
|
color: #1BA39C;
|
|
}
|
|
|
|
.circuloAmarillo {
|
|
width: 40%;
|
|
height: 400%;
|
|
border: 4px solid;
|
|
border-radius: 50% !important;
|
|
border-color: #c29d0b;
|
|
font-size: 30px;
|
|
color: #fff;
|
|
line-height: 405%;
|
|
text-align: center;
|
|
background-color: #FFFFFF;
|
|
margin-left: 30%;
|
|
margin-top: -10%;
|
|
}
|
|
|
|
.amarillo {
|
|
color: #c29d0b;
|
|
}
|
|
|
|
.circuloRojo {
|
|
width: 40%;
|
|
height: 400%;
|
|
border: 4px solid;
|
|
border-radius: 50% !important;
|
|
border-color: #E43A45;
|
|
font-size: 30px;
|
|
color: #fff;
|
|
line-height: 405%;
|
|
text-align: center;
|
|
background-color: #FFFFFF;
|
|
margin-left: 30%;
|
|
margin-top: -10%;
|
|
}
|
|
|
|
.rojo {
|
|
color: #E43A45;
|
|
}
|
|
|
|
.circuloAzul {
|
|
width: 40%;
|
|
height: 400%;
|
|
border: 4px solid;
|
|
border-radius: 50% !important;
|
|
border-color: #337ab7;
|
|
font-size: 30px;
|
|
color: #fff;
|
|
line-height: 405%;
|
|
text-align: center;
|
|
background-color: #FFFFFF;
|
|
margin-left: 30%;
|
|
margin-top: -10%;
|
|
}
|
|
|
|
.azul {
|
|
color: #337ab7;
|
|
}
|
|
|
|
/*TERMINAN GRÁFICAS*/
|
|
.minicolors {
|
|
position: relative;
|
|
MARGIN-TOP: 10PX;
|
|
WIDTH: 20%;
|
|
}
|
|
|
|
#mapGeo {
|
|
position: fixed !important;
|
|
width: calc(100% - 3px);
|
|
height: calc(100% - 250px);
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.pac-container.pac-logo {
|
|
z-index: 100000;
|
|
}
|
|
|
|
.minicolors {
|
|
display: inline-block;
|
|
}
|
|
|
|
.controls {
|
|
margin-top: 10px;
|
|
border: 1px solid transparent;
|
|
border-radius: 2px 0 0 2px;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
height: 32px;
|
|
outline: none;
|
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
#pac-input {
|
|
background-color: #fff;
|
|
font-family: 'Open Sans Condensed', sans-serif;
|
|
font-size: 13px;
|
|
font-weight: 300;
|
|
margin-left: 12px;
|
|
padding: 0 11px 0 13px;
|
|
text-overflow: ellipsis;
|
|
width: 300px;
|
|
}
|
|
|
|
#pac-input:focus {
|
|
border-color: #4d90fe;
|
|
}
|
|
|
|
|
|
#iw-container {
|
|
margin-bottom: 10px;
|
|
}
|
|
</style>
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
|
|
Vehículo:
|
|
<asp:Literal runat="server" Text="" ID="LtlVehiculo"></asp:Literal>
|
|
</asp:Content>
|
|
<asp:Content ID="Content4" ContentPlaceHolderID="HB" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content5" ContentPlaceHolderID="H" runat="Server">
|
|
<li>
|
|
<asp:UpdatePanel ID="UpLnkAddPlacas" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="LnkAddPlacas" runat="server" OnClientClick="$('#DivAddPlacas').modal('show');"><i class="fa fa-plus"></i>Registrar Placas</asp:LinkButton>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</li>
|
|
<li>
|
|
<asp:UpdatePanel ID="UpLnkAddLicencias" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="LnkAddLicencias" runat="server"><i class="fa fa-list-alt"></i>Registrar Licencias</asp:LinkButton>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</li>
|
|
<li>
|
|
<asp:UpdatePanel ID="UpLnkAddPoliza" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="LnkAddPolizaSeguro" runat="server"><i class="fa fa-shield"></i>Registrar Póliza de Seguro</asp:LinkButton>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</li>
|
|
<li>
|
|
<asp:UpdatePanel ID="UpLnkAddIncidente" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="LnkAddIncidente" runat="server"><i class="fa fa-bolt"></i>Registrar Incidente</asp:LinkButton>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</li>
|
|
<li>
|
|
<asp:UpdatePanel ID="UpLnkServicio" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="LnkAddServicio" runat="server"><i class="fa fa-cog"></i>Registrar Servicio</asp:LinkButton>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</li>
|
|
<li>
|
|
<asp:UpdatePanel ID="UpdatePanel12" runat="server" UpdateMode="Always">
|
|
<ContentTemplate>
|
|
<asp:LinkButton NavigateUrl="#" data-toggle="modal" data-target="#DivGeocercas" ID="LblGeocercas" runat="server" OnClientClick="setTimeout(function(){ initMapGeo(); DeletemarkersGeo(); LimpiarModalGeocercas(); },1000); return false;"> <i class="fa fa-plus"></i> Agregar Paradas</asp:LinkButton>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</li>
|
|
</asp:Content>
|
|
|
|
<asp:Content ID="Content6" ContentPlaceHolderID="HA" runat="Server">
|
|
</asp:Content>
|
|
|
|
<asp:Content ID="Content7" ContentPlaceHolderID="C" runat="Server">
|
|
|
|
<ajax:TabContainer ID="Tab" runat="server" Width="100%">
|
|
|
|
<ajax:TabPanel ID="TabConsulta" runat="server" HeaderText="Consulta">
|
|
<ContentTemplate>
|
|
<asp:UpdatePanel ID="UpInfo" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="row">
|
|
<div class="col-md-5 ">
|
|
<div class="portlet light bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="fa fa-car font-green"></i>
|
|
<span class="caption-subject bold uppercase">Datos de la unidad:</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
<div class="tools">
|
|
<a href="javascript:;" class="collapse"></a>
|
|
</div>
|
|
</div>
|
|
<div id="bodydatos" runat="server" visible="false" class="portlet-body form">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="form-group form-md-line-input">
|
|
<asp:TextBox ID="TxtSerie" Text="" Enabled="false" runat="server" CssClass="form-control truncate"></asp:TextBox>
|
|
<label for="<%= TxtSerie.ClientID.ToString()%>">Serie: </label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group form-md-line-input">
|
|
<asp:TextBox ID="TxtNoEconomico" Text="2403" Enabled="false" runat="server" CssClass="form-control"></asp:TextBox>
|
|
<label for="<%= TxtNoEconomico.ClientID.ToString()%>">No. Economico:</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group form-md-line-input">
|
|
<asp:TextBox ID="TxtPlacas" Text="192.158.0.2" Enabled="false" runat="server" CssClass="form-control"></asp:TextBox>
|
|
<label for="<%= TxtPlacas.ClientID.ToString()%>">Placas: </label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="form-group form-md-line-input">
|
|
<asp:TextBox ID="TxtNombre" Text="TELCEL 100MB" Enabled="false" runat="server" CssClass="form-control"></asp:TextBox>
|
|
<label for="<%= TxtNombre.ClientID.ToString()%>">Vehículo:</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group form-md-line-input">
|
|
<asp:TextBox ID="TxtModelo" Text="192.158.0.2" Enabled="false" runat="server" CssClass="form-control"></asp:TextBox>
|
|
<label for="<%= TxtModelo.ClientID.ToString()%>">Modelo: </label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group form-md-line-input">
|
|
<asp:TextBox ID="TxtAño" Text="2403" Enabled="false" runat="server" CssClass="form-control"></asp:TextBox>
|
|
<label for="<%= TxtAño.ClientID.ToString()%>">Año Vehículo:</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="form-group form-md-line-input">
|
|
<asp:TextBox ID="TxtDetalles" Text="192.158.0.2" Enabled="false" runat="server" CssClass="form-control"></asp:TextBox>
|
|
<label for="<%= TxtDetalles.ClientID.ToString()%>">Detalles Vehículo:</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group form-md-line-input">
|
|
<asp:TextBox ID="TxtMaxVelocidad" Text="2403" Enabled="false" runat="server" CssClass="form-control"></asp:TextBox>
|
|
<label for="<%= TxtMaxVelocidad.ClientID.ToString()%>">V. Máxima:</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group form-md-line-input">
|
|
<asp:TextBox ID="TxtEstatus" Text="192.158.0.2" Enabled="false" runat="server" CssClass="form-control"></asp:TextBox>
|
|
<label for="<%= TxtEstatus.ClientID.ToString()%>">Estatus:</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="portlet light bordered" style="height: 227px">
|
|
<div class="portlet-title" style="margin-bottom: 0px;">
|
|
<div class="caption" style="font-size: 17px">
|
|
<i style="font-size: larger" class="fa fa-check-circle-o font-blue"></i>
|
|
<span class="caption-subject font-blue bold uppercase" style="font-size: 14px">Dirección Aproximada</span>
|
|
</div>
|
|
<div class="tools">
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body" style="height: 115px; padding-top: 0; background-color: #f5f8fd">
|
|
<h4 style="font-weight: bold" id="hDireccion"></h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3" style="width: 403.06px;">
|
|
<asp:UpdatePanel ID="UPTanque" UpdateMode="conditional" runat="server">
|
|
<ContentTemplate>
|
|
<div class="portlet light bordered" runat="server" id="displayCombustible">
|
|
<div class="portlet-title" style="margin-bottom: 0px;">
|
|
<div class="caption" style="font-size: 17px">
|
|
<i style="font-size: larger" class="fa fa-check-circle-o font-gray"></i>
|
|
<span class="caption-subject font-gray bold uppercase" style="font-size: 14px">Tanque de Combustible</span>
|
|
</div>
|
|
<div class="tools">
|
|
<asp:UpdatePanel UpdateMode="conditional" ID="UpdatePanel10" runat="server">
|
|
<ContentTemplate>
|
|
<asp:DropDownList ID="DdlControles" DataTextField="Control" DataValueField="CveControl" runat="server" Width="100px" AutoPostBack="true" CssClass="form-control input-sm select2me">
|
|
</asp:DropDownList>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body" style="height: 150px; width: 343.06px; padding-top: 0">
|
|
<img src="/Imagenes/rsz_fuel-icon-5.png" style="position: absolute; left: 47%; top: 60%; opacity: .5;">
|
|
<div id="chartdivTank"></div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
|
|
<div class="row">
|
|
<asp:UpdatePanel UpdateMode="Conditional" ID="UpReportes" runat="server">
|
|
<ContentTemplate>
|
|
<div class="col-md-5" style="width: 48%">
|
|
<div class="portlet light smmallpadding traspasorow bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-red">
|
|
<i class="fa fa-warning font-red"></i>
|
|
<span class="caption-subject bold uppercase">Últimos Eventos</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tools">
|
|
<a href="javascript:;" class="collapse"></a>
|
|
</div>
|
|
</div>
|
|
<div runat="server" id="bodyreportes" visible="false" class="portlet-body rowpadding" style="height: 299px;">
|
|
<asp:GridView ID="GvEventos" runat="server" DataKeyNames="CveEvento, Posicion, Imagen" Style="table-layout: fixed" AutoGenerateColumns="False" ShowHeader="True" data-heightfijo="240" data-height="240" EmptyDataText="No se Encontraron Eventos" GridLines="none" ToolTip="Listado de Eventos" data-sort="false" CssClass="table table-striped table-hover Widthall ScrollAD">
|
|
<Columns>
|
|
<asp:BoundField HeaderText="Evento" DataField="Evento" ItemStyle-HorizontalAlign="center" ItemStyle-Width="50%" />
|
|
<asp:BoundField HeaderText="Fecha" DataField="FechaTrama" DataFormatString="{0}" ItemStyle-HorizontalAlign="right" ItemStyle-Width="50%" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<div class="col-md-6">
|
|
<div class="portlet box blue-hoki">
|
|
<div class="portlet-title">
|
|
<div class="caption">
|
|
<i class="fa fa-map-marker"></i>
|
|
Ubicación
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
<div class="tools">
|
|
<asp:UpdatePanel UpdateMode="conditional" ID="UpMapa" runat="server">
|
|
<ContentTemplate>
|
|
<asp:DropDownList ID="DdlConsulta" runat="server" Width="200px" AutoPostBack="true" CssClass="form-control input-sm select2me">
|
|
<asp:ListItem Text="Última Posición" Value="1" Selected="true" />
|
|
<asp:ListItem Text="Últimas 10" Value="10" />
|
|
<asp:ListItem Text="Hoy" Value="Today" />
|
|
</asp:DropDownList>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body rowpadding" style="height: 306px; padding: 0;">
|
|
<div id="map" style="height: 306px">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</ajax:TabPanel>
|
|
|
|
<ajax:TabPanel ID="TabDashboard" runat="server" HeaderText="Dashboard">
|
|
<ContentTemplate>
|
|
<asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="row" id="DivIndicadores" style="width: 90%; margin: auto;" runat="server">
|
|
</div>
|
|
<div class="row" style="height: 300px">
|
|
<div class="col-md-4">
|
|
<div class="portlet light">
|
|
<div class="portlet-title">
|
|
<div class="caption" style="font-size: 17px">
|
|
<i style="font-size: larger" class="fa fa-dashboard font-blue"></i>
|
|
<span class="caption-subject font-blue bold uppercase" style="font-size: 14px">Kilometraje de Unidad</span>
|
|
</div>
|
|
<div class="tools">
|
|
<asp:UpdatePanel ID="UpdatePanel4" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="LnkKilometraje" runat="server"><i class="fa fa-expand"></i></asp:LinkButton>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<div id="chartdivKilometrajeUnidades"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="portlet light ">
|
|
<div class="portlet-title">
|
|
<div class="caption" style="font-size: 17px">
|
|
<i style="font-size: larger" class="fa fa-car font-yellow"></i>
|
|
<span class="caption-subject font-yellow bold uppercase" style="font-size: 14px">Tiempos de Operación</span>
|
|
</div>
|
|
<div class="tools">
|
|
<asp:UpdatePanel ID="UpdatePanel7" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="LnkTiemposOperacion" runat="server"><i class="fa fa-expand"></i></asp:LinkButton>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<div id="chartdivTiempoOperacion"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="portlet light ">
|
|
<div class="portlet-title">
|
|
<div class="caption" style="font-size: 17px">
|
|
<i style="font-size: larger" class="fa fa-map-marker font-green"></i>
|
|
<span class="caption-subject font-green bold uppercase" style="font-size: 14px">Puntos de Interés Visitados</span>
|
|
</div>
|
|
<div class="tools">
|
|
<asp:UpdatePanel ID="UpdatePanel5" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="LnkPIVisitados" runat="server"><i class="fa fa-expand"></i></asp:LinkButton>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<div id="chartdivPIVisitados"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="height: 400px">
|
|
<div class="col-md-4">
|
|
<div class="portlet light ">
|
|
<div class="portlet-title">
|
|
<div class="caption" style="font-size: 17px">
|
|
<i style="font-size: larger" class="fa fa-clock-o font-green"></i>
|
|
<span class="caption-subject font-green bold uppercase" style="font-size: 14px">Tiempo en Puntos de Interés</span>
|
|
</div>
|
|
<div class="tools">
|
|
<asp:UpdatePanel ID="UpdatePanel9" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="LnkTiempoPuntosInteres" runat="server"><i class="fa fa-expand"></i></asp:LinkButton>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<div id="chartdivTiempoPI"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="portlet light ">
|
|
<div class="portlet-title">
|
|
<div class="caption" style="font-size: 17px">
|
|
<i style="font-size: larger" class="fa fa-flask font-yellow"></i>
|
|
<span class="caption-subject font-yellow bold uppercase" style="font-size: 14px">Rendimiento de Combustible</span>
|
|
</div>
|
|
<div class="tools">
|
|
<asp:UpdatePanel ID="UpdatePanel8" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="LnkRendimientoCombustible" runat="server"><i class="fa fa-expand"></i></asp:LinkButton>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
<div id="chartdivRendimientoCombustible"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="portlet light " style="height: 348px">
|
|
|
|
<div class="portlet-title">
|
|
<div class="caption" style="font-size: 17px">
|
|
<i style="font-size: larger" class="fa fa-road font-blue"></i>
|
|
<span class="caption-subject font-blue bold uppercase" style="font-size: 14px">Trayectos</span>
|
|
</div>
|
|
<div class="tools">
|
|
|
|
<a href="#" class="fullscreen" data-original-title="" title=""></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="portlet-body contenedor">
|
|
<div class="calificador">
|
|
<div class="toplistaAzul azul" runat="server">
|
|
<div class="circuloAzul azul" runat="server">
|
|
<asp:Label runat="server" ID="Label2" Text="7" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</ContentTemplate>
|
|
</ajax:TabPanel>
|
|
<ajax:TabPanel ID="TabComandos" runat="server" HeaderText="Comandos">
|
|
<ContentTemplate>
|
|
<asp:UpdatePanel runat="server" ID="UpComandos" UpdateMode="Conditional" Style="width: 100%">
|
|
<ContentTemplate>
|
|
<div class="row" style="margin-bottom: 1px;">
|
|
<div class="col-md-8">
|
|
<asp:RadioButtonList RepeatDirection="horizontal" ID="RadioButtonList1" runat="server">
|
|
<asp:ListItem Value="GPRS" Selected="true">GPRS</asp:ListItem>
|
|
<asp:ListItem Value="SMS">SMS</asp:ListItem>
|
|
</asp:RadioButtonList>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<asp:LinkButton runat="server" Style="margin-left: 55%;" Text="<i class='fa fa-refresh'></i> Refrescar" ID="BtnRefresh" CssClass="btn btn-primary"></asp:LinkButton>
|
|
</div>
|
|
</div>
|
|
<asp:GridView ID="GvComandos" runat="server" DataKeyNames="CveComando, RequiereValor" Style="table-layout: fixed" AutoGenerateColumns="False" ShowHeader="True" EmptyDataText="No se encontraron comandos para este modelo" GridLines="none" ToolTip="Listado de Comandos" data-sort="false" CssClass="table table-striped table-hover Widthall ScrollAD">
|
|
<Columns>
|
|
<asp:TemplateField ItemStyle-Width="10%" ItemStyle-HorizontalAlign="Center">
|
|
<ItemTemplate>
|
|
<asp:Button ID="BtnEnviar" runat="server" CssClass="btn btn-primary" CommandName="EnviarComando" CommandArgument="<%# CType(Container, GridViewRow).RowIndex %>" Text="Enviar" />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
<asp:BoundField HeaderText="Comando" DataField="Comando" ItemStyle-Width="40%" FooterStyle-HorizontalAlign="Left" />
|
|
<asp:TemplateField ItemStyle-Width="20%" ItemStyle-HorizontalAlign="Center">
|
|
<HeaderTemplate>Valor</HeaderTemplate>
|
|
<ItemTemplate>
|
|
<asp:TextBox ID="TxtValor" Visible="false" Width="150px" runat="server" Text=""></asp:TextBox>
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
<asp:BoundField DataField="UltimaFechaEjecucion" ItemStyle-Width="20%" HeaderText="Última Ejecución" ItemStyle-HorizontalAlign="center" />
|
|
<asp:BoundField DataField="FechaRespuesta" ItemStyle-Width="20%" HeaderText="Última Respuesta" ItemStyle-HorizontalAlign="center" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</ContentTemplate>
|
|
</ajax:TabPanel>
|
|
<ajax:TabPanel ID="TabImagenes" runat="server" HeaderText="Instalación" OnClientClick="clickgaleria">
|
|
<ContentTemplate>
|
|
<asp:UpdatePanel ID="UpGaleria" UpdateMode="Conditional" runat="server">
|
|
<ContentTemplate>
|
|
<div class="portfolio-content portfolio-1">
|
|
<div id="js-filters-juicy-projects" class="cbp-l-filters-button">
|
|
</div>
|
|
<div id="js-grid-juicy-projects" class="cbp">
|
|
<asp:Repeater ID="RptFotos" runat="server">
|
|
<ItemTemplate>
|
|
<div class="cbp-item graphic">
|
|
<div class="cbp-caption">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src='<%# String.Format("/ashx/SIGGPS.ashx?Metodo=getimginstalacion&r={0}", Extensiones.ModExtensiones.Encripta(Eval("URLParametros").ToString())) %>'>
|
|
</div>
|
|
<div class="cbp-caption-activeWrap">
|
|
<div class="cbp-l-caption-alignCenter">
|
|
<div class="cbp-l-caption-body">
|
|
<a href='<%# String.Format("/ashx/SIGGPS.ashx?Metodo=getimginstalacion&r={0}", Extensiones.ModExtensiones.Encripta(Eval("URLParametros").ToString())) %>' class="cbp-lightbox cbp-l-caption-buttonRight btn success uppercase">Ver</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cbp-l-grid-projects-title uppercase text-center"><%#Eval("Titulo").ToString() %></div>
|
|
<div class="cbp-l-grid-projects-desc uppercase text-center"><%# Eval("Descripcion").ToString() %></div>
|
|
</div>
|
|
</ItemTemplate>
|
|
</asp:Repeater>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</ContentTemplate>
|
|
</ajax:TabPanel>
|
|
<ajax:TabPanel ID="TabRespuestas" runat="server" HeaderText="Log de Respuestas">
|
|
<ContentTemplate>
|
|
<asp:UpdatePanel runat="server" ID="UpdatePanel11" UpdateMode="conditional">
|
|
<ContentTemplate>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="portlet solid grey-cascade portlet-filter">
|
|
<div class="portlet-title portlet-filterT smalltitle magindate">
|
|
<div class="tools">
|
|
<asp:Button ID="BtnCargaRespuestas" ClientIDMode="Static" runat="server" ValidationGroup="GrpLog" Text="Consultar" class="btn btn-primary" />
|
|
</div>
|
|
<div class="titlefiltros caption ">
|
|
<ul class="list-inline" style="font-size: 12px;">
|
|
<li>Tipo Consulta:
|
|
<asp:DropDownList ID="DdlLogRespuestas" Width="150px" runat="server" CssClass="form-control input-sm select2me">
|
|
<asp:ListItem Value="Last" Selected="true" Text="Última Respuesta"></asp:ListItem>
|
|
<asp:ListItem Value="Last10" Text="Últimas 10"></asp:ListItem>
|
|
<asp:ListItem Value="Today" Text="Hoy"></asp:ListItem>
|
|
<asp:ListItem Value="Yesterday" Text="Ayer"></asp:ListItem>
|
|
<asp:ListItem Value="Week" Text="Semana"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<asp:UpdatePanel ID="UpGVRespuestas" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12 ">
|
|
<div class="portlet light bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="fa fa-car font-green"></i>
|
|
<span class="caption-subject bold uppercase">Respuestas de Comandos:
|
|
<asp:Literal ID="Literal3" runat="server"></asp:Literal></span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
<div class="tools">
|
|
<a href="javascript:;" class="collapse"></a>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body form">
|
|
<div class="row" style="margin-bottom: 1px;">
|
|
<div class="col-md-8">
|
|
<asp:RadioButtonList RepeatDirection="horizontal" ID="RblTipoComandoLOG" runat="server">
|
|
<asp:ListItem Value="GPRS" Selected="true">GPRS</asp:ListItem>
|
|
<asp:ListItem Value="SMS">SMS</asp:ListItem>
|
|
</asp:RadioButtonList>
|
|
</div>
|
|
<div class="col-md-4">
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<label class="col-md-2">Comando:</label>
|
|
<div class="col-md-6">
|
|
<asp:TextBox ID="TxtComandoTexto" runat="server" CssClass="form-control input-sm"></asp:TextBox>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<asp:Button ID="BtnComando" Text="Ejecutar" runat="server" CssClass="btn btn-primary" />
|
|
</div>
|
|
</div>
|
|
<div style="max-height: 392px; overflow-y: scroll">
|
|
<asp:GridView ID="GVRespuestas" runat="server" DataKeyNames="CveTrama" Style="table-layout: fixed" AutoGenerateColumns="False" ShowHeader="false" EmptyDataText="No se encontraron Tramas" GridLines="none" ToolTip="Listado de Tramas" CssClass="table table-striped table-hover Widthall">
|
|
<Columns>
|
|
<asp:BoundField HeaderText="Trama" DataField="Trama" ItemStyle-HorizontalAlign="Left" ItemStyle-Width="27%" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</ContentTemplate>
|
|
</ajax:TabPanel>
|
|
|
|
<ajax:TabPanel ID="TabAdministracion" runat="server" HeaderText="Administracion">
|
|
<ContentTemplate>
|
|
|
|
<%-- Placas --%>
|
|
<div>
|
|
<asp:Literal ID="LtlAgregarPlaca" runat="server"></asp:Literal>
|
|
<div id="DivPlacas" runat="server" class="portlet box blue-hoki" style="width: 100%;">
|
|
<div class="portlet-title">
|
|
<div class="caption">
|
|
<i class="fa fa-cc-stripe"></i>Placas
|
|
</div>
|
|
</div>
|
|
<asp:UpdatePanel ID="UpPlacas" class="portlet-body" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:Button ID="Button3" runat="server" ClientIDMode="Static" Text="Resfrecar Eventos" Style="display: none;" />
|
|
|
|
<asp:GridView ID="GvPlacas" runat="server" GridLines="None" data-sort="true" DataKeyNames="CvePlaca,Placa,FechaExpedicion,FechaVencimiento" CssClass="table table-striped table-advance table-hover Widthall ScrollAD" CellSpacing="0" Width="100%" AutoGenerateColumns="False" EmptyDataText="No se encontraron registros" ToolTip="Listado de Operadores">
|
|
<Columns>
|
|
<asp:BoundField DataField="FechaExpedicion" HeaderText="Fecha Expedicion" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:d}" />
|
|
<asp:BoundField DataField="FechaExpedicion" HeaderText="Año" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:yyyy}" />
|
|
<asp:BoundField DataField="Placa" HeaderText="Placa" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:BoundField DataField="FechaVencimiento" HeaderText="Fecha Vencimiento" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:d}" />
|
|
|
|
<asp:TemplateField ItemStyle-HorizontalAlign="Center" HeaderText="Comandos">
|
|
<ItemTemplate>
|
|
<asp:LinkButton ID="imgE" runat="server" AlternateText="Editar" CausesValidation="False" CssClass="btn btn-circle btn-xs green" OnClick="Edit_Click" Text="<i class='fa fa-pencil'></i>" />
|
|
<asp:LinkButton ID="imgD" runat="server" AlternateText="Eliminar" OnClick="Delete_Click" CausesValidation="False" CssClass="btn btn-circle btn-xs red" Text="<i class='icon-trash'></i>" data-toggle="confirmation" data-popout="true" data-original-title="Confirmar" data-btn-ok-label="si" />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
</Columns>
|
|
</asp:GridView>
|
|
|
|
<asp:HiddenField ID="HdnModalidad" runat="server" Value="A" ClientIDMode="Static" />
|
|
<asp:HiddenField ID="HdnID" runat="server" Value="-1" ClientIDMode="Static" />
|
|
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
|
|
<%-- Licencias --%>
|
|
<div>
|
|
<asp:Literal ID="LtlAgregarLicencia" runat="server"></asp:Literal>
|
|
<div id="DivLicencias" runat="server" class="portlet box blue-hoki" style="width: 100%;">
|
|
<div class="portlet-title">
|
|
<div class="caption">
|
|
<i class="fa fa-list-alt"></i>Licencias SCT
|
|
</div>
|
|
</div>
|
|
<asp:UpdatePanel ID="UpLicencias" class="portlet-body" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:Button ID="Button4" runat="server" ClientIDMode="Static" Text="Resfrecar Eventos" Style="display: none;" />
|
|
|
|
<asp:GridView ID="GvLicencias" runat="server" GridLines="None" data-sort="true" DataKeyNames="CveLicencia,Licencia,FechaExpedicion,FechaVencimiento" CssClass="table table-striped table-advance table-hover Widthall ScrollAD" CellSpacing="0" Width="100%" AutoGenerateColumns="False" EmptyDataText="No se encontraron registros" ToolTip="Listado de Operadores">
|
|
<Columns>
|
|
<asp:BoundField DataField="FechaExpedicion" HeaderText="Fecha Expedicion" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:d}" />
|
|
<asp:BoundField DataField="FechaExpedicion" HeaderText="Año" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:yyyy}" />
|
|
<asp:BoundField DataField="Licencia" HeaderText="Licencia" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:BoundField DataField="FechaVencimiento" HeaderText="Fecha Vencimiento" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:d}" />
|
|
|
|
<asp:TemplateField ItemStyle-HorizontalAlign="Center" HeaderText="Comandos">
|
|
<ItemTemplate>
|
|
<asp:LinkButton ID="imgE" runat="server" AlternateText="Editar" CausesValidation="False" CssClass="btn btn-circle btn-xs green" OnClick="EditLicencia_Click" Text="<i class='fa fa-pencil'></i>" />
|
|
<asp:LinkButton ID="imgD" runat="server" AlternateText="Eliminar" OnClick="DeleteLicencia_Click" CausesValidation="False" CssClass="btn btn-circle btn-xs red" Text="<i class='icon-trash'></i>" data-toggle="confirmation" data-popout="true" data-original-title="Confirmar" data-btn-ok-label="si" />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
</Columns>
|
|
</asp:GridView>
|
|
|
|
<asp:HiddenField ID="HdnModalidadLicencia" runat="server" Value="A" ClientIDMode="Static" />
|
|
<asp:HiddenField ID="HdnIDLicencia" runat="server" Value="-1" ClientIDMode="Static" />
|
|
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
|
|
<%-- Seguros --%>
|
|
<div>
|
|
<asp:Literal ID="LtlAgregarSeguros" runat="server"></asp:Literal>
|
|
<div id="DivSeguros" runat="server" class="portlet box blue-hoki" style="width: 100%;">
|
|
<div class="portlet-title">
|
|
<div class="caption">
|
|
<i class="fa fa-shield"></i>Pólizas de Seguro
|
|
</div>
|
|
</div>
|
|
<asp:UpdatePanel ID="UpSeguros" class="portlet-body" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:Button ID="Button5" runat="server" ClientIDMode="Static" Text="Resfrecar Eventos" Style="display: none;" />
|
|
|
|
<asp:GridView ID="GvPolizas" runat="server" GridLines="None" data-sort="true" DataKeyNames="CvePolizaSeguro,CveProveedor,PolizaSeguro,FechaExpedicion,FechaVencimiento,ProveedorServicio" CssClass="table table-striped table-advance table-hover Widthall ScrollAD" CellSpacing="0" Width="100%" AutoGenerateColumns="False" EmptyDataText="No se encontraron registros" ToolTip="Listado de Operadores">
|
|
<Columns>
|
|
<asp:BoundField DataField="FechaExpedicion" HeaderText="Fecha Expedicion" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:d}" />
|
|
<asp:BoundField DataField="FechaExpedicion" HeaderText="Año" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:yyyy}" />
|
|
<asp:BoundField DataField="ProveedorServicio" HeaderText="Proveedor" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:BoundField DataField="PolizaSeguro" HeaderText="Póliza" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:BoundField DataField="FechaVencimiento" HeaderText="Fecha Vencimiento" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:d}" />
|
|
|
|
<asp:TemplateField ItemStyle-HorizontalAlign="Center" HeaderText="Comandos">
|
|
<ItemTemplate>
|
|
<asp:LinkButton ID="imgE" runat="server" AlternateText="Editar" CausesValidation="False" CssClass="btn btn-circle btn-xs green" OnClick="EditPoliza_Click" Text="<i class='fa fa-pencil'></i>" />
|
|
<asp:LinkButton ID="imgD" runat="server" AlternateText="Eliminar" OnClick="DeletePoliza_Click" CausesValidation="False" CssClass="btn btn-circle btn-xs red" Text="<i class='icon-trash'></i>" data-toggle="confirmation" data-popout="true" data-original-title="Confirmar" data-btn-ok-label="si" />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
</Columns>
|
|
</asp:GridView>
|
|
|
|
<asp:HiddenField ID="HdnModalidadPoliza" runat="server" Value="A" ClientIDMode="Static" />
|
|
<asp:HiddenField ID="HdnIDPoliza" runat="server" Value="-1" ClientIDMode="Static" />
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</ajax:TabPanel>
|
|
|
|
<ajax:TabPanel ID="TabIncidentes" runat="server" HeaderText="Incidentes">
|
|
<ContentTemplate>
|
|
<asp:Literal ID="Literal1" runat="server"></asp:Literal>
|
|
<div class="portlet box blue-hoki" style="width: 100%;">
|
|
<div class="portlet-title">
|
|
<div class="caption">
|
|
<i class="fa fa-bolt"></i>Incidentes
|
|
</div>
|
|
</div>
|
|
<asp:UpdatePanel ID="UpIncidentes" class="portlet-body" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:Button ID="Button1" runat="server" ClientIDMode="Static" Text="Resfrecar Eventos" Style="display: none;" />
|
|
|
|
<asp:GridView ID="GvIncidentes" runat="server" GridLines="None" data-sort="true" DataKeyNames="CveIncidente,Asunto,Descripcion,Prioridad,Odometro,Horometro,FechaIncidente" CssClass="table table-striped table-advance table-hover Widthall ScrollAD" CellSpacing="0" Width="100%" AutoGenerateColumns="False" EmptyDataText="No se encontraron registros" ToolTip="Listado de Operadores">
|
|
<Columns>
|
|
<asp:BoundField DataField="FechaIncidente" HeaderText="Fecha Incidente" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:d}" />
|
|
<asp:BoundField DataField="Asunto" HeaderText="Asunto" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:BoundField DataField="Descripcion" HeaderText="Descripción" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:BoundField DataField="PrioridadTexto" HeaderText="Prioridad" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:F2}" HtmlEncode="false" />
|
|
<asp:BoundField DataField="Horometro" HeaderText="Odometro/Horometro" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Right" />
|
|
|
|
<asp:TemplateField ItemStyle-HorizontalAlign="Center" HeaderText="Comandos">
|
|
<ItemTemplate>
|
|
<asp:LinkButton ID="imgE" runat="server" AlternateText="Editar" CausesValidation="False" CssClass="btn btn-circle btn-xs green" OnClick="EditIndicente_Click" Text="<i class='fa fa-pencil'></i>" />
|
|
<asp:LinkButton ID="imgD" runat="server" AlternateText="Eliminar" OnClick="DeleteIncidente_Click" CausesValidation="False" CssClass="btn btn-circle btn-xs red" Text="<i class='icon-trash'></i>" data-toggle="confirmation" data-popout="true" data-original-title="Confirmar" data-btn-ok-label="si" />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
</Columns>
|
|
</asp:GridView>
|
|
|
|
<asp:HiddenField ID="HdnModalidadIncidente" runat="server" Value="A" ClientIDMode="Static" />
|
|
<asp:HiddenField ID="HdnIDIndicente" runat="server" Value="-1" ClientIDMode="Static" />
|
|
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</ContentTemplate>
|
|
</ajax:TabPanel>
|
|
|
|
<ajax:TabPanel ID="TabServyMant" runat="server" HeaderText="Servicios y Mto">
|
|
<ContentTemplate>
|
|
<asp:Literal ID="Literal2" runat="server"></asp:Literal>
|
|
<div class="portlet box blue-hoki" style="width: 100%;">
|
|
<div class="portlet-title">
|
|
<div class="caption">
|
|
<i class="fa fa-cog"></i>Servicios
|
|
</div>
|
|
</div>
|
|
<asp:UpdatePanel ID="UpServMant" class="portlet-body" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:Button ID="Button2" runat="server" ClientIDMode="Static" Text="Resfrecar Servicios" Style="display: none;" />
|
|
<asp:Label ID="LblTotalServicios" runat="server" Font-Bold="true" Font-Size="14px" Text="Total Servicios $0.0" />
|
|
<asp:GridView ID="GvServiciosMant" HeaderStyle-CssClass="Titulos" CssClass="table table-striped table-hover Widthall"
|
|
Style="text-align: center;" GridLines="None" DataKeyNames="CveServicio,CveAF, CveTipoServicio, TipoServicio, FechaServicio,Importe, CveProveedor, CveCompra, Horometro, Observaciones, ProveedorServicio" runat="server" BorderWidth="0px" AutoGenerateColumns="False" EmptyDataText="No se encontraron Servicios registrados." ToolTip="Listado de Servicios">
|
|
<Columns>
|
|
<asp:TemplateField>
|
|
<HeaderTemplate>Tipo</HeaderTemplate>
|
|
<ItemTemplate>
|
|
<asp:Literal ID="LtlTipo" runat="server" Text='<%# Eval("TipoServicio") %>'></asp:Literal>
|
|
</ItemTemplate>
|
|
<ItemStyle HorizontalAlign="Left" />
|
|
</asp:TemplateField>
|
|
<asp:TemplateField>
|
|
<HeaderTemplate>Fecha</HeaderTemplate>
|
|
<ItemTemplate>
|
|
<asp:Literal ID="LtlFecha" runat="server" Text='<%# Eval("FechaServicio", "{0:d}") %>'></asp:Literal>
|
|
</ItemTemplate>
|
|
<ItemStyle HorizontalAlign="Center" />
|
|
</asp:TemplateField>
|
|
<asp:TemplateField>
|
|
<HeaderTemplate>Proveedor</HeaderTemplate>
|
|
<ItemTemplate><%# Eval("ProveedorServicio") %>
|
|
</ItemTemplate>
|
|
<ItemStyle HorizontalAlign="Left" />
|
|
</asp:TemplateField>
|
|
<%-- <asp:TemplateField>
|
|
<HeaderTemplate>Factura</HeaderTemplate>
|
|
<ItemTemplate>
|
|
<asp:HyperLink ID="HplFactura" runat="server" Target="_blank" Text='<%# Eval("SerieFolio") %>' NavigateUrl='<%# Eval("CveCompra", "/Compras/Compras.aspx?CveCompra={0}")%>'></asp:HyperLink>
|
|
</ItemTemplate>
|
|
<ItemStyle HorizontalAlign="Center" />
|
|
</asp:TemplateField>--%>
|
|
<asp:TemplateField>
|
|
<HeaderTemplate>Total</HeaderTemplate>
|
|
<ItemTemplate>
|
|
<asp:Label ID="LblTotal" runat="server" Text='<%# "$" + Eval("Importe", "{0:N2}") %>'></asp:Label>
|
|
</ItemTemplate>
|
|
<ItemStyle HorizontalAlign="Center" />
|
|
</asp:TemplateField>
|
|
<asp:TemplateField>
|
|
<HeaderTemplate>Odometro/Horometro</HeaderTemplate>
|
|
<ItemTemplate>
|
|
<asp:Literal ID="LtlOdHorometro" runat="server" Text='<%# Eval("Horometro", "{0:N2}") %>'></asp:Literal>
|
|
</ItemTemplate>
|
|
<ItemStyle HorizontalAlign="Center" />
|
|
</asp:TemplateField>
|
|
<asp:TemplateField>
|
|
<HeaderTemplate>Observaciones</HeaderTemplate>
|
|
<ItemTemplate>
|
|
<asp:Literal ID="LtlObservaciones" runat="server" Text='<%# Eval("Observaciones") %>'></asp:Literal>
|
|
</ItemTemplate>
|
|
<ItemStyle HorizontalAlign="Left" />
|
|
</asp:TemplateField>
|
|
|
|
<asp:TemplateField ItemStyle-HorizontalAlign="Center" HeaderText="Comandos">
|
|
<ItemTemplate>
|
|
<asp:LinkButton ID="imgE" runat="server" AlternateText="Editar" CausesValidation="False" CssClass="btn btn-circle btn-xs green" OnClick="EditServicio_Click" Text="<i class='fa fa-pencil'></i>" />
|
|
<asp:LinkButton ID="imgD" runat="server" AlternateText="Eliminar" OnClick="DeleteServicio_Click" CausesValidation="False" CssClass="btn btn-circle btn-xs red" Text="<i class='icon-trash'></i>" data-toggle="confirmation" data-popout="true" data-original-title="Confirmar" data-btn-ok-label="si" />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
</Columns>
|
|
</asp:GridView>
|
|
|
|
<asp:HiddenField ID="HdnModalidadServicio" runat="server" Value="A" ClientIDMode="Static" />
|
|
<asp:HiddenField ID="HdnIdServicio" runat="server" Value="-1" ClientIDMode="Static" />
|
|
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</ContentTemplate>
|
|
</ajax:TabPanel>
|
|
|
|
<ajax:TabPanel ID="TabConfig" runat="server" HeaderText="Configuración">
|
|
<ContentTemplate>
|
|
<asp:UpdatePanel runat="server" ID="UpdatePanel2" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="row" style="margin-top: 15px;">
|
|
<div class="col-md-6">
|
|
<div class="portlet light smmallpadding bordered " style="height: 431px">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="icon-pin font-green"></i>
|
|
<span class="caption-subject bold uppercase">Datos del Vehículo:</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group"></div>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body nomarginleftright form-horizontal form-row-sepe formnombottom ">
|
|
<asp:UpdatePanel runat="server" ID="UpDispositivo" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtNoEconomicoE" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<asp:Label runat="server" Text="Número Económico:" AssociatedControlID="TxtNoEconomicoE" style="margin-top: -6px"></asp:Label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtNombreV" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<asp:Label runat="server" Text="Nombre Vehículo:" AssociatedControlID="TxtNombreV" style="margin-top: -6px"></asp:Label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtColorV" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<asp:Label runat="server" Text="Color Vehículo:" AssociatedControlID="TxtColorV" style="margin-top: -6px"></asp:Label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<input type="hidden" onchange="CambiaColor();" id="hidden-input" class="demo" value="" style="margin-top: 10PX; width: 20%;">
|
|
<asp:TextBox ID="TxtColorTrazo" ClientIDMode="static" runat="server" Style="display: none" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<asp:HiddenField ID="hdnColorTrazo" ClientIDMode="static" runat="server" Value="#0088FF" />
|
|
<asp:Label runat="server" Text="Color Trazo En Mapa:" AssociatedControlID="TxtColorTrazo" style="margin-top: -6px"></asp:Label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtModeloV" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<asp:Label runat="server" Text="Modelo Vehículo:" AssociatedControlID="TxtModeloV" style="margin-top: -6px"></asp:Label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtAñoV" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<asp:Label runat="server" Text="Año Vehículo:" AssociatedControlID="TxtAñoV" style="margin-top: -6px"></asp:Label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtPlacasV" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<asp:Label runat="server" Text="Placas:" AssociatedControlID="TxtPlacasV" style="margin-top: -6px"></asp:Label>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="portlet light smmallpadding bordered ">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="icon-pin font-green"></i>
|
|
<span class="caption-subject bold uppercase">Detalles:</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group"></div>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body nomarginleftright form-horizontal form-row-sepe formnombottom">
|
|
<asp:UpdatePanel runat="server" ID="UpConfiguracion" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtSerieV" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<asp:Label runat="server" Text="Serie Vehículo:" AssociatedControlID="TxtSerieV" style="margin-top: -6px"></asp:Label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtClaseVehiculo" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<asp:Label runat="server" Text="Clase Vehículo:" AssociatedControlID="TxtClaseVehiculo" style="margin-top: -6px"></asp:Label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:Label runat="server" Text="Aplica Límite de Velocidad:" AssociatedControlID="chkLimiteVelocidad"></asp:Label>
|
|
<label></label>
|
|
<br />
|
|
<asp:CheckBox ID="chkLimiteVelocidad" Text=" " AutoPostBack="true" runat="server" CssClass="chksino" Width="250px"></asp:CheckBox>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtLimiteVelocidad" Enabled="false" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<asp:Label runat="server" Text="Limite Velocidad (KM/H):" AssociatedControlID="TxtLimiteVelocidad" style="margin-top: -6px"></asp:Label>
|
|
<ajax:FilteredTextBoxExtender ID="FTBSerie" runat="server" TargetControlID="TxtLimiteVelocidad" FilterType="Numbers" />
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtRendimiento" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<asp:Label runat="server" Text="Rendimiento:" AssociatedControlID="TxtRendimiento" style="margin-top: -6px"></asp:Label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtDetallesE" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<asp:Label runat="server" Text="Otros Detalles:" AssociatedControlID="TxtDetallesE" style="margin-top: -6px"></asp:Label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtCostoCombustible" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<ajax:FilteredTextBoxExtender ID="FTBCombustible" runat="server" TargetControlID="TxtCostoCombustible" FilterType="Numbers, Custom" ValidChars="." />
|
|
<asp:Label runat="server" Text="Costo Combustible (MXN)" AssociatedControlID="TxtDetallesE" style="margin-top: -6px"></asp:Label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtCostoKM" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<ajax:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server" TargetControlID="TxtCostoKM" FilterType="Numbers, Custom" ValidChars="." />
|
|
<asp:Label runat="server" Text="Costo Kilometro Recorrido (MXN)" AssociatedControlID="TxtCostoKM" style="margin-top: -6px"></asp:Label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlConductor" Width="230px" runat="server" DataTextField="Conductor" DataValueField="CveConductor" CssClass="form-control input-sm select2me "></asp:DropDownList>
|
|
<asp:Label runat="server" Text="Conductor:" AssociatedControlID="DdlConductor" style="margin-top: -6px"></asp:Label>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="height: 300px;">
|
|
<div class="col-md-6">
|
|
<div class="portlet light smmallpadding bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="icon-pin font-green"></i>
|
|
<span class="caption-subject bold uppercase">Icono:</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group"></div>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body nomarginleftright form-horizontal form-row-sepe formnombottom ">
|
|
<asp:UpdatePanel runat="server" ID="UpdatePanel3" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:HiddenField ID="hdnIconoURL" ClientIDMode="static" runat="server" Value="" />
|
|
<asp:GridView ID="GvIconos" runat="server" DataKeyNames="URL" CssClass="table table-striped table-advance table-hover" AutoGenerateColumns="false" CellSpacing="0" GridLines="none" EmptyDataText="No se encontraron registros" Style="width: 100%">
|
|
<Columns>
|
|
<asp:BoundField DataField="Imagen" ItemStyle-Width="45%" HeaderText="" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:ImageField ControlStyle-Width="28" ControlStyle-Height="28" DataImageUrlField="URL" DataImageUrlFormatString="~\Imagenes\{0}.png" ItemStyle-Width="45%" HeaderText="Imagen" ItemStyle-HorizontalAlign="Center" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3" style="margin-left: 13%; margin-top: 10%;">
|
|
<div class="portlet light smmallpadding bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="fa fa-check font-green"></i>
|
|
<span class="caption-subject bold uppercase">Acciones:</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group"></div>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body nomarginleftright form-horizontal form-row-sepe formnombottom " style="text-align: center">
|
|
<asp:UpdatePanel runat="server" ID="UpdatePanel6" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:Button Text="Actualizar y Recargar" ID="BtnGuardar" CssClass="btn btn-primary" runat="server" />
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</ContentTemplate>
|
|
</ajax:TabPanel>
|
|
<ajax:TabPanel ID="TabPasajeros" runat="server" HeaderText="Pasajeros">
|
|
<ContentTemplate>
|
|
<asp:UpdatePanel runat="server" ID="UpPasajeros" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="row" style="margin-top: 15px;">
|
|
<div class="col-md-6">
|
|
<div class="portlet light smmallpadding bordered " style="height: 431px">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="icon-pin font-green"></i>
|
|
<span class="caption-subject bold uppercase">Datos de pasajeros:</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group"></div>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body nomarginleftright form-horizontal form-row-sepe formnombottom ">
|
|
<asp:UpdatePanel runat="server" ID="UpPorletPasajeros" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtMinimos" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<ajax:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="TxtMinimos" FilterType="Numbers" />
|
|
<label style="margin-top: -6px" for="<%= TxtMinimos.ClientID.ToString()%>">Cantidad de pasajeros minima:</label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtMaximos" runat="server" CssClass="form-control" MaxLength="50" CausesValidation="true"></asp:TextBox>
|
|
<ajax:FilteredTextBoxExtender ID="FilteredTextBoxExtender2" runat="server" TargetControlID="TxtMaximos" FilterType="Numbers" />
|
|
<label style="margin-top: -6px" for="<%= TxtMaximos.ClientID.ToString()%>">Cantidad de pasajeros maxima:</label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlRuta" runat="server" CssClass="form-control select2me" DataTextField="Ruta" DataValueField="CveRuta"></asp:DropDownList>
|
|
<label style="margin-top: -6px" for="<%= DdlRuta.ClientID.ToString()%>">Ruta:</label>
|
|
</div>
|
|
<br />
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
</div>
|
|
<div class="col-md-4">
|
|
<asp:Button Text="Actualizar y Recargar" ID="BtnAgregarPasajero" OnClick="BtnAgregarPasajero_Click" CssClass="btn btn-primary" runat="server" />
|
|
|
|
</div>
|
|
<div class="col-md-4">
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="portlet light smmallpadding bordered " style="height: 431px">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="icon-pin font-green"></i>
|
|
<span class="caption-subject bold uppercase">Paradas:</span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group"></div>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body nomarginleftright form-horizontal form-row-sepe formnombottom ">
|
|
<asp:UpdatePanel runat="server" ID="UpGvParadas" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:GridView ID="GvParadas" runat="server" DataKeyNames="CveGeoReferencia,GeoReferencia,Coordenadas,Color,Tipo,Importe" Style="table-layout: fixed" AutoGenerateColumns="False" EmptyDataText="No se encontraron Tramas" GridLines="none" ToolTip="Listado de Tramas" CssClass="table table-striped table-hover ScrollAD Widthall">
|
|
<Columns>
|
|
<asp:BoundField DataField="GeoReferencia" ItemStyle-Width="20%" HeaderText="Parada" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:BoundField DataField="Tipo" ItemStyle-Width="20%" HeaderText="Tipo" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:TemplateField HeaderText="Color" ItemStyle-Width="20%" ItemStyle-HorizontalAlign="Center">
|
|
<ItemTemplate>
|
|
<asp:LinkButton ID="imgColor" HeaderText="Color" runat="server" Style="height: 20px;" Enabled="false" CausesValidation="False" CssClass="btn btn-circle btn-sm green" />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
<asp:TemplateField ItemStyle-HorizontalAlign="Center" ItemStyle-Width="20%" HeaderText="Estatus">
|
|
<ItemTemplate>
|
|
<asp:Label ID="LblEstatus" runat="server" Text='<%# Eval("Estatus") %>'>></asp:Label>
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
<asp:TemplateField HeaderText="Editar" ItemStyle-Width="5%" ItemStyle-HorizontalAlign="Center">
|
|
<ItemTemplate>
|
|
<asp:LinkButton ID="imgE" HeaderText="Eliminar" runat="server" AlternateText="Editar" CausesValidation="False" CssClass="btn btn-circle btn-sm green" Text="<i class='fa fa-pencil'></i>" OnClick="ImgEditarParada_Click" />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
<asp:TemplateField HeaderText="Eliminar" ItemStyle-Width="5%" ItemStyle-HorizontalAlign="Center">
|
|
<ItemTemplate>
|
|
<asp:LinkButton ID="imgD" runat="server" AlternateText="Eliminar" CausesValidation="False" CommandName="Delete" CssClass="btn btn-circle btn-sm red" Text="<i class='icon-trash'></i>" data-toggle="confirmation" data-popout="true" data-original-title="Confirmar" data-btn-ok-label="si" />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
</Columns>
|
|
</asp:GridView>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</ContentTemplate>
|
|
</ajax:TabPanel>
|
|
<ajax:TabPanel ID="TabCanBus" runat="server" HeaderText="Can Bus" Visible="false">
|
|
<ContentTemplate>
|
|
<asp:UpdatePanel runat="server" ID="UpCanBus" UpdateMode="conditional">
|
|
<ContentTemplate>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="portlet solid grey-cascade portlet-filter">
|
|
<div class="portlet-title portlet-filterT smalltitle magindate">
|
|
<div class="tools">
|
|
<asp:Button ID="BtnCargaCanBus" ClientIDMode="Static" OnClick="BtnCargaCanBus_Click" runat="server" Text="Consultar" class="btn btn-primary" />
|
|
</div>
|
|
<div class="titlefiltros caption ">
|
|
<ul class="list-inline" style="font-size: 12px;">
|
|
<li>Tipo Consulta:
|
|
<asp:DropDownList ID="DdlFechaCanBus" Width="150px" runat="server" CssClass="form-control input-sm select2me">
|
|
<asp:ListItem Value="Last" Selected="true" Text="Última Trama"></asp:ListItem>
|
|
<asp:ListItem Value="Last10" Text="Últimas 10"></asp:ListItem>
|
|
<asp:ListItem Value="Today" Text="Hoy"></asp:ListItem>
|
|
<asp:ListItem Value="Yesterday" Text="Ayer"></asp:ListItem>
|
|
<asp:ListItem Value="Week" Text="Semana"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<asp:UpdatePanel ID="UpGvCanBus" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="row">
|
|
<div class="col-md-12 ">
|
|
<div class="portlet light bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="fa fa-car font-green"></i>
|
|
<span class="caption-subject bold uppercase">Respuestas de la Unidad:
|
|
<asp:Literal ID="Literal4" runat="server"></asp:Literal></span>
|
|
</div>
|
|
<div class="actions">
|
|
</div>
|
|
<div class="tools">
|
|
<div class="btn-group">
|
|
<asp:LinkButton ID="BtnRecargarCanBus" runat="server" Text="<i class='fa fa-refresh'></i> Refrescar" CssClass="btn btn-primary" OnClick="BtnRecargarCanBus_Click" />
|
|
</div>
|
|
<a href="javascript:;" class="collapse"></a>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body form">
|
|
<div style="max-height: 392px; overflow-y: scroll">
|
|
<asp:GridView ID="GvCanBus" runat="server" DataKeyNames="CveTrama,Posicion,FechaTrama,Lat,Lon,TO,TF,VS,DID,DID_REG,DTC,ENGINE_SVE,IF,E_TMP,OIL_PRE,E_RPM,T_CRU,E_IDLE,F_ECO" Style="table-layout: fixed" AutoGenerateColumns="False" EmptyDataText="No se encontraron Tramas" GridLines="none" ToolTip="Listado de Tramas" CssClass="table table-striped table-hover ScrollAD Widthall">
|
|
<Columns>
|
|
<asp:TemplateField HeaderText="HDR">
|
|
<ItemTemplate>
|
|
<asp:LinkButton runat="server" Text='<%# Eval("HDR") %>' OnClick="LnkTrama_Click"></asp:LinkButton>
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
<asp:BoundField HeaderText="Fecha" DataField="FechaTrama" DataFormatString="{0:dd/MM/yyyy hh:mm tt}" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:BoundField HeaderText="Odómetro/Horometro" DataField="TO" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:BoundField HeaderText="Combustible Usado" DataField="TF" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:BoundField HeaderText="Velocidad Actual" DataField="VS" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:BoundField HeaderText="RPM" DataField="E_RPM" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:BoundField HeaderText="Presión de Aceite" DataField="OIL_PRE" DataFormatString="{0:N2}" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:HyperLinkField DataNavigateUrlFields="Lat,Lon" HeaderStyle-HorizontalAlign="center" Target="_blank" Text="Ir" HeaderText="Google Maps" ItemStyle-Width="20%" ItemStyle-HorizontalAlign="Center" DataNavigateUrlFormatString="https://www.google.com/maps/search/{0},{1}/" />
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</ContentTemplate>
|
|
</ajax:TabPanel>
|
|
<ajax:TabPanel ID="TabLog" runat="server" HeaderText="Ver Log">
|
|
<ContentTemplate>
|
|
<asp:UpdatePanel runat="server" ID="UpDispositivoLog" UpdateMode="conditional">
|
|
<ContentTemplate>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="portlet solid grey-cascade portlet-filter">
|
|
<div class="portlet-title portlet-filterT smalltitle magindate">
|
|
<div class="tools">
|
|
<asp:Button ID="BtnCargaLog" ClientIDMode="Static" runat="server" OnClick="BtnCargaLog_Click" ValidationGroup="GrpLog" Text="Consultar" class="btn btn-primary" />
|
|
</div>
|
|
<div class="titlefiltros caption ">
|
|
<ul class="list-inline" style="font-size: 12px;">
|
|
<li>Tipo Consulta:
|
|
<asp:DropDownList ID="DdlTipoConsultaLog" Width="150px" runat="server" CssClass="form-control input-sm select2me">
|
|
<asp:ListItem Value="Last" Selected="true" Text="Última Trama"></asp:ListItem>
|
|
<asp:ListItem Value="Last10" Text="Últimas 10"></asp:ListItem>
|
|
<asp:ListItem Value="Today" Text="Hoy"></asp:ListItem>
|
|
<asp:ListItem Value="Yesterday" Text="Ayer"></asp:ListItem>
|
|
<asp:ListItem Value="Week" Text="Semana"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
</li>
|
|
|
|
<li id="liFechaLogI" visible="false" runat="server">Fecha I.:
|
|
<div class="input-group input-sm date date-picker " data-date-format="dd/mm/yyyy" style="display: inline-block;">
|
|
<asp:TextBox ID="TxtFechaLogI" runat="server" CssClass="form-control input-sm" CausesValidation="true" MaxLength="10" Width="82px "></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="LinkButton1" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
</div>
|
|
<ajax:MaskedEditExtender ID="MaskedEditExtender8" runat="server" TargetControlID="TxtFechaLogI" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CalendarExtender8" TargetControlID="TxtFechaLogI" PopupButtonID="LinkButton1" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
<asp:CompareValidator ID="CompareValidator3" runat="server" ControlToValidate="TxtFechaLogI" Display="None" ErrorMessage="El campo <b>''Fecha Inicial''</b> no tienes el formato correcto, por favor intente de nuevo con el siguiente formato: (dd/mm/yyyy)." Operator="DataTypeCheck" Type="Date" ValidationGroup="Valida"></asp:CompareValidator>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender15" runat="server" HighlightCssClass="vco" TargetControlID="CompareValidator1" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
</li>
|
|
<li id="liFechaLogF" runat="server" visible="false">Fecha F.:
|
|
<div class="input-group input-sm date date-picker " data-date-format="dd/mm/yyyy" style="display: inline-block;">
|
|
<asp:TextBox ID="TxtFechaLogF" runat="server" CssClass="form-control input-sm" CausesValidation="true" MaxLength="10" Width="82px "></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="LinkButton2" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
</div>
|
|
<ajax:MaskedEditExtender ID="MaskedEditExtender9" runat="server" TargetControlID="TxtFechaLogF" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CalendarExtender9" TargetControlID="TxtFechaLogF" PopupButtonID="LinkButton2" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
<asp:CompareValidator ID="CompareValidator4" runat="server" ControlToValidate="TxtFechaLogF" Display="None" ErrorMessage="El campo <b>''Fecha Final''</b> no tienes el formato correcto, por favor intente de nuevo con el siguiente formato: (dd/mm/yyyy)." Operator="DataTypeCheck" Type="Date" ValidationGroup="Valida"></asp:CompareValidator>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender16" runat="server" HighlightCssClass="vco" TargetControlID="CompareValidator2" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<asp:UpdatePanel ID="UpGVLog" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="row">
|
|
<div class="col-md-12 ">
|
|
<div class="portlet light bordered">
|
|
<div class="portlet-title">
|
|
<div class="caption font-green">
|
|
<i class="fa fa-car font-green"></i>
|
|
<span class="caption-subject bold uppercase">Log de la unidad:
|
|
<asp:Literal ID="ltlSerieLog" runat="server"></asp:Literal></span>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
<div class="tools">
|
|
<a href="javascript:;" class="collapse"></a>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body form">
|
|
<div style="max-height: 392px; overflow-y: scroll">
|
|
<asp:GridView ID="GVLog" runat="server" DataKeyNames="CveTrama" OnRowDeleting="GVLog_RowDeleting" AutoGenerateColumns="False" EmptyDataText="No se encontraron Tramas" GridLines="none" ToolTip="Listado de Tramas" CssClass="table table-striped table-hover Widthall">
|
|
<Columns>
|
|
<asp:BoundField HeaderText="Fecha" DataField="FechaTrama" ItemStyle-HorizontalAlign="Left" ItemStyle-Width="15%" />
|
|
<asp:BoundField HeaderText="Trama" DataField="Trama" ItemStyle-HorizontalAlign="Left" ItemStyle-Width="75%" />
|
|
<asp:TemplateField HeaderText="Eliminar" ItemStyle-Width="10%" ItemStyle-HorizontalAlign="Center" Visible="false">
|
|
<ItemTemplate>
|
|
<asp:LinkButton ID="imgD" runat="server" AlternateText="Eliminar" CausesValidation="False" CommandName="Delete" CssClass="btn btn-circle btn-sm red" Text="<i class='icon-trash'></i>" data-toggle="confirmation" data-popout="true" data-original-title="Confirmar" data-btn-ok-label="si" />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
</Columns>
|
|
</asp:GridView>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</ContentTemplate>
|
|
</ajax:TabPanel>
|
|
|
|
|
|
</ajax:TabContainer>
|
|
|
|
<%-- MODAL PLACAS --%>
|
|
<div id="DivAddPlacas" class="modal ADS fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content rowpadding" tabindex="-1">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="myModalLabel" runat="server">Agregar Placa</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<asp:UpdatePanel ID="UpBodyPlacas" UpdateMode="Conditional" runat="server">
|
|
<ContentTemplate>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtPlaca" runat="server" CssClass="form-control" CausesValidation="true" MaxLength="50"></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RFVPlaca" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtPlaca" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Placa''</b> es necesario, por favor ingréselo." ValidationGroup="GrpPlacas"></asp:RequiredFieldValidator>
|
|
<label for="<%= TxtPlaca.ClientID.ToString()%>">Placa:</label>
|
|
</div>
|
|
|
|
<label for="<%= TxtFechaExpedicion.ClientID.ToString()%>">Fecha Expedición:</label>
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 120px !important; padding: 0px;">
|
|
<asp:TextBox ID="TxtFechaExpedicion" runat="server" CssClass="form-control" CausesValidation="true" Style="width: 118px" MaxLength="10"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="ImgFecha" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
<ajax:MaskedEditExtender ID="MEE" runat="server" TargetControlID="TxtFechaExpedicion" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CEFecha" TargetControlID="TxtFechaExpedicion" PopupButtonID="ImgFecha" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
<asp:RequiredFieldValidator ID="RFVFecha" runat="server" ControlToValidate="TxtFechaExpedicion" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Expedición''</b> es necesario, por favor ingréselo." ValidationGroup="GrpPlacas"></asp:RequiredFieldValidator>
|
|
<asp:CompareValidator ID="CVFecha" runat="server" ControlToValidate="TxtFechaExpedicion" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Expedición''</b> no tiene el formato correcto, por favor intente de nuevo con el siguiente formato: (dd/mm/yyyy)." Operator="DataTypeCheck" Type="Date" ValidationGroup="GrpPlacas"></asp:CompareValidator>
|
|
<ajax:ValidatorCalloutExtender ID="VCOFecha1" runat="server" HighlightCssClass="vco" TargetControlID="RFVFecha" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
<ajax:ValidatorCalloutExtender ID="VCOFecha2" runat="server" HighlightCssClass="vco" TargetControlID="CVFecha" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
</div>
|
|
|
|
<label for="<%= TxtFechaVencimiento.ClientID.ToString()%>">Fecha Vencimiento:</label>
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 120px !important; padding: 0px;">
|
|
<asp:TextBox ID="TxtFechaVencimiento" runat="server" CssClass="form-control" CausesValidation="true" Style="width: 118px" MaxLength="10"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="ImgFechaVencimiento" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
<ajax:MaskedEditExtender ID="MaskedEditExtender2" runat="server" TargetControlID="TxtFechaVencimiento" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CalendarExtender1" TargetControlID="TxtFechaVencimiento" PopupButtonID="ImgFechaVencimiento" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
<asp:RequiredFieldValidator ID="RFVFechaVencimiento" runat="server" ControlToValidate="TxtFechaVencimiento" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Vencimiento''</b> es necesario, por favor ingréselo." ValidationGroup="GrpPlacas"></asp:RequiredFieldValidator>
|
|
<asp:CompareValidator ID="CompareValidator1" runat="server" ControlToValidate="TxtFechaVencimiento" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Vencimiento''</b> no tiene el formato correcto, por favor intente de nuevo con el siguiente formato: (dd/mm/yyyy)." Operator="DataTypeCheck" Type="Date" ValidationGroup="GrpPlacas"></asp:CompareValidator>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server" HighlightCssClass="vco" TargetControlID="RFVFechaVencimiento" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender2" runat="server" HighlightCssClass="vco" TargetControlID="RFVFechaVencimiento" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
</div>
|
|
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<asp:UpdatePanel ID="UpFooter" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="BtnAgregarPlaca" runat="server" CssClass="btn btn-primary" ValidationGroup="GrpPlacas">Agregar</asp:LinkButton>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%-- MODAL Licencia --%>
|
|
<div id="DivAddLicencias" class="modal ADS fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
<asp:UpdatePanel ID="UpAddLicencias" class="modal-content rowpadding" tabindex="-1" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="LabelLicencia" runat="server">Agregar Licencia</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<asp:UpdatePanel ID="UpBodyLicencias" UpdateMode="Conditional" runat="server">
|
|
<ContentTemplate>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtLicencia" runat="server" CssClass="form-control" CausesValidation="true" MaxLength="50"></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RFVLicencia" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtLicencia" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Licencia''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorioL"></asp:RequiredFieldValidator>
|
|
<label for="<%= TxtLicencia.ClientID.ToString()%>">Licencia:</label>
|
|
</div>
|
|
|
|
<label for="<%= TxtFechaExpedicion.ClientID.ToString()%>">Fecha Expedición:</label>
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 120px !important; padding: 0px;">
|
|
<asp:TextBox ID="TxtFechaExpLicencia" runat="server" CssClass="form-control" CausesValidation="true" Style="width: 118px" MaxLength="10"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="ImgFLicencia" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
<ajax:MaskedEditExtender ID="MaskedEditExtender1" runat="server" TargetControlID="TxtFechaExpLicencia" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CalendarExtender2" TargetControlID="TxtFechaExpLicencia" PopupButtonID="ImgFLicencia" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
<asp:RequiredFieldValidator ID="RFVFechaExpLicencia" runat="server" ControlToValidate="TxtFechaExpLicencia" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Expedición''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorioL"></asp:RequiredFieldValidator>
|
|
<asp:CompareValidator ID="CvFechaExpLicencia" runat="server" ControlToValidate="TxtFechaExpLicencia" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Expedición''</b> no tiene el formato correcto, por favor intente de nuevo con el siguiente formato: (dd/mm/yyyy)." Operator="DataTypeCheck" Type="Date" ValidationGroup="GrpObligatorioL"></asp:CompareValidator>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender3" runat="server" HighlightCssClass="vco" TargetControlID="RFVFechaExpLicencia" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender4" runat="server" HighlightCssClass="vco" TargetControlID="CvFechaExpLicencia" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
</div>
|
|
|
|
<label for="<%= TxtFechaVencimiento.ClientID.ToString()%>">Fecha Vencimiento:</label>
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 120px !important; padding: 0px;">
|
|
<asp:TextBox ID="TxtFechaVencLicencia" runat="server" CssClass="form-control" CausesValidation="true" Style="width: 118px" MaxLength="10"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="ImgVLicencia" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
<ajax:MaskedEditExtender ID="MaskedEditExtender3" runat="server" TargetControlID="TxtFechaVencLicencia" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CalendarExtender3" TargetControlID="TxtFechaVencLicencia" PopupButtonID="ImgVLicencia" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
<asp:RequiredFieldValidator ID="RFVFechaVLicencia" runat="server" ControlToValidate="TxtFechaVencLicencia" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Vencimiento''</b> es necesario, por favor ingréselo." ValidationGroup="GrpSolicitarMateriales"></asp:RequiredFieldValidator>
|
|
<asp:CompareValidator ID="CvFechaFLicencia" runat="server" ControlToValidate="TxtFechaVencLicencia" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Vencimiento''</b> no tiene el formato correcto, por favor intente de nuevo con el siguiente formato: (dd/mm/yyyy)." Operator="DataTypeCheck" Type="Date" ValidationGroup="GrpObligatorioL"></asp:CompareValidator>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender5" runat="server" HighlightCssClass="vco" TargetControlID="RFVFechaVLicencia" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender6" runat="server" HighlightCssClass="vco" TargetControlID="CvFechaFLicencia" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
</div>
|
|
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<div class="modal-footer">
|
|
<asp:UpdatePanel ID="UpFooterLicencia" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="BtnAgregarLicencia" runat="server" CssClass="btn btn-primary" ValidationGroup="GrpObligatorioL"> <i class='material-icons'>done_all</i>Agregar</asp:LinkButton>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
|
|
<%-- MODAL Polizas Seguro --%>
|
|
<div id="DivAddPolizas" class="modal ADS fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
<asp:UpdatePanel ID="UpAddPolizas" class="modal-content rowpadding" tabindex="-1" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>f
|
|
</button>
|
|
<h4 class="modal-title" id="LabelPolizas" runat="server">Agregar Pólizas de Seguro</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<asp:UpdatePanel ID="UpBodyPoliza" UpdateMode="Conditional" runat="server">
|
|
<ContentTemplate>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtProveedor" runat="server" CssClass="form-control" CausesValidation="true" MaxLength="50"></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtProveedor" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Proveedor''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorioP"></asp:RequiredFieldValidator>
|
|
<label for="<%= TxtProveedor.ClientID.ToString()%>">Proveedor:</label>
|
|
</div>
|
|
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtPolizaSeguro" runat="server" CssClass="form-control" CausesValidation="true" MaxLength="50"></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RFVPoliza" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtPolizaSeguro" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Póliza''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorioP"></asp:RequiredFieldValidator>
|
|
<label for="<%= TxtPolizaSeguro.ClientID.ToString()%>">Póliza:</label>
|
|
</div>
|
|
|
|
<label for="<%= TxtFechaExpPoliza.ClientID.ToString()%>">Fecha Expedición:</label>
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 120px !important; padding: 0px;">
|
|
<asp:TextBox ID="TxtFechaExpPoliza" runat="server" CssClass="form-control" CausesValidation="true" Style="width: 118px" MaxLength="10"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="ImgFPoliza" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
<ajax:MaskedEditExtender ID="MaskedEditExtender4" runat="server" TargetControlID="TxtFechaExpPoliza" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CalendarExtender4" TargetControlID="TxtFechaExpPoliza" PopupButtonID="ImgFPoliza" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
<asp:RequiredFieldValidator ID="RFVFechaEPoliza" runat="server" ControlToValidate="TxtFechaExpPoliza" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Expedición''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorioP"></asp:RequiredFieldValidator>
|
|
<asp:CompareValidator ID="CVFechaEPoliza" runat="server" ControlToValidate="TxtFechaExpPoliza" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Expedición''</b> no tiene el formato correcto, por favor intente de nuevo con el siguiente formato: (dd/mm/yyyy)." Operator="DataTypeCheck" Type="Date" ValidationGroup="GrpObligatorioP"></asp:CompareValidator>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender7" runat="server" HighlightCssClass="vco" TargetControlID="RFVFechaEPoliza" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender8" runat="server" HighlightCssClass="vco" TargetControlID="CVFechaEPoliza" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
</div>
|
|
|
|
<label for="<%= TxtFechaVencimiento.ClientID.ToString()%>">Fecha Vencimiento:</label>
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 120px !important; padding: 0px;">
|
|
<asp:TextBox ID="TxtFechaVenPoliza" runat="server" CssClass="form-control" CausesValidation="true" Style="width: 118px" MaxLength="10"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="ImgFVPoliza" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
<ajax:MaskedEditExtender ID="MaskedEditExtender5" runat="server" TargetControlID="TxtFechaVenPoliza" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CalendarExtender5" TargetControlID="TxtFechaVenPoliza" PopupButtonID="ImgFVPoliza" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
<asp:RequiredFieldValidator ID="RFVFechaVPoliza" runat="server" ControlToValidate="TxtFechaVenPoliza" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Vencimiento''</b> es necesario, por favor ingréselo." ValidationGroup="GrpSolicitarMateriales"></asp:RequiredFieldValidator>
|
|
<asp:CompareValidator ID="CVFechaPoliza" runat="server" ControlToValidate="TxtFechaVenPoliza" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Vencimiento''</b> no tiene el formato correcto, por favor intente de nuevo con el siguiente formato: (dd/mm/yyyy)." Operator="DataTypeCheck" Type="Date" ValidationGroup="GrpObligatorioP"></asp:CompareValidator>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender9" runat="server" HighlightCssClass="vco" TargetControlID="RFVFechaVPoliza" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender10" runat="server" HighlightCssClass="vco" TargetControlID="CVFechaPoliza" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
</div>
|
|
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<asp:UpdatePanel ID="UpFooterPoliza" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="BtnAgregarPoliza" runat="server" CssClass="btn btn-primary" ValidationGroup="GrpObligatorioP">Agregar</asp:LinkButton>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
|
|
<%-- MODAL Incidentes --%>
|
|
<div id="DivAddIndicentes" class="modal ADS fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
<asp:UpdatePanel ID="UpAddIncidentes" class="modal-content rowpadding" tabindex="-1" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="LabelIndicente" runat="server">Registrar Incidente</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<asp:UpdatePanel ID="UpBodyIncidente" UpdateMode="Conditional" runat="server">
|
|
<ContentTemplate>
|
|
|
|
<label for="<%= ImgFechaIncidente.ClientID.ToString()%>">Fecha Incidente:</label>
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 120px !important; padding: 0px;">
|
|
<asp:TextBox ID="TxtFechaIncidente" runat="server" CssClass="form-control" CausesValidation="true" Style="width: 118px" MaxLength="10"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="ImgFechaIncidente" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
<ajax:MaskedEditExtender ID="MaskedEditExtender6" runat="server" TargetControlID="TxtFechaIncidente" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CalendarExtender6" TargetControlID="TxtFechaIncidente" PopupButtonID="ImgFechaIncidente" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
<asp:RequiredFieldValidator ID="RFVFechaIncidente" runat="server" ControlToValidate="TxtFechaIncidente" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Incidente''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorioI"></asp:RequiredFieldValidator>
|
|
<asp:CompareValidator ID="CVFechaIncidente" runat="server" ControlToValidate="TxtFechaIncidente" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Incidente''</b> no tiene el formato correcto, por favor intente de nuevo con el siguiente formato: (dd/mm/yyyy)." Operator="DataTypeCheck" Type="Date" ValidationGroup="GrpObligatorioI"></asp:CompareValidator>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender11" runat="server" HighlightCssClass="vco" TargetControlID="RFVFechaIncidente" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender12" runat="server" HighlightCssClass="vco" TargetControlID="CVFechaIncidente" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
</div>
|
|
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtAsuntoIncidente" runat="server" CssClass="form-control" CausesValidation="true" MaxLength="50"></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RFVAsunto" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtAsuntoIncidente" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Asunto''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorioI"></asp:RequiredFieldValidator>
|
|
<label for="<%= TxtAsuntoIncidente.ClientID.ToString()%>">Asunto:</label>
|
|
</div>
|
|
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtDescripcionIncidente" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RFVDescripcionIncidente" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtDescripcionIncidente" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Descripción''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorioI"></asp:RequiredFieldValidator>
|
|
<label for="<%= TxtDescripcionIncidente.ClientID.ToString()%>">Descripción:</label>
|
|
</div>
|
|
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtHorometro" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RFVHorometro" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtHorometro" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Horómetro''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorioI"></asp:RequiredFieldValidator>
|
|
<label for="<%= TxtHorometro.ClientID.ToString()%>">Odómetro/Horómetro:</label>
|
|
</div>
|
|
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlPrioridad" runat="server" CssClass="form-control select2me" AppendDataBoundItems="true">
|
|
<asp:ListItem Value="1" Text="Baja"></asp:ListItem>
|
|
<asp:ListItem Value="2" Text="Media"></asp:ListItem>
|
|
<asp:ListItem Value="3" Text="Alta"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
<asp:RequiredFieldValidator ID="RFVPrioridad" runat="server" ControlToValidate="DdlPrioridad" CssClass="help-block errorimput" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Prioridad''</b> es necesario, por favor seleccione uno." InitialValue="-1" ValidationGroup="GrpObligatorioI"></asp:RequiredFieldValidator>
|
|
<label for="<%= DdlPrioridad.ClientID.ToString()%>">Prioridad:</label>
|
|
</div>
|
|
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<div class="modal-footer">
|
|
<asp:UpdatePanel ID="UpFooterIncidente" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="BtnAgregarIncidente" runat="server" CssClass="btn btn-primary" ValidationGroup="GrpObligatorioI"> <i class='material-icons'>done_all</i>Agregar</asp:LinkButton>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
|
|
<%-- MODAL Servicios --%>
|
|
<div id="DivAddServicios" class="modal ADS fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
<asp:UpdatePanel ID="UpAddServicios" class="modal-content rowpadding" tabindex="-1" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="LabelServicio" runat="server">Registrar Servicio</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<asp:UpdatePanel ID="UpBodyServicio" UpdateMode="Conditional" runat="server">
|
|
<ContentTemplate>
|
|
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlTIpoServicio" runat="server" CssClass="form-control select2me" AppendDataBoundItems="true">
|
|
<asp:ListItem Value="1" Text="Preventivo"></asp:ListItem>
|
|
<asp:ListItem Value="2" Text="Correctivo"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="DdlTIpoServicio" CssClass="help-block errorimput" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Tipo Servicio''</b> es necesario, por favor seleccione uno." InitialValue="-1" ValidationGroup="GrpObligatorioS"></asp:RequiredFieldValidator>
|
|
<label for="<%= DdlTIpoServicio.ClientID.ToString()%>">Tipo de Servicio:</label>
|
|
</div>
|
|
|
|
<label for="<%= ImgFechaServicio.ClientID.ToString()%>">Fecha Servicio:</label>
|
|
<div class="input-group input-sm input-small date date-picker " data-date-format="dd/mm/yyyy" style="width: 120px !important; padding: 0px;">
|
|
<asp:TextBox ID="TxtFechaServicio" runat="server" CssClass="form-control" CausesValidation="true" Style="width: 118px" MaxLength="10"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="ImgFechaServicio" class="btn default " Text="<i class='fa fa-calendar'></i>" runat="server"></asp:LinkButton>
|
|
</span>
|
|
<ajax:MaskedEditExtender ID="MaskedEditExtender7" runat="server" TargetControlID="TxtFechaServicio" Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="CalendarExtender7" TargetControlID="TxtFechaServicio" PopupButtonID="ImgFechaServicio" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TxtFechaServicio" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Servicio''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorioS"></asp:RequiredFieldValidator>
|
|
<asp:CompareValidator ID="CompareValidator2" runat="server" ControlToValidate="TxtFechaServicio" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Servicio''</b> no tiene el formato correcto, por favor intente de nuevo con el siguiente formato: (dd/mm/yyyy)." Operator="DataTypeCheck" Type="Date" ValidationGroup="GrpObligatorioS"></asp:CompareValidator>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender13" runat="server" HighlightCssClass="vco" TargetControlID="RequiredFieldValidator1" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender14" runat="server" HighlightCssClass="vco" TargetControlID="CompareValidator2" Width="350px"></ajax:ValidatorCalloutExtender>
|
|
</div>
|
|
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtProveedorS" runat="server" CssClass="form-control" CausesValidation="true" MaxLength="50"></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtProveedorS" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Proveedor''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorioS"></asp:RequiredFieldValidator>
|
|
<label for="<%= TxtProveedorS.ClientID.ToString()%>">Proveedor:</label>
|
|
</div>
|
|
|
|
<%-- <div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlCompra" runat="server" DataValueField="CveCompra" DataTextField="SerieFolio" CssClass="form-control select2me" AppendDataBoundItems="true"></asp:DropDownList>
|
|
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="DdlCompra" CssClass="help-block errorimput" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Factura''</b> es necesario, por favor seleccione uno." InitialValue="-1" ValidationGroup="GrpObligatorioS"></asp:RequiredFieldValidator>
|
|
<label for="<%= DdlCompra.ClientID.ToString()%>">Factura:</label>
|
|
</div>--%>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtImporteServicio" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtImporteServicio" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Importe''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorioS"></asp:RequiredFieldValidator>
|
|
<label for="<%= TxtImporteServicio.ClientID.ToString()%>">Importe:</label>
|
|
</div>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtHoroOdoMetroS" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtHoroOdoMetroS" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Odómetro''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorioS"></asp:RequiredFieldValidator>
|
|
<label for="<%= TxtHoroOdoMetroS.ClientID.ToString()%>">Odómetro/Horómetro:</label>
|
|
</div>
|
|
|
|
<label for="<%= TxtObsS.ClientID.ToString()%>">Observaciónes:</label>
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtObsS" runat="server" Rows="3" TextMode="MultiLine" Width="100%"></asp:TextBox>
|
|
</div>
|
|
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<div class="modal-footer">
|
|
<asp:UpdatePanel ID="UpFooterServicio" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:LinkButton ID="BtnAgregarServicio" runat="server" CssClass="btn btn-primary" ValidationGroup="GrpObligatorioS">Agregar</asp:LinkButton>
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
|
|
<asp:Button runat="Server" ID="botonTrampa" Style="display: none" />
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
|
|
<%-- MODAL CAN BUS --%>
|
|
<div id="DivCanBus" class="modal ADS fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
<asp:UpdatePanel ID="UpModalCanBus" class="modal-content rowpadding" tabindex="-1" runat="server" UpdateMode="Conditional" style="width: 900px;">
|
|
<ContentTemplate>
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="H1" runat="server"><i class="fa fa-bell-o"></i>Can Bus </h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="row">
|
|
<label class="col-md-4 label12 labelbold labelpadding"><b>Odómetro:</b></label>
|
|
<div class="col-md-6">
|
|
<asp:Label ID="LblOdo" runat="server" CssClass=" labeltext"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="row">
|
|
<label class="col-md-4 label12 labelbold labelpadding"><b>Total de combustible usado:</b></label>
|
|
<div class="col-md-6">
|
|
<asp:Label ID="LblCombus" runat="server" CssClass=" labeltext"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="row">
|
|
<label class="col-md-4 label12 labelbold labelpadding"><b>Velocidad actual del vehículo:</b></label>
|
|
<div class="col-md-6">
|
|
<asp:Label ID="LblVelocActual" runat="server" CssClass=" labeltext"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="row">
|
|
<label class="col-md-4 label12 labelbold labelpadding"><b>Revoluciones por minuto del motor (RPM):</b></label>
|
|
<div class="col-md-6">
|
|
<asp:Label ID="LblRPM" runat="server" CssClass=" labeltext"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="row">
|
|
<label class="col-md-4 label12 labelbold labelpadding"><b>Presión de aceite:</b></label>
|
|
<div class="col-md-6">
|
|
<asp:Label ID="LblOIL" runat="server" CssClass=" labeltext"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="row">
|
|
<label class="col-md-4 label12 labelbold labelpadding"><b>Temperatura del anticongelante:</b></label>
|
|
<div class="col-md-6">
|
|
<asp:Label ID="LblTA" runat="server" CssClass=" labeltext"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="row">
|
|
<label class="col-md-4 label12 labelbold labelpadding"><b>Uso de combustible en idle:</b></label>
|
|
<div class="col-md-6">
|
|
<asp:Label ID="LblComIDLE" runat="server" CssClass=" labeltext"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="row">
|
|
<label class="col-md-4 label12 labelbold labelpadding"><b>Tiempo de crucero activo</b></label>
|
|
<div class="col-md-6">
|
|
<asp:Label ID="LblCRU" runat="server" CssClass=" labeltext"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="row">
|
|
<label class="col-md-4 label12 labelbold labelpadding"><b>Tiempo de motor en idle:</b></label>
|
|
<div class="col-md-6">
|
|
<asp:Label ID="LblMotorIDLE" runat="server" CssClass=" labeltext"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="row">
|
|
<label class="col-md-4 label12 labelbold labelpadding"><b>Economía de combustible:</b></label>
|
|
<div class="col-md-6">
|
|
<asp:Label ID="LblECO" runat="server" CssClass=" labeltext"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="row">
|
|
<label class="col-md-4 label12 labelbold labelpadding"><b>Códigos de error dtc:</b></label>
|
|
<div class="col-md-6">
|
|
<asp:Label ID="LblDTC" runat="server" CssClass=" labeltext"></asp:Label>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="portlet box blue-hoki">
|
|
<div class="portlet-title">
|
|
<div class="caption">
|
|
<i class="fa fa-map-marker"></i>
|
|
Ubicación
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
<div class="tools">
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body rowpadding" style="height: 306px; padding: 0;">
|
|
<div id="mapCanBus" style="height: 306px">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
<%-- MODAL PARADAS --%>
|
|
<div id="DivGeocercas" class="modal ADS fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
<asp:UpdatePanel ID="UpGeocercas" class="modal-content rowpadding" tabindex="-1" runat="server" UpdateMode="Conditional" style="width: 900px; height: 900px;">
|
|
<ContentTemplate>
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="H2" runat="server"><i class="fa fa-bell-o"></i>Agregar Parada </h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<asp:HiddenField ID="HdnModalidadParada" ClientIDMode="Static" runat="server" Value="A" />
|
|
<br />
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtNombreGeo" runat="server" CssClass="form-control" CausesValidation="true" ValidationGroup="GrpObligatorio"></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RFVEstatusOS" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtNombreGeo" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Nombre Parada''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorio"></asp:RequiredFieldValidator>
|
|
<label for="<%= TxtNombreGeo.ClientID.ToString()%>">Nombre Parada:</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<asp:TextBox ID="TxtImporte" runat="server" CssClass="form-control" CausesValidation="true" ValidationGroup="GrpObligatorio"></asp:TextBox>
|
|
<asp:RequiredFieldValidator ID="RFVImporte" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtImporte" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Importe''</b> es necesario, por favor ingréselo." ValidationGroup="GrpObligatorio"></asp:RequiredFieldValidator>
|
|
<ajax:FilteredTextBoxExtender ID="FTEImporte" runat="server" TargetControlID="TxtImporte" FilterType="Custom, Numbers" ValidChars=".," />
|
|
<label for="<%= TxtNombreGeo.ClientID.ToString()%>">Importe:</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" id="DivUtilizarGeocerca">
|
|
<div class="col-md-6">
|
|
<div class="form-group form-md-line-input input-iconright">
|
|
<label id="lblUsarGeo">Utilizar geocerca existente: </label>
|
|
<br />
|
|
<asp:CheckBox ID="ChkUsarGeo" Text=" " runat="server" CssClass="chksino" Width="250px" onclick="MuestraDdlGeocercas();"></asp:CheckBox>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group form-md-line-input input-iconright" style="display: none" id="DivDdlGeo">
|
|
<asp:DropDownList ID="DdlGeocerca" runat="server" CssClass="form-control select2me" DataTextField="GeoReferencia" DataValueField="CveGeoReferencia" onchange="CargaGeocercaExistente();"></asp:DropDownList>
|
|
<label for="<%= DdlGeocerca.ClientID.ToString()%>">Geocerca:</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="row">
|
|
<div class="col-md-12" style="padding: 0px;">
|
|
<div id="mapGeo"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer" style="padding-top: calc(100% - 250px);">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<asp:LinkButton ID="BtnAgregarGeoreferencia" runat="server" CssClass="btn btn-primary" OnClick="BtnAgregarGeoreferencia_Click"> <i class='material-icons'>done_all</i> Guardar</asp:LinkButton>
|
|
<button id="btnCancelarTE" class="btn btn-default" data-dismiss="modal" value="Cancelar">Cancelar </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
<asp:UpdatePanel ID="UpTools" runat="server" style="display: none" UpdateMode="conditional">
|
|
<ContentTemplate>
|
|
<asp:HiddenField ID="HdnTipo" Value="Geocerca" runat="server" ClientIDMode="Static" />
|
|
<asp:HiddenField ID="CommandArg" runat="server" ClientIDMode="Static" />
|
|
<asp:HiddenField ID="GeoCerca" runat="server" ClientIDMode="Static" />
|
|
<ul class="list-inline" style="font-size: 12px;">
|
|
<li>Tipo de Georeferencia:
|
|
<asp:DropDownList ID="DdlTipo" onChange="HabilitaChk(); return false;" Width="100px" runat="server" CssClass="form-control input-sm select2me">
|
|
<asp:ListItem Value="Geocerca" Text="Geocerca"></asp:ListItem>
|
|
<asp:ListItem Value="Ruta" Text="Ruta"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
</li>
|
|
<li>Color Georeferencia:
|
|
<%-- <input type="hidden" onchange="CambiaColor();" id="hidden-input" class="demo" value="#0088FF">--%>
|
|
<asp:HiddenField ID="hdnColor" runat="server" Value="#0088FF" ClientIDMode="Static" />
|
|
</li>
|
|
<li id="liRutaRegreso" style="display: none">Incluir Ruta Regreso
|
|
<asp:CheckBox runat="server" ID="chkRutaRegreso" />
|
|
</li>
|
|
<li>Haga click en los lugares del mapa donde trazará la Georeferencia
|
|
</li>
|
|
</ul>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</asp:Content>
|
|
<asp:Content ID="Content8" ContentPlaceHolderID="JS" runat="Server">
|
|
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
|
|
<script src="https://www.amcharts.com/lib/3/pie.js"></script>
|
|
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
|
|
<script src="https://www.amcharts.com/lib/3/gauge.js"></script>
|
|
<script src="https://www.amcharts.com/lib/3/plugins/animate/animate.min.js"></script>
|
|
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
|
|
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
|
|
<script src="../Metronic/assets/layouts/layout3/scripts/jquery.datetimepicker.full.js"></script>
|
|
<!-- Third, add the GalleryView Javascript and CSS files -->
|
|
<script type="text/javascript" src="/Scripts/jquery.galleryview-3.0-dev.js"></script>
|
|
<link type="text/css" rel="stylesheet" href="/css/jquery.galleryview-3.0-dev.css" />
|
|
<script src="/Metronic/assets/global/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js" type="text/javascript"></script>
|
|
<script>
|
|
function clickgaleria() {
|
|
$("#C_Tab_TabImagenes").css({ "display": "block", "visibility": "auto" });
|
|
initcarusel();
|
|
initcarusel2 = function () { };
|
|
}
|
|
var initcarusel = function () {
|
|
'use strict';
|
|
if ($('#js-grid-juicy-projects').data('hascube') != '1') {
|
|
$('#js-grid-juicy-projects').cubeportfolio({
|
|
filters: '#js-filters-juicy-projects',
|
|
loadMore: '#js-loadMore-juicy-projects',
|
|
loadMoreAction: 'click',
|
|
layoutMode: 'grid',
|
|
defaultFilter: '*',
|
|
animationType: 'quicksand',
|
|
gapHorizontal: 35,
|
|
gapVertical: 30,
|
|
gridAdjustment: 'responsive',
|
|
mediaQueries: [{
|
|
width: 1500,
|
|
cols: 5
|
|
}, {
|
|
width: 1100,
|
|
cols: 4
|
|
}, {
|
|
width: 800,
|
|
cols: 3
|
|
}, {
|
|
width: 480,
|
|
cols: 2
|
|
}, {
|
|
width: 320,
|
|
cols: 1
|
|
}],
|
|
caption: 'overlayBottomReveal',
|
|
displayType: 'sequentially',
|
|
displayTypeSpeed: 80,
|
|
|
|
// lightbox
|
|
lightboxDelegate: '.cbp-lightbox',
|
|
lightboxGallery: true,
|
|
lightboxTitleSrc: 'data-title',
|
|
lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
|
|
|
|
// singlePage popup
|
|
singlePageDelegate: '.cbp-singlePage',
|
|
singlePageDeeplinking: true,
|
|
singlePageStickyNavigation: true,
|
|
singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
|
|
singlePageCallback: function (url, element) {
|
|
// to update singlePage content use the following method: this.updateSinglePage(yourContent)
|
|
var t = this;
|
|
|
|
$.ajax({
|
|
url: url,
|
|
type: 'GET',
|
|
dataType: 'html',
|
|
timeout: 10000
|
|
})
|
|
.done(function (result) {
|
|
t.updateSinglePage(result);
|
|
})
|
|
.fail(function () {
|
|
t.updateSinglePage('AJAX Error! Please refresh the page!');
|
|
});
|
|
},
|
|
});
|
|
$('#js-grid-juicy-projects').data('hascube', '1')
|
|
}
|
|
}
|
|
var initcarusel2 = initcarusel;
|
|
</script>
|
|
<script>
|
|
var map;
|
|
var image = 'http://maps.google.com/mapfiles/kml/shapes/truck.png';
|
|
var indiceAnterior = 0;
|
|
var geocoder;
|
|
var unidadesreportando;
|
|
|
|
|
|
var mapCanBus;
|
|
var geocoderCanBus;
|
|
|
|
function initcolor() {
|
|
$('#hidden-input').val($('#hdnColorTrazo').val())
|
|
CambiaColor();
|
|
}
|
|
function initMap() {
|
|
var uluru = { lat: 29.0730, lng: -110.9559 }
|
|
map = new google.maps.Map(document.getElementById('map'), {
|
|
center: uluru,
|
|
zoom: 15
|
|
});
|
|
geocoder = new google.maps.Geocoder();
|
|
$("#C_Tab_TabDashboard_tab").on("click", initDiv);
|
|
$("#C_Tab_TabConsulta_tab").on("click", StopDiv);
|
|
$("#C_Tab_TabComandos_tab").on("click", StopDiv);
|
|
$("#C_Tab_TabAdministracion_tab").on("click", StopDiv);
|
|
$("#C_Tab_TabIncidentes_tab").on("click", StopDiv);
|
|
$("#C_Tab_TabServyMant_tab").on("click", StopDiv);
|
|
$("#C_Tab_TabConfig_tab").on("click", StopDiv);
|
|
$("#C_botonTrampa").click()
|
|
}
|
|
|
|
function initMapCanBus() {
|
|
var uluru = { lat: 29.0730, lng: -110.9559 }
|
|
mapCanBus = new google.maps.Map(document.getElementById('mapCanBus'), {
|
|
center: uluru,
|
|
zoom: 15
|
|
});
|
|
geocoderCanBus = new google.maps.Geocoder();
|
|
}
|
|
|
|
function initDiv() {
|
|
if ($('#C_Tab_TabDashboard_DivIndicadores')) {
|
|
$('#C_Tab_TabDashboard_DivIndicadores').slick({
|
|
lazyLoad: 'ondemand',
|
|
slidesToShow: 3,
|
|
slidesToScroll: 1,
|
|
dots: true,
|
|
infinite: true,
|
|
autoplay: true,
|
|
autoplaySpeed: 5000,
|
|
responsive: [
|
|
{
|
|
breakpoint: 1024,
|
|
settings: {
|
|
slidesToShow: 2,
|
|
slidesToScroll: 1,
|
|
infinite: true,
|
|
dots: true
|
|
}
|
|
}, {
|
|
breakpoint: 600,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
slidesToScroll: 1,
|
|
infinite: true,
|
|
dots: true
|
|
}
|
|
}]
|
|
});
|
|
$('#C_Tab_TabDashboard_DivIndicadores').show();
|
|
}
|
|
}
|
|
|
|
function StopDiv() {
|
|
if ($('#C_Tab_TabDashboard_DivIndicadores').hasClass('slick-initialized')) {
|
|
$('#C_Tab_TabDashboard_DivIndicadores').slick('unslick')
|
|
// unidadesreportando.validateSize();
|
|
}
|
|
}
|
|
|
|
var markers = [];
|
|
var markersCanBus = [];
|
|
|
|
function CreaMarcador(coords, nomEquipo, imagen) {
|
|
if (typeof imagen === 'undefined') { imagen = image; }
|
|
var marker = new google.maps.Marker({
|
|
position: coords,
|
|
title: nomEquipo,
|
|
map: map,
|
|
icon: imagen
|
|
});
|
|
markers.push(marker);
|
|
map.setCenter(coords);
|
|
}
|
|
function CreaMarcadorCanBus(coords, nomEquipo, imagen) {
|
|
if (typeof imagen === 'undefined') { imagen = image; }
|
|
var marker = new google.maps.Marker({
|
|
position: coords,
|
|
title: nomEquipo,
|
|
map: mapCanBus,
|
|
icon: imagen
|
|
});
|
|
markersCanBus.push(marker);
|
|
mapCanBus.setCenter(coords);
|
|
}
|
|
polylines = [];
|
|
polylinesCanBus = [];
|
|
function creaPolyline(coords, color, lastcoord, nomequipo, Imagen) {
|
|
var lineSymbol = {
|
|
path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
|
|
strokeWeight: 1,
|
|
strokeOpacity: 1,
|
|
scale: 3,
|
|
fillOpacity: 0.6
|
|
};
|
|
var polyline = new google.maps.Polyline({
|
|
path: coords,
|
|
strokeColor: color,
|
|
strokeOpacity: 0.6,
|
|
strokeWeight: 6,
|
|
fillOpacity: 0.35,
|
|
icons: [{
|
|
icon: lineSymbol,
|
|
offset: '0',
|
|
repeat: '80px'
|
|
}]
|
|
});
|
|
polyline.setMap(map);
|
|
polylines.push(polyline);
|
|
//if (coordspoly.length <= 0) {
|
|
FitBoundsToCoords(coords);
|
|
//} else {
|
|
// FitBounds();
|
|
//}
|
|
if (lastcoord != "") {
|
|
CreaMarcador(lastcoord, nomequipo, Imagen);
|
|
}
|
|
}
|
|
function creaPolylineCanBus(coords, color, lastcoord, nomequipo, Imagen) {
|
|
var lineSymbol = {
|
|
path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
|
|
strokeWeight: 1,
|
|
strokeOpacity: 1,
|
|
scale: 3,
|
|
fillOpacity: 0.6
|
|
};
|
|
var polyline = new google.maps.Polyline({
|
|
path: coords,
|
|
strokeColor: color,
|
|
strokeOpacity: 0.6,
|
|
strokeWeight: 6,
|
|
fillOpacity: 0.35,
|
|
icons: [{
|
|
icon: lineSymbol,
|
|
offset: '0',
|
|
repeat: '80px'
|
|
}]
|
|
});
|
|
polyline.setMap(mapCanBus);
|
|
polylinesCanBus.push(polyline);
|
|
//if (coordspoly.length <= 0) {
|
|
FitBoundsToCoordsCanBus(coords);
|
|
//} else {
|
|
// FitBounds();
|
|
//}
|
|
if (lastcoord != "") {
|
|
CreaMarcadorCanBus(lastcoord, nomequipo, Imagen);
|
|
}
|
|
}
|
|
function FitBoundsToCoords(pCoords) {
|
|
var bounds = new google.maps.LatLngBounds();
|
|
for (var i = 0; i < pCoords.length; i++) {
|
|
bounds.extend(pCoords[i]);
|
|
}
|
|
map.fitBounds(bounds)
|
|
}
|
|
|
|
function DeleteMarkers() {
|
|
for (var i = 0; i < markers.length; i++) {
|
|
markers[i].setMap(null);
|
|
}
|
|
markers = [];
|
|
for (var i = 0; i < polylines.length; i++) {
|
|
polylines[i].setMap(null);
|
|
}
|
|
polylines = [];
|
|
}
|
|
|
|
function FitBoundsToCoordsCanBus(pCoords) {
|
|
var bounds = new google.maps.LatLngBounds();
|
|
for (var i = 0; i < pCoords.length; i++) {
|
|
bounds.extend(pCoords[i]);
|
|
}
|
|
mapCanBus.fitBounds(bounds)
|
|
}
|
|
|
|
function DeleteMarkersCanBus() {
|
|
for (var i = 0; i < markersCanBus.length; i++) {
|
|
markersCanBus[i].setMap(null);
|
|
}
|
|
markersCanBus = [];
|
|
for (var i = 0; i < polylinesCanBus.length; i++) {
|
|
polylinesCanBus[i].setMap(null);
|
|
}
|
|
polylinesCanBus = [];
|
|
}
|
|
|
|
function CargaDatosSeleccionados(indice, valor, latLng, imagen) {
|
|
DeleteMarkers();
|
|
var columnaSeleccionada = 2 + indice;
|
|
$('#C_Tab_TabConsulta_GvEventos tr').filter(':nth-child(' + indiceAnterior + ')').css('background-color', 'initial');
|
|
$('#C_Tab_TabConsulta_GvEventos tr').filter(':nth-child(' + columnaSeleccionada + ')').css('background-color', '#F5B27A');
|
|
indiceAnterior = columnaSeleccionada;
|
|
CreaMarcador(latLng, valor, '/Imagenes/' + imagen);
|
|
map.setZoom(17);
|
|
}
|
|
|
|
function GetDirecciones(posicion) {
|
|
//geocoder.geocode({ 'location': posicion }, function (results, status) {
|
|
// if (status === 'OK') {
|
|
// if (results[0]) {
|
|
// $("#hDireccion").text(results[0].formatted_address);
|
|
// } else {
|
|
// $("#hDireccion").text("Dirección no encontrada");
|
|
// }
|
|
// } else {
|
|
// console.log('Geocoder failed due to: ' + status);
|
|
// }
|
|
//});
|
|
var lat = posicion.lat
|
|
var lng = posicion.lng
|
|
var url = '<%= ClsPaginas.UrlDirecciones%>' + 'nominatim/reverse.php?format=jsonv2&lat=' + lat + '&lon=' + lng;
|
|
$.getJSON(url, function (data) {
|
|
if (typeof (data.error) === 'undefined') {
|
|
$("#hDireccion").text(data.display_name);
|
|
|
|
} else {
|
|
$("#hDireccion").text("Dirección no encontrada");
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
|
|
//EMPIEZA CONFIG
|
|
function CambiaColor() {
|
|
$("#hdnColorTrazo").val($("#hidden-input").val())
|
|
}
|
|
|
|
//EMPIEZAN GRÁFICAS
|
|
var unidadesreportando;
|
|
function UnidadesReportando(reportando, total, div) {
|
|
unidadesReportando = AmCharts.makeChart(div, {
|
|
"theme": "light",
|
|
"type": "gauge",
|
|
"axes": [{
|
|
"topTextFontSize": 20,
|
|
"topTextYOffset": 70,
|
|
// "topText": reportando + "Lts.",
|
|
"axisColor": "#31d6ea",
|
|
"axisThickness": 1,
|
|
"endValue": total,
|
|
"gridInside": true,
|
|
"showFirstLabel": false,
|
|
"showLastLabel": false,
|
|
"inside": true,
|
|
"radius": "50%",
|
|
"valueInterval": total / 2,
|
|
"tickColor": "#67b7dc",
|
|
"startAngle": -90,
|
|
"endAngle": 90,
|
|
"unit": "",
|
|
"labelsEnabled": false,
|
|
"axisAlpha": "0",
|
|
"tickThickness": 5,
|
|
"bandOutlineAlpha": 0,
|
|
"minorTickInterval": total / 4,
|
|
"tickColor": "#000000",
|
|
"bands": [{
|
|
"color": "#969696",
|
|
"endValue": total,
|
|
"balloonText": total + "lts.",
|
|
"innerRadius": "105%",
|
|
"radius": "170%",
|
|
"gradientRatio": [0.5, 0, -0.5],
|
|
"startValue": 0
|
|
}, {
|
|
"color": "#f99136",
|
|
"endValue": reportando,
|
|
"balloonText": reportando + "lts.",
|
|
"innerRadius": "105%",
|
|
"radius": "170%",
|
|
"gradientRatio": [0.2, 0, -0.2],
|
|
"startValue": 0
|
|
}]
|
|
}],
|
|
"balloon": {
|
|
"adjustBorderColor": true,
|
|
"color": "#000000",
|
|
"cornerRadius": 5,
|
|
"fillColor": "#FFFFFF"
|
|
},
|
|
"arrows": [{
|
|
"alpha": 1,
|
|
"innerRadius": "35%",
|
|
"nailRadius": 0,
|
|
"radius": "170%",
|
|
"value": reportando
|
|
}],
|
|
"allLabels": [{
|
|
"text": 'E',
|
|
"x": "37%",
|
|
"y": "50%",
|
|
"size": 20,
|
|
"bold": true,
|
|
"color": "red",
|
|
"align": "right"
|
|
},
|
|
{
|
|
"text": "F",
|
|
"x": "65%",
|
|
"y": "50%",
|
|
"size": 20,
|
|
"bold": true,
|
|
"color": "#27750f",
|
|
"align": "right"
|
|
}, ]
|
|
});
|
|
|
|
}
|
|
|
|
function KilometrajeDispositivos(datos, div) {
|
|
|
|
var KilometrajeDispositivos = AmCharts.makeChart(div, {
|
|
"type": "serial",
|
|
"theme": "light",
|
|
"dataProvider": datos,
|
|
"valueAxes": [{
|
|
"gridColor": "#FFFFFF",
|
|
"gridAlpha": 0.2,
|
|
"dashLength": 0
|
|
}],
|
|
"gridAboveGraphs": true,
|
|
"startDuration": 1,
|
|
"graphs": [{
|
|
"balloonText": "[[category]]: <b>[[value]]</b>",
|
|
"fillAlphas": 0.8,
|
|
"lineAlpha": 0.2,
|
|
"type": "column",
|
|
"valueField": "kilometros",
|
|
"colorField": "color"
|
|
}],
|
|
"chartCursor": {
|
|
"categoryBalloonEnabled": false,
|
|
"cursorAlpha": 0,
|
|
"zoomable": false
|
|
},
|
|
"categoryField": "dispositivos",
|
|
"categoryAxis": {
|
|
"gridPosition": "start",
|
|
"labelRotation": 45
|
|
},
|
|
"export": {
|
|
"enabled": true
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
function TiempoDeOperacion(data, div) {
|
|
|
|
var tiempoOperacion = AmCharts.makeChart(div, {
|
|
"type": "serial",
|
|
"theme": "light",
|
|
"dataProvider": data,
|
|
"valueAxes": [{
|
|
"stackType": "regular",
|
|
"axisAlpha": 0.3,
|
|
"gridAlpha": 0,
|
|
"strictMinMax": true
|
|
}],
|
|
"graphs": [{
|
|
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
|
|
"fillColors": "#E43A45",
|
|
"fillAlphas": 0.8,
|
|
"labelText": "[[value]] horas",
|
|
"lineColor": "#000000",
|
|
"lineAlpha": 0.3,
|
|
"title": "Apagado",
|
|
"type": "column",
|
|
"color": "#000000",
|
|
"valueField": "apagado"
|
|
}, {
|
|
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'>[[category]]: <b>[[value]]</b></span>",
|
|
"fillColors": "#1BA39C",
|
|
"fillAlphas": 0.8,
|
|
"labelText": "[[value]] horas",
|
|
"lineColor": "#000000",
|
|
"lineAlpha": 0.3,
|
|
"title": "Encendido",
|
|
"type": "column",
|
|
"color": "#000000",
|
|
"valueField": "encendido"
|
|
}],
|
|
"categoryField": "dispositivo",
|
|
"categoryAxis": {
|
|
"gridPosition": "start",
|
|
"axisAlpha": 0,
|
|
"gridAlpha": 0,
|
|
"position": "left"
|
|
},
|
|
"export": {
|
|
"enabled": true
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
function PuntosDeInteresDispositivos(total, chart, div) {
|
|
|
|
var chartData = chart;
|
|
|
|
var currentYear = total;
|
|
var PIVisitados = AmCharts.makeChart(div, {
|
|
"type": "pie",
|
|
"theme": "light",
|
|
"labelText": "[[percents]]%",
|
|
"dataProvider": [],
|
|
"valueField": "size",
|
|
"colorField": "color",
|
|
"titleField": "title",
|
|
"startDuration": 0,
|
|
"innerRadius": "50%",
|
|
"pullOutRadius": "2%",
|
|
"marginTop": 20,
|
|
"titles": "",
|
|
"allLabels": [{
|
|
"y": "50%",
|
|
"align": "center",
|
|
"size": 12,
|
|
"bold": true,
|
|
"text": currentYear,
|
|
"color": "#555"
|
|
}],
|
|
"listeners": [{
|
|
"event": "init",
|
|
"method": function (e) {
|
|
var chart = e.chart;
|
|
|
|
function getCurrentData() {
|
|
var data = chartData[currentYear];
|
|
return data;
|
|
}
|
|
|
|
function inicar() {
|
|
chart.allLabels[0].text = currentYear;
|
|
var data = getCurrentData();
|
|
chart.animateData(data, {
|
|
duration: 0,
|
|
complete: function () {
|
|
}
|
|
});
|
|
}
|
|
|
|
inicar();
|
|
}
|
|
}],
|
|
"export": {
|
|
"enabled": true
|
|
}
|
|
});
|
|
}
|
|
|
|
function TiempoPuntosInteres(datos, div) {
|
|
var TiempoPI = AmCharts.makeChart(div, {
|
|
"type": "serial",
|
|
"theme": "light",
|
|
"dataProvider": datos,
|
|
"gridAboveGraphs": true,
|
|
"startDuration": 1,
|
|
"graphs": [{
|
|
"balloonText": "[[category]]: <b>[[value]] Minutos</b>",
|
|
"fillAlphas": 0.8,
|
|
"lineAlpha": 0.2,
|
|
"type": "column",
|
|
"valueField": "duracion",
|
|
"colorField": "color"
|
|
}],
|
|
"chartCursor": {
|
|
"categoryBalloonEnabled": false,
|
|
"cursorAlpha": 0,
|
|
"zoomable": false
|
|
},
|
|
"categoryField": "pi",
|
|
"categoryAxis": {
|
|
"gridPosition": "start",
|
|
"labelRotation": 45
|
|
},
|
|
"export": {
|
|
"enabled": true
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
function RendimientoCombustible(data, div) {
|
|
|
|
var rendimientoCombustible = AmCharts.makeChart(div, {
|
|
"type": "serial",
|
|
"theme": "light",
|
|
"dataProvider": data,
|
|
"valueAxes": [{
|
|
"stackType": "regular",
|
|
"axisAlpha": 0.3,
|
|
"gridAlpha": 0
|
|
}],
|
|
"graphs": [{
|
|
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'><b>[[value]] lts</b></span>",
|
|
"fillColors": "#E87E04",
|
|
"fillAlphas": 0.8,
|
|
"labelText": "[[value]] lts",
|
|
"lineColor": "#000000",
|
|
"lineAlpha": 0.3,
|
|
"title": "Combustible",
|
|
"type": "column",
|
|
"color": "#000000",
|
|
"valueField": "combustible"
|
|
}, {
|
|
"balloonText": "<b>[[title]]</b><br><span style='font-size:14px'><b>[[value]] km</b></span>",
|
|
"fillColors": "#2F353B",
|
|
"fillAlphas": 0.8,
|
|
"labelText": "[[value]] km",
|
|
"lineColor": "#000000",
|
|
"lineAlpha": 0.3,
|
|
"title": "Kilometraje",
|
|
"type": "column",
|
|
"color": "#000000",
|
|
"valueField": "kilometraje"
|
|
}],
|
|
"categoryField": "dispositivo",
|
|
"categoryAxis": {
|
|
"gridPosition": "start",
|
|
"axisAlpha": 0,
|
|
"gridAlpha": 0,
|
|
"position": "left"
|
|
},
|
|
"export": {
|
|
"enabled": true
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
|
|
//EMPIEZA CONFIG
|
|
var indiceAnterior2 = 0
|
|
function CargaDatosSeleccionadosIcono(indice, valor) {
|
|
var columnaSeleccionada = 2 + indice;
|
|
$('#C_Tab_TabConfig_GvIconos tr').filter(':nth-child(' + indiceAnterior2 + ')').css('background-color', 'initial');
|
|
$('#C_Tab_TabConfig_GvIconos tr').filter(':nth-child(' + columnaSeleccionada + ')').css('background-color', '#F5B27A');
|
|
$('#hdnIconoURL').val(valor)
|
|
indiceAnterior2 = columnaSeleccionada;
|
|
}
|
|
|
|
function IniciaMapas() {
|
|
try {
|
|
initMap();
|
|
initMapGeo();
|
|
initMapCanBus();
|
|
} catch (e) {
|
|
|
|
}
|
|
}
|
|
jQuery(document).ready(function () {
|
|
initcolor();
|
|
Sys.Application.add_load(function (s, e) {
|
|
initcolor();
|
|
});
|
|
});
|
|
|
|
var directionsServiceGeo;
|
|
var directionsDisplayGeo;
|
|
|
|
var mapGeo;
|
|
|
|
function initMapGeo() {
|
|
try {
|
|
mapGeo = new google.maps.Map(document.getElementById('mapGeo'), {
|
|
center: { lat: 19.432608, lng: -99.133209 },
|
|
zoom: 10
|
|
});
|
|
|
|
//if (navigator.geolocation) {
|
|
// navigator.geolocation.getCurrentPosition(function (position) {
|
|
// var pos = {
|
|
// lat: position.coords.latitude,
|
|
// lng: position.coords.longitude
|
|
// };
|
|
// mapGeo.setCenter(pos);
|
|
// }, function () {
|
|
// handleLocationError(true, infoWindow, mapGeo.getCenter());
|
|
// });
|
|
//}
|
|
|
|
//var input = document.getElementById('pac-input');
|
|
//var searchBox = new google.maps.places.SearchBox(input);
|
|
//mapGeo.controls[google.maps.ControlPosition.TOP_LEFT].push(input);
|
|
//mapGeo.addListener('bounds_changed', function () {
|
|
// searchBox.setBounds(mapGeo.getBounds());
|
|
//});
|
|
|
|
//searchBox.addListener('places_changed', function () {
|
|
// var places = searchBox.getPlaces();
|
|
|
|
// if (places.length == 0) {
|
|
// return;
|
|
// }
|
|
// var bounds = new google.maps.LatLngBounds();
|
|
|
|
// places.forEach(function (place) {
|
|
// if (place.geometry.viewport) {
|
|
// // Only geocodes have viewport.
|
|
// bounds.union(place.geometry.viewport);
|
|
// } else {
|
|
// bounds.extend(place.geometry.location);
|
|
// }
|
|
// });
|
|
// mapGeo.fitBounds(bounds);
|
|
//});
|
|
|
|
directionsServiceGeo = new google.maps.DirectionsService();
|
|
directionsDisplayGeo = new google.maps.DirectionsRenderer();
|
|
directionsDisplayGeo.setOptions({ suppressMarkers: true });
|
|
directionsDisplayGeo.setMap(mapGeo);
|
|
|
|
var upControlDiv = document.createElement('div');
|
|
var upControl = new ControlUltimoPunto(upControlDiv, mapGeo);
|
|
|
|
upControlDiv.index = 1;
|
|
mapGeo.controls[google.maps.ControlPosition.TOP_RIGHT].push(upControlDiv);
|
|
|
|
var SelectControlDiv = document.createElement('div');
|
|
var SelectControl = new ControlSelect(SelectControlDiv, mapGeo);
|
|
|
|
SelectControlDiv.index = 1;
|
|
mapGeo.controls[google.maps.ControlPosition.TOP_LEFT].push(SelectControlDiv);
|
|
|
|
|
|
//var ColorControlDiv = document.createElement('div');
|
|
//var ColorControl = new ControlColor(ColorControlDiv, mapGeo);
|
|
|
|
|
|
//ColorControlDiv.index = 1;
|
|
//mapGeo.controls[google.maps.ControlPosition.LEFT_TOP].push(ColorControlDiv);
|
|
|
|
// Add a listener for the click event
|
|
mapGeo.addListener('click', addLatLng);
|
|
$("#C_BtnCrear").prop('disabled', true);
|
|
|
|
$("#DivGeocercas").on("shown.bs.modal", function () {
|
|
google.maps.event.trigger(mapGeo, "resize");
|
|
});
|
|
|
|
} catch (err) {
|
|
alert(err.message);
|
|
}
|
|
|
|
}
|
|
var markersGeo = [];
|
|
var mcoordsGeo = [];
|
|
var polygonGeo;
|
|
var UltimoPuntoGeo;
|
|
|
|
|
|
function addLatLng(event) {
|
|
// var path = poly.getPath();
|
|
// path.push(event.latLng);
|
|
var lat = event.latLng.lat();
|
|
var lng = event.latLng.lng();
|
|
mcoordsGeo.push(event.latLng);
|
|
|
|
var info = new google.maps.InfoWindow({
|
|
content: "(" + lat + " " + lng + ")"
|
|
});
|
|
|
|
var marker = new google.maps.Marker({
|
|
position: event.latLng,
|
|
title: 'Punto',
|
|
map: mapGeo,
|
|
draggable: true
|
|
});
|
|
markersGeo.push(marker);
|
|
marker.addListener('click', function () {
|
|
info.open(mapGeo, marker);
|
|
});
|
|
if ($("#HdnTipo").val() === 'Georuta') {
|
|
if (markersGeo.length > 1) {
|
|
CreaRuta();
|
|
}
|
|
}
|
|
else if ($("#HdnTipo").val() === 'Geocerca') {
|
|
var h = $('#GeoCerca').val() + lng + " " + lat + ","
|
|
$('#GeoCerca').val(h);
|
|
if (markersGeo.length == 1) {
|
|
$('#CommandArg').val(lng + " " + lat);
|
|
}
|
|
if (markersGeo.length === 3) {
|
|
creaPoligono($("#hidden-input").val());
|
|
} else if (markersGeo.length > 3) {
|
|
var path = polygonGeo.getPath();
|
|
path.push(event.latLng);
|
|
}
|
|
}
|
|
|
|
}
|
|
function addLatLngCoords(coords) {
|
|
|
|
var lat = coords.lat;
|
|
var lng = coords.lng;
|
|
|
|
var myLatlng = new google.maps.LatLng(lat, lng);
|
|
|
|
mcoordsGeo.push(myLatlng);
|
|
|
|
var info = new google.maps.InfoWindow({
|
|
content: "(" + lat + " " + lng + ")"
|
|
});
|
|
|
|
var marker = new google.maps.Marker({
|
|
position: myLatlng,
|
|
title: 'Punto',
|
|
map: mapGeo,
|
|
draggable: true
|
|
});
|
|
markersGeo.push(marker);
|
|
marker.addListener('click', function () {
|
|
info.open(mapGeo, marker);
|
|
});
|
|
if ($("#HdnTipo").val() === 'Geocerca') {
|
|
var h = $('#GeoCerca').val() + lng + " " + lat + ","
|
|
$('#GeoCerca').val(h);
|
|
if (markersGeo.length == 1) {
|
|
$('#CommandArg').val(lng + " " + lat);
|
|
}
|
|
if (markersGeo.length === 3) {
|
|
creaPoligono($("#hidden-input").val());
|
|
} else if (markersGeo.length > 3) {
|
|
var path = polygonGeo.getPath();
|
|
path.push(myLatlng);
|
|
}
|
|
}
|
|
|
|
}
|
|
function setCenterMapGeo() {
|
|
var bounds = new google.maps.LatLngBounds();
|
|
for (i = 0; i < mcoordsGeo.length; i++) {
|
|
bounds.extend(mcoordsGeo[i]);
|
|
}
|
|
mapGeo.setCenter(bounds.getCenter());
|
|
mapGeo.fitBounds(bounds);
|
|
}
|
|
function DeletemarkersGeo() {
|
|
for (var i = 0; i < markersGeo.length; i++) {
|
|
markersGeo[i].setMap(null);
|
|
}
|
|
markersGeo = [];
|
|
directionsDisplayGeo.setMap(null);
|
|
mcoordsGeo = [];
|
|
$('#GeoCerca').val('');
|
|
if (typeof polygonGeo != 'undefined') {
|
|
polygonGeo.setMap(null);
|
|
}
|
|
$("#C_BtnCrear").prop('disabled', true);
|
|
|
|
}
|
|
|
|
function EliminarUltimoPunto() {
|
|
if (markersGeo.length > 0) {
|
|
markersGeo[markersGeo.length - 1].setMap(null)
|
|
markersGeo.splice((markersGeo.length - 1), 1);
|
|
mcoordsGeo.splice((mcoordsGeo.length - 1), 1);
|
|
if ($("#HdnTipo").val() === 'Georuta') {
|
|
if (markersGeo.length >= 2) {
|
|
CreaRuta();
|
|
} else { directionsDisplayGeo.setMap(null); }
|
|
}
|
|
else if ($("#HdnTipo").val() === 'Geocerca') {
|
|
if (typeof polygonGeo != 'undefined') {
|
|
polygonGeo.setMap(null);
|
|
if (markersGeo.length >= 3) {
|
|
creaPoligono($("#hidden-input").val());
|
|
}
|
|
}
|
|
var h;
|
|
$('#GeoCerca').val('')
|
|
for (var i = 0; i < mcoordsGeo.length; i++) {
|
|
var lat = mcoordsGeo[i].lat()
|
|
var lng = mcoordsGeo[i].lng()
|
|
h = $('#GeoCerca').val() + lng + " " + lat + ","
|
|
$('#GeoCerca').val(h)
|
|
if (i === 0) {
|
|
$('#CommandArg').val(lng + " " + lat)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
var s = "";
|
|
var nextSegment;
|
|
|
|
|
|
function CreaRuta() {
|
|
var start = markersGeo[0].position;
|
|
var end = markersGeo[markersGeo.length - 1].position;
|
|
var waypts = [];
|
|
var fin = 1;
|
|
s = ""
|
|
if (document.getElementById("C_chkRutaRegreso").checked) {
|
|
end = start;
|
|
fin = 0;
|
|
}
|
|
for (var i = 1; i < markersGeo.length - fin; i++) {
|
|
waypts.push({
|
|
location: markersGeo[i].position,
|
|
stopover: true
|
|
});
|
|
}
|
|
directionsServiceGeo.route({
|
|
origin: start,
|
|
destination: end,
|
|
travelMode: 'DRIVING',
|
|
waypoints: waypts
|
|
}, function (response, status) {
|
|
if (status === 'OK') {
|
|
directionsDisplayGeo.setDirections(response);
|
|
directionsDisplayGeo.setMap(mapGeo);
|
|
|
|
var legs = response.routes[0].legs;
|
|
for (i = 0; i < legs.length; i++) {
|
|
var steps = legs[i].steps;
|
|
for (j = 0; j < steps.length; j++) {
|
|
var nextSegment = steps[j].path;
|
|
for (k = 0; k < nextSegment.length; k++) {
|
|
s = s + nextSegment[k] + '+'
|
|
}
|
|
}
|
|
}
|
|
$('#CommandArg').val(s);
|
|
$("#C_BtnCrear").prop('disabled', false);
|
|
} else {
|
|
window.alert('Directions request failed due to ' + status);
|
|
}
|
|
});
|
|
}
|
|
|
|
function creaPoligono(color) {
|
|
polygonGeo = new google.maps.Polygon({
|
|
paths: mcoordsGeo,
|
|
strokeColor: color,
|
|
strokeOpacity: 0.8,
|
|
strokeWeight: 2,
|
|
fillColor: color,
|
|
fillOpacity: 0.35,
|
|
editable: true
|
|
});
|
|
polygonGeo.setMap(mapGeo);
|
|
$("#C_BtnCrear").prop('disabled', false);
|
|
}
|
|
|
|
function CambiaColorGeo() {
|
|
$("#hdnColor").val($("#hidden-input").val())
|
|
directionsDisplayGeo.setOptions({
|
|
polylineOptions: {
|
|
strokeColor: $("#hidden-input").val(), strokeWeight: 6,
|
|
strokeOpacity: 0.6
|
|
}
|
|
})
|
|
if ($("#HdnTipo").val() === 'Georuta') {
|
|
if (directionsDisplayGeo.getDirections() != undefined) {
|
|
directionsDisplayGeo.setDirections(directionsDisplayGeo.directions);
|
|
}
|
|
} else if ($("#HdnTipo").val() === 'Geocerca') {
|
|
if (typeof polygonGeo != 'undefined') {
|
|
polygonGeo.setMap(null);
|
|
creaPoligono($("#hidden-input").val())
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
function Limpieza() {
|
|
DeletemarkersGeo();
|
|
$('#C_TxtHoraI').datetimepicker({
|
|
datepicker: false,
|
|
lang: 'es',
|
|
format: 'H:i',
|
|
formatDate: 'H:i',
|
|
step: 30
|
|
});
|
|
$('#C_TxtHoraF').datetimepicker({
|
|
datepicker: false,
|
|
lang: 'es',
|
|
format: 'H:i',
|
|
formatDate: 'H:i',
|
|
step: 30
|
|
});
|
|
$('#divAgregarTipo').modal('hide');
|
|
}
|
|
|
|
function HabilitaChk() {
|
|
DeletemarkersGeo();
|
|
if ($("#HdnTipo").val() === 'Georuta') {
|
|
$("#liRutaRegreso").css("display", "")
|
|
} else {
|
|
$("#liRutaRegreso").css("display", "none")
|
|
}
|
|
}
|
|
|
|
function ControlUltimoPunto(controlDiv, map) {
|
|
|
|
// Set CSS for the control border.
|
|
var controlUI = document.createElement('div');
|
|
controlUI.style.backgroundColor = '#fff';
|
|
controlUI.style.border = '2px solid #fff';
|
|
controlUI.style.borderRadius = '3px';
|
|
controlUI.style.width = '165px'
|
|
controlUI.style.boxShadow = '0 2px 6px rgba(0,0,0,.3)';
|
|
controlUI.style.cursor = 'pointer';
|
|
controlUI.style.marginRight = '5px';
|
|
controlUI.style.marginTop = '5px';
|
|
controlUI.style.marginBottom = '22px';
|
|
controlUI.style.textAlign = 'center';
|
|
controlUI.title = 'Click para borrar el último punto dibujado';
|
|
controlDiv.appendChild(controlUI);
|
|
|
|
// Set CSS for the control interior.
|
|
var controlText = document.createElement('div');
|
|
controlText.style.color = 'rgb(25,25,25)';
|
|
controlText.style.fontFamily = ' "Open Sans", sans-serif; ';
|
|
controlText.style.fontSize = '14px';
|
|
controlText.style.lineHeight = '38px';
|
|
controlText.style.paddingLeft = '5px';
|
|
controlText.style.paddingRight = '5px';
|
|
controlText.innerHTML = 'Borrar Último Punto';
|
|
controlUI.appendChild(controlText);
|
|
|
|
// Setup the click event listeners: simply set the map to Chicago.
|
|
controlUI.addEventListener('click', function () {
|
|
EliminarUltimoPunto();
|
|
});
|
|
|
|
}
|
|
|
|
function ControlSelect(controlDiv, map) {
|
|
|
|
// Set CSS for the control border.
|
|
var controlUI = document.createElement('div');
|
|
controlUI.style.marginLeft = '10px';
|
|
controlUI.style.zIndex = '0';
|
|
controlUI.style.cursor = 'pointer';
|
|
// controlUI.style.position = 'absolute';
|
|
controlUI.style.left = "0px";
|
|
controlUI.style.width = "150px";
|
|
controlUI.style.marginTop = "10px"
|
|
controlUI.style.top = "0px";
|
|
controlUI.className = 'gmnoprint';
|
|
|
|
controlDiv.appendChild(controlUI);
|
|
|
|
var ControlSub1 = document.createElement('div')
|
|
ControlSub1.style.float = 'left';
|
|
ControlSub1.className = 'gm-style-mtc'
|
|
controlUI.appendChild(ControlSub1)
|
|
|
|
var ControlSub2 = document.createElement('div')
|
|
ControlSub2.style.direction = 'ltr';
|
|
ControlSub2.style.overflow = 'hidden';
|
|
ControlSub2.id = "Geocerca"
|
|
ControlSub2.style.textAlign = 'center';
|
|
ControlSub2.style.position = 'relative';
|
|
ControlSub2.style.color = 'rgb(0,0,0)';
|
|
ControlSub2.style.fontFamily = ' "Open Sans", sans-serif; ';
|
|
ControlSub2.style.msUserSelect = 'none;';
|
|
ControlSub2.style.fontSize = '11px'
|
|
ControlSub2.style.backgroundColor = 'rgb(255,255,255)'
|
|
ControlSub2.style.padding = '11px'
|
|
ControlSub2.style.backgroundClip = 'padding-box'
|
|
ControlSub2.style.minWidth = '28px'
|
|
ControlSub2.style.fontWeight = '500'
|
|
ControlSub2.style.boxShadow = '0 1px 4px -1px rgba(0,0,0,.3)';
|
|
ControlSub2.innerHTML = 'Geocerca'
|
|
ControlSub1.appendChild(ControlSub2)
|
|
|
|
var ControlSub3 = document.createElement('div')
|
|
ControlSub3.style.float = 'left';
|
|
ControlSub3.className = 'gm-style-mtc'
|
|
controlUI.appendChild(ControlSub3)
|
|
|
|
//var ControlSub4 = document.createElement('div')
|
|
//ControlSub4.style.direction = 'ltr';
|
|
//ControlSub4.style.overflow = 'hidden';
|
|
//ControlSub4.style.textAlign = 'center';
|
|
//ControlSub4.id = "Georuta"
|
|
//ControlSub4.style.position = 'relative';
|
|
//ControlSub4.style.color = 'rgb(86,86,86)';
|
|
//ControlSub4.style.fontFamily = ' "Open Sans", sans-serif; ';
|
|
//ControlSub4.style.msUserSelect = 'none;';
|
|
//ControlSub4.style.fontSize = '11px'
|
|
//ControlSub4.style.backgroundColor = 'rgb(255,255,255)'
|
|
//ControlSub4.style.padding = '11px'
|
|
//ControlSub4.style.backgroundClip = 'padding-box'
|
|
//ControlSub4.style.minWidth = '38px'
|
|
//ControlSub4.style.fontWeight = '500'
|
|
//ControlSub4.style.boxShadow = '0 1px 4px -1px rgba(0,0,0,.3)';
|
|
//ControlSub4.style.borderLeft = '0px;'
|
|
//ControlSub4.innerHTML = 'Georuta'
|
|
//ControlSub3.appendChild(ControlSub4)
|
|
|
|
|
|
//// Setup the click event listeners: simply set the map to Chicago.
|
|
//ControlSub3.addEventListener('click', function () {
|
|
// CambiaTipo('Georuta');
|
|
//});
|
|
|
|
ControlSub1.addEventListener('click', function () {
|
|
CambiaTipo('Geocerca');
|
|
});
|
|
|
|
}
|
|
|
|
function ControlColor(controlDiv, map) {
|
|
|
|
// Set CSS for the control border.
|
|
var controlUI = document.createElement('div');
|
|
controlUI.style.backgroundColor = '#fff';
|
|
controlUI.style.border = '2px solid #fff';
|
|
controlUI.style.borderRadius = '3px';
|
|
controlUI.style.pointer = '3px';
|
|
controlUI.style.boxShadow = '0 2px 6px rgba(0,0,0,.3)';
|
|
controlUI.style.cursor = 'pointer';
|
|
controlUI.style.marginLeft = '10px';
|
|
controlUI.style.marginTop = '5px';
|
|
controlUI.style.marginBottom = '22px';
|
|
controlUI.style.textAlign = 'center';
|
|
controlUI.style.color = 'rgb(25,25,25)';
|
|
controlUI.style.fontFamily = ' "Open Sans", sans-serif; ';
|
|
controlUI.style.fontSize = '14px';
|
|
controlUI.style.paddingLeft = '5px';
|
|
controlUI.style.paddingRight = '5px';
|
|
controlUI.innerHTML = 'Cambiar Color '
|
|
controlUI.title = 'Click para cambiar el color del polygono';
|
|
controlDiv.appendChild(controlUI);
|
|
|
|
// Set CSS for the control interior.
|
|
var controlText = document.createElement('input');
|
|
controlText.type = 'hidden';
|
|
controlText.id = 'hidden-input'
|
|
controlText.className = 'demo'
|
|
controlText.value = '#0088FF'
|
|
controlText.onchange = function () { CambiaColor(); };
|
|
controlUI.appendChild(controlText);
|
|
|
|
// Setup the click event listeners: simply set the map to Chicago.
|
|
controlUI.addEventListener('click', function () {
|
|
ComponentsColorPickers.init();
|
|
});
|
|
|
|
|
|
}
|
|
|
|
function AddGeo() {
|
|
if ($("#HdnTipo").val() === 'Geocerca') {
|
|
if (markersGeo.length === 0) {
|
|
alert('Dibuje los vértices de la geocerca haciendo click en el mapa.');
|
|
} else if (markersGeo.length < 3) { alert('Debe dibujar por lo menos 3 vértices para la creación de la geocerca'); }
|
|
else {
|
|
var r = polygonGeo.getPath();
|
|
var s = "";
|
|
r.forEach(function (xy, i) { s += xy.lng() + ' ' + xy.lat() + ',' })
|
|
s += r.b[0].lng() + ' ' + r.b[0].lat();
|
|
$("#GeoCerca").val(s);
|
|
|
|
$('#divAgregarTipo').modal();
|
|
}
|
|
} else if ($("#HdnTipo").val() === 'Georuta') {
|
|
if (markersGeo.length === 0) {
|
|
alert('Traza la ruta click en el mapa.');
|
|
} else if (markersGeo.length < 2) { alert('Debe dibujar por lo menos 2 puntos en el mapa para la creación de la ruta'); }
|
|
else {
|
|
$('#divAgregarTipo').modal();
|
|
}
|
|
}
|
|
}
|
|
|
|
function CambiaTipo(Tipo) {
|
|
DeletemarkersGeo();
|
|
if (Tipo === 'Geocerca') {
|
|
$("#HdnTipo").val('Geocerca')
|
|
$("#Geocerca").css("font-weight", "bold")
|
|
$("#Georuta").css("font-weight", "normal")
|
|
} else if (Tipo === 'Georuta') {
|
|
$("#HdnTipo").val('Georuta')
|
|
$("#Geocerca").css("font-weight", "normal")
|
|
$("#Georuta").css("font-weight", "bold")
|
|
}
|
|
}
|
|
|
|
|
|
var lastOpenedInfoWindow;
|
|
var polygons = [];
|
|
var polybounds = [];
|
|
|
|
function creaPoligonoGeo(coords, color, Geocerca) {
|
|
var polygon = new google.maps.Polygon({
|
|
paths: coords,
|
|
strokeColor: color,
|
|
strokeOpacity: 0.8,
|
|
strokeWeight: 2,
|
|
fillColor: color,
|
|
fillOpacity: 0.35
|
|
});
|
|
polygon.setMap(mapGeo);
|
|
polygons.push(polygon);
|
|
CreaMarcadorPoligonoGeo(coords, Geocerca)
|
|
}
|
|
|
|
function CreaMarcadorPoligonoGeo(coords, GeoCerca) {
|
|
var bounds = new google.maps.LatLngBounds();
|
|
for (i = 0; i < coords.length; i++) {
|
|
bounds.extend(coords[i]);
|
|
}
|
|
|
|
var marker = new google.maps.Marker({
|
|
position: bounds.getCenter(),
|
|
title: GeoCerca,
|
|
map: mapGeo
|
|
});
|
|
|
|
var infowindow = new google.maps.InfoWindow({
|
|
content: '<h4><b>' + GeoCerca + '</b></h4>'
|
|
});
|
|
|
|
marker.addListener('click', function () {
|
|
closeLastOpenedInfoWindow();
|
|
infowindow.open(mapGeo, marker);
|
|
lastOpenedInfoWindow = infowindow;
|
|
});
|
|
|
|
markersGeo.push(marker);
|
|
}
|
|
function closeLastOpenedInfoWindow() {
|
|
if (lastOpenedInfoWindow) {
|
|
lastOpenedInfoWindow.close();
|
|
}
|
|
}
|
|
function LimpiarModalGeocercas() {
|
|
C_TxtNombreGeo.value = "";
|
|
HdnModalidadParada.Value = "A"
|
|
$("#DivUtilizarGeocerca").css("display", "block");
|
|
//DivUtilizarGeocerca.Visible = true;
|
|
C_H2.innerHTML = "<i class='fa fa- bell - o'></i>Agregar Parada ";
|
|
DeletemarkersGeo();
|
|
}
|
|
|
|
function MuestraDdlGeocercas() {
|
|
if (C_ChkUsarGeo.checked) {
|
|
$("#DivDdlGeo").css("display", "block");
|
|
} else {
|
|
$("#DivDdlGeo").css("display", "none");
|
|
}
|
|
}
|
|
function CargaGeocercaExistente() {
|
|
var Id = parseInt($("#C_DdlGeocerca").val())
|
|
|
|
PageMethods.WsGeocercas(Id, function (result, userContext, methodName) {
|
|
if (methodName == 'WsGeocercas') {
|
|
var Geocerca = JSON.parse(result);
|
|
if (typeof Geocerca !== 'undefined') {
|
|
//initMapGeo();
|
|
DeletemarkersGeo();
|
|
for (var i = 0; i < Geocerca.Posiciones.length; i++) {
|
|
addLatLngCoords(Geocerca.Posiciones[i]);
|
|
}
|
|
setTimeout(function () {
|
|
setCenterMapGeo();
|
|
}, 500);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
</script>
|
|
<script
|
|
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAF7s8wwhzCVXDUYopc9mXxqaWB33cDro4&libraries=drawing&callback=IniciaMapas">
|
|
</script>
|
|
<script src="../Metronic/assets/global/plugins/jquery-minicolors/jquery.minicolors.min.js"></script>
|
|
<script src="../Metronic/assets/global/plugins/jquery-minicolors/components-color-pickers.min.js"></script>
|
|
</asp:Content>
|