324 lines
17 KiB
Plaintext
324 lines
17 KiB
Plaintext
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="TripsChecks.aspx.cs" Inherits="VYA_TripsChecks" %>
|
|
|
|
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
|
|
</asp:Content>
|
|
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
|
|
<style>
|
|
.trip-button {
|
|
display: inline-block;
|
|
width: 150px;
|
|
text-align: center;
|
|
margin: 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.trip-button img {
|
|
width: 150px;
|
|
height: auto;
|
|
border: 2px solid #ddd;
|
|
border-radius: 5px;
|
|
padding: 10px;
|
|
transition: transform 0.2s;
|
|
}
|
|
|
|
.trip-button img:hover {
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.trip-button p {
|
|
font-family: Arial, sans-serif;
|
|
margin-top: 10px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.odometer-container {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
width: 200px;
|
|
}
|
|
|
|
.odometer-btn {
|
|
width: 40px;
|
|
height: 40px;
|
|
font-size: 1.5rem;
|
|
line-height: 1;
|
|
text-align: center;
|
|
padding: 0;
|
|
border-radius: 50%;
|
|
background-color: #e0e0e0;
|
|
border: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.btn-ok {
|
|
background-color: green;
|
|
color: white;
|
|
}
|
|
|
|
.btn-detected {
|
|
background-color: red;
|
|
color: white;
|
|
}
|
|
|
|
.btn-next {
|
|
background-color: blue;
|
|
color: white;
|
|
}
|
|
|
|
|
|
.gridview-style {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.gridview-style td {
|
|
padding: 10px;
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
.requerido{color:darkred}
|
|
</style>
|
|
</asp:Content>
|
|
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
|
|
</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="UpDatos" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 col-xs-12">
|
|
|
|
<asp:Panel ID="PnlPaso1" runat="server">
|
|
|
|
<div class="portlet light xspadding bordered" id="idnecesaria1">
|
|
<div class="portlet-title ">
|
|
<div class="tools">
|
|
</div>
|
|
<div class="titlefiltros caption">
|
|
Paso 1: Seleccione el Tipo de Unidad
|
|
</div>
|
|
<div class="tools">
|
|
<a href="javascript:;" class="collapse" data-original-title="" title=""></a>
|
|
<a href="javascript:;" class="fullscreen" data-original-title="" title=""></a>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
|
|
<div class="row">
|
|
<div class="col-sm-offset-2 col-sm-4">
|
|
<!-- Botón para Trip Autobus -->
|
|
<asp:ImageButton ID="imgBtnAutobus" runat="server" ImageUrl="~/imagenes/autobus.png" OnClick="ImgBtnAutobus_Click" CssClass="trip-button" />
|
|
<p>TRIP AUTOBUS</p>
|
|
|
|
</div>
|
|
<div class="col-sm-4">
|
|
<!-- Botón para Trip Sprinter -->
|
|
<asp:ImageButton ID="imgBtnSprinter" runat="server" ImageUrl="~/imagenes/sprinter.png" OnClick="ImgBtnSprinter_Click" CssClass="trip-button" />
|
|
<p>TRIP SPRINTER</p>
|
|
</div>
|
|
<div class="col-sm-4"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</asp:Panel>
|
|
<asp:Panel ID="PnlPaso2" runat="server">
|
|
|
|
<div class="portlet light xspadding bordered" id="idnecesaria">
|
|
<div class="portlet-title ">
|
|
<div class="tools">
|
|
</div>
|
|
<div class="titlefiltros caption">
|
|
Paso 2: CHECK PT
|
|
</div>
|
|
<div class="tools">
|
|
<a href="javascript:;" class="collapse" data-original-title="" title=""></a>
|
|
<a href="javascript:;" class="fullscreen" data-original-title="" title=""></a>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body">
|
|
|
|
<div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>Tipo de Unidad</label>
|
|
<asp:DropDownList ID="DdlTipoUnidad" data-text="Todos" AppendDataBoundItems="true" AutoPostBack="true"
|
|
DataTextField="TipoActivoFijo" DataValueField="CveTipoActivoFijo" OnSelectedIndexChanged="DdlTipoUnidad_SelectedIndexChanged"
|
|
CssClass="form-control ddlFiltros input-sm select2me Widthall" ClientIDMode="Static"
|
|
Style="width: 100%;" runat="server">
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>Unidad</label>
|
|
<asp:DropDownList ID="DdlAF" DataValueField="CveActivoFijo" DataTextField="CodDesc" Class="form-control select2me" Width="100%" runat="server">
|
|
</asp:DropDownList>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label for="odometro">Folio</label>
|
|
<asp:TextBox ID="TxtFolio" runat="server" CssClass="form-control text-right" Text="0" Style="width: 100%;" />
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>Fecha</label>
|
|
|
|
<div style="width: 115px">
|
|
<div class="input-group input-sm input-small date date-picker "
|
|
data-date-format="dd/mm/yyyy"
|
|
style="width: 100px !important; padding: 0px;">
|
|
<asp:TextBox Width="80px" ID="txtFechaI" runat="server" CssClass="form-control"
|
|
MaxLength="10"></asp:TextBox>
|
|
<span class="input-group-btn ">
|
|
<asp:LinkButton ID="imgCalendario" class="btn default" Text="<i class='fa fa-calendar'></i>"
|
|
runat="server"></asp:LinkButton>
|
|
</span>
|
|
</div>
|
|
<ajax:MaskedEditExtender ID="MEEFechaI" runat="server" TargetControlID="txtFechaI"
|
|
Mask="99/99/9999" MaskType="Date" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>
|
|
<ajax:CalendarExtender runat="server" ID="Calendario" TargetControlID="txtFechaI"
|
|
PopupButtonID="ImgCalendario" PopupPosition="BottomRight" Enabled="True"></ajax:CalendarExtender>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label>Chofer</label>
|
|
<asp:DropDownList ID="DdlChofer" data-text="Todos" AppendDataBoundItems="true"
|
|
DataTextField="NombreCompleto" DataValueField="CvePersonal" CssClass="form-control ddlFiltros input-sm select2me Widthall" ClientIDMode="Static"
|
|
Style="width: 100%;" runat="server">
|
|
</asp:DropDownList>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="form-group">
|
|
<label for="odometro">ODÓMETRO</label>
|
|
<div class="odometer-container">
|
|
<button type="button" class="odometer-btn" onclick="updateOdometer(-1)">-</button>
|
|
<asp:TextBox ID="txtOdometer" runat="server" CssClass="form-control text-center" Text="0" Style="width: 80px;" />
|
|
<button type="button" class="odometer-btn" onclick="updateOdometer(1)">+</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group text-right">
|
|
|
|
<asp:Button ID="btnContinuar" runat="server" CssClass="btn btn-primary" Text="Continuar" OnClientClick="setPaso(3); return false;" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</asp:Panel>
|
|
<asp:Panel ID="PnlPaso3" runat="server">
|
|
|
|
<div class="portlet light xspadding bordered" id="idnecesaria3">
|
|
<div class="portlet-title ">
|
|
<div class="tools">
|
|
</div>
|
|
<div class="titlefiltros caption">
|
|
Paso 3:
|
|
</div>
|
|
<div class="tools">
|
|
<a href="javascript:;" class="expand" data-original-title="" title=""></a>
|
|
<a href="javascript:;" class="fullscreen" data-original-title="" title=""></a>
|
|
</div>
|
|
<div class="actions">
|
|
<div class="btn-group">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="portlet-body" style="display:none;">
|
|
<div>
|
|
<h4>
|
|
<asp:Label ID="lblFormulario" runat="server" Font-Bold="True" />
|
|
</h4>
|
|
<asp:GridView ID="gvPreguntas" runat="server" GridLines="none" AutoGenerateColumns="False" ShowHeader="false" DataKeyNames="CvePregunta,Valor"
|
|
CssClass="gridview-style" OnRowDataBound="gvPreguntas_RowDataBound" >
|
|
<Columns>
|
|
<asp:TemplateField HeaderText="Acciones">
|
|
<ItemTemplate>
|
|
<h4>
|
|
<asp:Label ID="lblPregunta" runat="server" Text='<%# Eval("Pregunta") %>'></asp:Label>*<br />
|
|
</h4>
|
|
|
|
<asp:Button ID="btnOk" runat="server" Text="OK" OnClick="btnOk_Click" />
|
|
<asp:Button ID="btnDetected" runat="server" Text="Detectado" OnClick="btnDetected_Click" />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
</Columns>
|
|
</asp:GridView>
|
|
<div class="form-group">
|
|
<h4>
|
|
<asp:Label ID="lblFormularioobserv" runat="server"></asp:Label><br />
|
|
</h4>
|
|
<asp:TextBox ID="TxtObservaciones" runat="server" TextMode="multiline" CssClass="Widthall" Columns="50" Rows="5"></asp:TextBox>
|
|
</div>
|
|
<div class="text-center">
|
|
|
|
<asp:Button ID="btnAnt" runat="server" CssClass="btn btn-default" Text="Anterior" OnClick="btnAnt_Click" />
|
|
<asp:Button ID="BtnCancel" runat="server" CssClass="btn btn-default" Text="Cancelar" OnClick="BtnCancel_Click" />
|
|
<asp:Button ID="btnNext" runat="server" CssClass="btn btn-default" Text="Siguiente" OnClick="btnNext_Click" />
|
|
<asp:Button ID="btnGuardar" runat="server" CssClass="btn btn-primary" Text="Guardar" OnClick="btnGuardar_Click" />
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</asp:Panel>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</asp:Content>
|
|
<asp:Content ID="Content8" ContentPlaceHolderID="JS" runat="Server">
|
|
<script>
|
|
function setPaso(id){
|
|
if (id == 3) {
|
|
|
|
}
|
|
}
|
|
function updateOdometer(change) {
|
|
// Get the odometer input field
|
|
var odometerInput = document.getElementById('<%= txtOdometer.ClientID %>');
|
|
|
|
// Convert the current value to a number and update it by the change amount
|
|
var currentValue = parseInt(odometerInput.value, 10);
|
|
if (isNaN(currentValue)) {
|
|
currentValue = 0;
|
|
}
|
|
|
|
// Update the value
|
|
odometerInput.value = currentValue + change;
|
|
}
|
|
</script>
|
|
</asp:Content>
|
|
|