Files
SIG/GPS/Conductores.aspx
JORGE LUIS CAUDILLO ESPARZA c35cf91883 Commit inicial Ventas Productivo
2019-08-14 16:40:54 -07:00

586 lines
28 KiB
Plaintext

<%@ Page Title="" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="Conductores.aspx.vb" Inherits="GPS_Conductores" %>
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
<style>
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Droid+Serif:400,700);
#map {
height: 250px;
}
#chartdivEventos {
width: 100%;
height: 270px;
}
#chartdivVelocidad {
width: 100%;
height: 250px;
}
.amcharts-chart-div a {
display: none !important;
}
.contenedor {
margin: 0 auto;
text-align: left;
color: #989A8F;
width: 450px;
}
.calificador {
height: 270px;
width: 75%;
text-align: center;
}
.toplistaVerde {
background-color: #1BA39C;
height: 33%;
padding-top: 17%;
}
.toplistaAmarillo {
background-color: #c29d0b;
height: 33%;
padding-top: 17%;
}
.toplistaRojo {
background-color: #E43A45;
height: 33%;
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;
}
/*************************Menu Slider****************************/
.ADSliderMenu > .toggler, .ADSlider > .ADSliderMenu > .toggler {
display: block;
cursor: pointer;
opacity: .7;
filter: alpha(opacity=70);
width: 30px;
height: 27px;
position: absolute;
right: 0;
top: 0;
background: url(/Metronic/assets/admin/layout/img/sidebar_inline_toggler_icon_light.jpg);
}
.ADSlider {
width: 100%;
display: table;
}
.ADSliderMenu {
/*float: left;*/
min-width: 45px;
display: inline-block;
/*padding-top: 30px;*/
position: relative;
}
.ADSlider:not(.open) > .ADSliderMenu {
width: 45px;
padding-left: 45px;
max-width: 45px;
overflow: hidden !important;
min-height: 50px;
max-height: 60px;
}
.ADSliderBody {
float: right;
}
/***********************END Menu Slider****************************/
.GvConductores.table > tbody > tr > td, .GvConductores.table > tbody > tr > th, .GvConductores.table > tfoot > tr > td, .GvConductores.table > tfoot > tr > th, .GvConductores.table > thead > tr > td, .GvConductores.table > thead > tr > th {
border-top: 0px solid #ddd;
background-color: white;
}
</style>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
Driving
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="HB" runat="Server">
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="H" runat="Server">
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="HA" runat="Server">
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="C" runat="Server">
<asp:UpdatePanel ID="UPFiltros" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div class="portlet solid grey-cascade portlet-filter" style="">
<div class="portlet-title portlet-filterT smalltitle " style="">
<div class="tools">
<asp:Button ID="BtnConsultar" runat="server" ValidationGroup="GrpGuardar" Text="Consultar" class="btn btn-primary" OnClick="BtnConsultar_Click" />
</div>
<div class="titlefiltros caption" style="margin-top: -8px;">
<ul class="list-inline" style="font-size: 12px;">
<li>Grupo:
<asp:DropDownList ID="DdlGrupo" runat="server" OnSelectedIndexChanged="DdlGrupo_SelectedIndexChanged" AppendDataBoundItems="true" AutoPostBack="true" Width="200px" DataTextField="Nombre" DataValueField="Cve" CssClass="form-control input-sm select2me">
<asp:ListItem Selected="True" Value="-1" Text="Seleccione"></asp:ListItem>
<asp:ListItem Value="1" Text="Conductores"></asp:ListItem>
<asp:ListItem Value="2" Text="Vehículos"></asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="RFVGrupo" runat="server" ControlToValidate="DdlGrupo" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Grupo''</b> es necesario, por favor seleccione uno." InitialValue="-1" ValidationGroup="GrpGuardar"></asp:RequiredFieldValidator>
<ajax:ValidatorCalloutExtender ID="VCEGrupo" runat="server" HighlightCssClass="vco" TargetControlID="RFVGrupo" Width="350px"></ajax:ValidatorCalloutExtender>
</li>
<li>
<asp:Literal ID="LtlNombre" runat="server" Text="Nombre:"></asp:Literal>
<asp:DropDownList AppendDataBoundItems="true" ID="DdlNombre" runat="server" Width="200px" DataTextField="Nombre" DataValueField="Cve" CssClass="form-control input-sm select2me">
<asp:ListItem Selected="True" Value="-1" Text="Seleccione"></asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator ID="RFVNombre" runat="server" ControlToValidate="DdlNombre" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Nombre''</b> es necesario, por favor seleccione uno." InitialValue="-1" ValidationGroup="GrpGuardar"></asp:RequiredFieldValidator>
<ajax:ValidatorCalloutExtender ID="VCENombre" runat="server" HighlightCssClass="vco" TargetControlID="RFVNombre" Width="350px"></ajax:ValidatorCalloutExtender>
</li>
<li>Fecha Inicio:
<div class="input-group input-sm date date-picker " data-date-format="dd/mm/yyyy hh:mm" style="display: inline-block;">
<asp:TextBox ID="txtFechaI" runat="server" CssClass="form-control input-sm ADDateTimePicker" CausesValidation="true" MaxLength="18" Width="132px "></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtFechaI" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Inicio''</b> es necesario, por favor seleccione uno." ValidationGroup="GrpGuardar"></asp:RequiredFieldValidator>
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server" HighlightCssClass="vco" TargetControlID="RequiredFieldValidator4" Width="350px"></ajax:ValidatorCalloutExtender>
</div>
</li>
<li>Fecha Fin:
<div class="input-group input-sm date date-picker " data-date-format="dd/mm/yyyy hh:mm" style="display: inline-block;">
<asp:TextBox ID="txtFechaF" runat="server" CssClass="form-control input-sm ADDateTimePicker" CausesValidation="true" MaxLength="18" Width="132px "></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtFechaF" Display="None" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Fecha Fin''</b> es necesario, por favor seleccione uno." ValidationGroup="GrpGuardar"></asp:RequiredFieldValidator>
<ajax:ValidatorCalloutExtender ID="ValidatorCalloutExtender2" runat="server" HighlightCssClass="vco" TargetControlID="RequiredFieldValidator5" Width="350px"></ajax:ValidatorCalloutExtender>
</div>
</li>
</ul>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpDatos" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div id="DvContenido" runat="server" visible="false">
<div class="row">
<div class="col-md-4">
<div class="portlet light ">
<div class="portlet-title">
<div class="caption" style="font-size: 25px">
<i style="font-size: larger" class="fa fa-list-alt font-blue"></i>
<span class="caption-subject font-blue bold uppercase" style="font-size: 18px">Información general</span>
</div>
</div>
<div class="portlet-body">
<asp:UpdatePanel ID="UpInfo" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Table ID="TbConductor" runat="server" CssClass="table-hover Widthall" Visible="false">
<asp:TableRow>
<asp:TableCell Font-Bold="true" ForeColor="#333333" Font-Size="13px">
<asp:Label runat="server" Text="Conductor:"></asp:Label>
</asp:TableCell>
<asp:TableCell VerticalAlign="Bottom">
<asp:Label ID="LblConductor" runat="server"></asp:Label>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>
<br />
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell Font-Bold="true" ForeColor="#333333" Font-Size="13px">
<asp:Label runat="server" Text="Nacimiento:"></asp:Label>
</asp:TableCell>
<asp:TableCell>
<asp:Label ID="LblFechaNacimiento" runat="server"></asp:Label>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>
<br />
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell Font-Bold="true" ForeColor="#333333" Font-Size="13px">
<asp:Label runat="server" Text="Serie Licencia:"></asp:Label>
</asp:TableCell>
<asp:TableCell>
<asp:Label ID="LblSerieLicencia" runat="server"></asp:Label>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>
<br />
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell Font-Bold="true" ForeColor="#333333" Font-Size="13px">
<asp:Label runat="server" Text="Vigencia:"></asp:Label>
</asp:TableCell>
<asp:TableCell>
<asp:Label ID="LblVigencia" runat="server"></asp:Label>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>
<br />
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell Font-Bold="true" ForeColor="#333333" Font-Size="13px">
<asp:Label runat="server" Text="Estatus:"></asp:Label>
</asp:TableCell>
<asp:TableCell>
<asp:Label ID="LblEstatus" runat="server"></asp:Label>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
<asp:Table ID="TbVehiculo" runat="server" CssClass="table-hover Widthall" Visible="false">
<asp:TableRow>
<asp:TableCell Font-Bold="true" ForeColor="#333333" Font-Size="13px">
<asp:Label runat="server" Text="Vehículo:"></asp:Label>
</asp:TableCell>
<asp:TableCell VerticalAlign="Bottom">
<asp:Label ID="LblVehiculo" runat="server"></asp:Label>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>
<br />
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell Font-Bold="true" ForeColor="#333333" Font-Size="13px">
<asp:Label runat="server" Text="NoEconomico:"></asp:Label>
</asp:TableCell>
<asp:TableCell VerticalAlign="Bottom">
<asp:Label ID="LblNoEconomicos" runat="server"></asp:Label>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>
<br />
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell Font-Bold="true" ForeColor="#333333" Font-Size="13px">
<asp:Label runat="server" Text="Modelo:"></asp:Label>
</asp:TableCell>
<asp:TableCell VerticalAlign="Bottom">
<asp:Label ID="LblModelo" runat="server"></asp:Label>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>
<br />
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell Font-Bold="true" ForeColor="#333333" Font-Size="13px">
<asp:Label runat="server" Text="Año:"></asp:Label>
</asp:TableCell>
<asp:TableCell VerticalAlign="Bottom">
<asp:Label ID="LblAnio" runat="server"></asp:Label>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell>
<br />
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell Font-Bold="true" ForeColor="#333333" Font-Size="13px">
<asp:Label runat="server" Text="Limite de Velocidad:"></asp:Label>
</asp:TableCell>
<asp:TableCell VerticalAlign="Bottom">
<asp:Label ID="LblVelocidad" runat="server"></asp:Label>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
<div class="col-md-4">
<div class="portlet light ">
<div class="portlet-title">
<div class="caption" style="font-size: 25px">
<i style="font-size: larger" class="fa fa-tachometer font-blue"></i>
<span class="caption-subject font-blue bold uppercase" style="font-size: 18px">Velocidad Máxima</span>
</div>
</div>
<div class="portlet-body">
<div id="chartdivVelocidad"></div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="portlet light ">
<div class="portlet-title">
<div class="caption" style="font-size: 25px; width: 100%;">
<i style="font-size: larger" class="fa fa-map-marker font-blue"></i>
<span class="caption-subject font-blue bold uppercase" style="font-size: 18px;">Ultima Posicion</span>
</div>
</div>
<div class="portlet-body">
<div id="map"></div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="portlet light ">
<div class="portlet-title">
<div class="caption" style="font-size: 25px; width: 100%;">
<span class="caption-subject font-blue bold uppercase" style="font-size: 18px;">Calificacion</span>
</div>
</div>
<div class="portlet-body contenedor">
<div class="calificador">
<div id="DivTituloPonderacion" runat="server">
<div id="DivCirculoPonderacion" runat="server">
<asp:Label runat="server" ID="LblPonderacion" />
</div>
</div>
<div class="bottomlista">
<p>
<span style="font-size: 20px !important">Riesgo:
<asp:Label ID="LblRiesgo" Font-Bold="true" ForeColor="#808080" runat="server" /></span>
</p>
<p>
<span style="font-size: 20px !important">Desgaste:
<asp:Label ID="LblDesgaste" Font-Bold="true" ForeColor="#808080" runat="server" /></span>
</p>
<p>
<span style="font-size: 20px !important">Total Eventos:
<asp:Label ID="LblTotalEventos" Font-Bold="true" ForeColor="#808080" runat="server" /></span>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="portlet light ">
<div class="portlet-title">
<div class="caption" style="font-size: 25px">
<i style="font-size: larger" class="fa fa-exclamation-triangle font-blue"></i>
<span class="caption-subject font-blue bold uppercase" style="font-size: 18px">Eventos</span>
</div>
</div>
<div class="portlet-body">
<div id="chartdivEventos"></div>
</div>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel runat="server">
<ContentTemplate>
<asp:HiddenField ID="HdnValoresPastel" runat="server" ClientIDMode="Static" Value="[]" />
</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/themes/light.js"></script>
<script>
function EstablecerValoresTacometro(velocidadMaxima, velocidad) {
var gaugeChart = AmCharts.makeChart("chartdivVelocidad", {
"type": "gauge",
"theme": "none",
"axes": [{
"axisThickness": 1,
"axisAlpha": 0.2,
"tickAlpha": 0.2,
"valueInterval": 20,
"bands": [{
"color": "#1BA39C",
"endValue": 40,
"startValue": 0
}, {
"color": "#F1C40F",
"endValue": velocidadMaxima,
"startValue": 40
}, {
"color": "#ed6b75",
"endValue": 180,
"innerRadius": "95%",
"startValue": velocidadMaxima
}],
"bottomText": velocidad + " km/h",
"bottomTextYOffset": -20,
"endValue": 180
}],
"arrows": [
{
"value": velocidad
}
],
"export": {
"enabled": true
}
});
}
function EstablecerValoresPastel() {
var datos = JSON.parse(HdnValoresPastel.value);
var Pie = AmCharts.makeChart("chartdivEventos", {
"type": "pie",
"theme": "light",
"dataProvider": datos,
"valueField": "value",
"titleField": "evento",
"colorField": "color",
"labelColorField": "color",
"outlineAlpha": 0.4,
"depth3D": 15,
"balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
"angle": 30,
"export": {
"enabled": false
}
});
}
var map;
function initMap() {
debugger;
if (document.getElementById('map') != null) {
var uluru = { lat: 29.0730, lng: -110.9559 }
map = new google.maps.Map(document.getElementById('map'), {
center: uluru,
zoom: 15
});
}
}
var markers = [];
function CreaMarcador(coords, nomEquipo) {
var marker = new google.maps.Marker({
position: coords,
title: nomEquipo,
map: map
});
markers.push(marker);
map.setCenter(coords)
}
function DeleteMarkers() {
for (var i = 0; i < markers.length; i++) {
markers[i].setMap(null);
}
markers = [];
}
$(document).ready(function () {
initMap();
Sys.Application.add_load(function (s, e) {
initMap();
});
});
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAJnZ1CoEUX425C20aqzFw4dYxFL_LfThk&libraries=places"></script>
</asp:Content>