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

528 lines
35 KiB
Plaintext

<%@ Page Title="" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false" EnableEventValidation="false" CodeFile="WizardModelo.aspx.vb" Inherits="GPS_WizardModelo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Css" runat="Server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="E" runat="Server">
Wizard Módelo
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="HB" runat="Server">
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="H" runat="Server">
<li>
<asp:UpdatePanel runat="server" UpdateMode="conditional">
<ContentTemplate>
<asp:LinkButton runat="server" id="BtnOpenDivMarca"><i class="fa fa-plus"></i>Agregar Marca</asp:LinkButton>
</ContentTemplate>
</asp:UpdatePanel>
</li>
<li>
<asp:UpdatePanel runat="server" UpdateMode="conditional">
<ContentTemplate>
<asp:LinkButton runat="server" id="BtnOpenDivEventos"><i class="fa fa-plus"></i>Agregar Evento</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">
<div class="portlet light" id="form_wizard_1">
<%--<div class="portlet-title smalltitle">
</div>--%>
<div class="caption">
<i class=" icon-layers font-red"></i>
<span class="caption-subject font-red bold uppercase">Wizard -
<span class="step-title">Paso 1 de 6 </span>
</span>
</div>
<div class="actions">
</div>
<div class="portlet-body form">
<div class="form-wizard">
<div class="form-body" style="padding: 0px;">
<ul class="nav nav-pills nav-justified steps" style="padding: 0px;">
<li class="active">
<a href="#tab1" data-toggle="tab" class="step">
<span class="number">1 </span>
<span class="desc">
<i class="fa fa-check"></i>Marca </span>
</a>
</li>
<li>
<a href="#tab2" data-toggle="tab" class="step">
<span class="number">2 </span>
<span class="desc">
<i class="fa fa-check"></i>Módelo </span>
</a>
</li>
<li>
<a href="#tab3" data-toggle="tab" class="step active">
<span class="number">3 </span>
<span class="desc">
<i class="fa fa-check"></i>Eventos Nativos </span>
</a>
</li>
</ul>
<div id="bar" class="progress progress-striped active" role="progressbar" style="margin-bottom: 0px;">
<div class="progress-bar progress-bar-success"></div>
</div>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<asp:UpdatePanel runat="server" UpdateMode="conditional" ID="UpMarcas">
<ContentTemplate>
<div class="col-md-6">
<div class="portlet">
<div class="portlet-title">
<div class="caption">
<i class="fa fa-bell-o"></i>Seleccione la marca
</div>
<div class="tools">
<asp:HiddenField runat="server" ID="hdnMarca" Value="0"></asp:HiddenField>
</div>
</div>
<div class="portlet-body">
<div class="table-scrollable">
<asp:GridView ID="gvMarcas" runat="server" DataKeyNames="CveMarca, Marca, Estatus" 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="Marca" ItemStyle-Width="50%" HeaderText="Marca" ItemStyle-HorizontalAlign="Left" />
<asp:BoundField DataField="FechaIng" DataFormatString="{0:d}" HeaderText="Fecha Registro" ItemStyle-Width="40%" ItemStyle-HorizontalAlign="Center" />
<asp:TemplateField HeaderText="Editar" ItemStyle-Width="5%" ItemStyle-HorizontalAlign="Right">
<ItemTemplate>
<asp:LinkButton ID="imgE" HeaderText="Eliminar" runat="server" AlternateText="Editar" OnClick="imgEM_Click" CausesValidation="False" CssClass="btn btn-circle btn-sm green" Text="<i class='fa fa-pencil'></i>" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Eliminar" ItemStyle-Width="5%" ItemStyle-HorizontalAlign="Left">
<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>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="tab-pane" id="tab2">
<div class="row">
<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">Datos del módelo</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="UpModelo" UpdateMode="Conditional">
<ContentTemplate>
<div class="form-group form-md-line-input input-iconright">
<asp:TextBox ID="TxtModelo" Style="height: 42px" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
<asp:RequiredFieldValidator ID="RFVEvento" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtModelo" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Modelo''</b> es necesario, por favor ingréselo." ValidationGroup="grpModelo"></asp:RequiredFieldValidator>
<label for="<%=TxtModelo.ClientID.ToString()%>">Módelo:</label>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group form-md-line-input">
<asp:TextBox ID="TxtNoEntradasA" Style="height: 42px; text-align: right" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
<label for="<%=TxtNoEntradasA.ClientID.ToString()%>">No. Entradas Análogas:</label>
</div>
</div>
<div class="col-md-6">
<div class="form-group form-md-line-input">
<asp:TextBox ID="TxtNoSalidasA" Style="height: 42px; text-align: right" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
<label for="<%=TxtNoSalidasA.ClientID.ToString()%>">No. Salidas Análogas:</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group form-md-line-input">
<asp:TextBox ID="TxtNoEntradasD" Style="height: 42px; text-align: right" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
<label for="<%=TxtNoEntradasD.ClientID.ToString()%>">No. Entradas Digitales:</label>
</div>
</div>
<div class="col-md-6">
<div class="form-group form-md-line-input">
<asp:TextBox ID="TxtNoSalidasD" Style="height: 42px; text-align: right" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
<label for="<%=TxtNoSalidasD.ClientID.ToString()%>">No. Salidas Digitales:</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group form-md-line-input">
<asp:TextBox ID="TxtEntradasDts" Style="height: 42px; text-align: right" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
<label for="<%=TxtEntradasDts.ClientID.ToString()%>">No. de Entradas Datos:</label>
</div>
</div>
<div class="col-md-6">
<div class="form-group form-md-line-input">
<asp:TextBox ID="TxtSalidasDts" Style="height: 42px; text-align: right" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
<label for="<%=TxtEntradasDts.ClientID.ToString()%>">No. Salidas Datos:</label>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab3">
<asp:UpdatePanel runat="server" UpdateMode="conditional" ID="UpEventos">
<ContentTemplate>
<div class="col-md-6">
<div class="portlet">
<div class="portlet-title">
<div class="caption">
<i class="fa fa-bell-o"></i>Seleccione los eventos
</div>
<div class="tools">
</div>
</div>
<div class="portlet-body">
<div class="table-scrollable">
<asp:GridView ID="GvEventos" runat="server" DataKeyNames="CveEvento, Evento, CSS, Sonido, Imagen" CssClass="table table-striped table-advance table-hover ScrollAD" data-height="200px" AutoGenerateColumns="false" CellSpacing="0" GridLines="none" EmptyDataText="No se encontraron registros" Style="width: 100%">
<Columns>
<asp:TemplateField ItemStyle-HorizontalAlign="center" ItemStyle-Width="5%">
<ItemTemplate>
<asp:CheckBox runat="server" ID="chkEv" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="Evento" ItemStyle-Width="35%" HeaderText="Evento" ItemStyle-HorizontalAlign="Left" />
<asp:ImageField ControlStyle-Width="28" ControlStyle-Height = "28" DataImageUrlField="Imagen" DataImageUrlFormatString="~\Imagenes\{0}" ItemStyle-Width="20%" HeaderText="Imagen" ItemStyle-HorizontalAlign="Center" />
<asp:TemplateField HeaderText="Sonido" ItemStyle-Width="30%" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Literal runat="server" Text='<%# Eval("Sonido") %>' ></asp:Literal>
<asp:LinkButton runat="server" id="PlaySonido" CssClass="btn btn-circle btn-sm green" Visible="false" Text="<i class='fa fa fa-play'></i>"></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Editar" ItemStyle-Width="5%" ItemStyle-HorizontalAlign="Right">
<ItemTemplate>
<asp:LinkButton ID="imgE" HeaderText="Eliminar" runat="server" AlternateText="Editar" OnClick="imgEE_Click" CausesValidation="False" CssClass="btn btn-circle btn-sm green" Text="<i class='fa fa-pencil'></i>" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Eliminar" ItemStyle-Width="5%" ItemStyle-HorizontalAlign="Left">
<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>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
<div class="form-actions">
<div class="row">
<div class="col-md-12">
<a href="javascript:RegresaValor()" id="globalprevious" style="float: left; display: none !important" class="btn default button-previous">
<i class="fa fa-angle-left"></i>Regresar </a>
<a href="#" id="globalnext" style="float: right; display: none !important" class="button-next"></a>
<asp:UpdatePanel runat="server" ID="UpBotones" UpdateMode="conditional">
<ContentTemplate>
<asp:LinkButton ID="BtnBack" Visible="false" Text="<i class='fa fa-angle-left'></i>Regresar </a>" Style="float: left" class="btn default" runat="server"></asp:LinkButton>
<asp:LinkButton ID="BtnMain" Style="float: right" Text="Continuar<i class='fa fa-angle-right'></i>" class="btn btn-outline green" runat="server"></asp:LinkButton>
<asp:LinkButton ID="BtnFinalizar" runat="server" Text="Finalizar" Style="display: none" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</div>
</div>
</div>
</div>
<%--empiezan divs de agregar--%>
<div id="divMarca" class="modal ADS fade" role="dialog">
<div class="modal-dialog">
<asp:UpdatePanel ID="UpdatePanel1" 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">&times;</span>
</button>
<h4 class="modal-title" style="text-align:left" runat="server" id="myModalLabel2">Agregar Marca</h4>
</div>
<div class="modal-body">
<asp:UpdatePanel ID="UpBodyMarca" UpdateMode="Conditional" runat="server">
<ContentTemplate>
<div class="form-group form-md-line-input input-iconright">
<asp:TextBox ID="TxtMarca" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtMarca" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Marca''</b> es necesario, por favor ingréselo." ValidationGroup="GrpAddMarca"></asp:RequiredFieldValidator>
<label for="<%=TxtMarca.ClientID.ToString()%>">Marca:</label>
</div>
<div runat="server" id="dvEstatusM" class="form-group form-md-line-input input-iconright">
<label>Activo: </label>
<br />
<asp:Checkbox ID="chkEstatusMarca" Text=" " runat="server" CssClass="chksino" Width="250px">
</asp:Checkbox>
</div>
</ContentTemplate>
</asp:UpdatePanel>
<div class="modal-footer">
<asp:UpdatePanel ID="UpFooterMarca" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:LinkButton ID="BtnAddMarca" runat="server" CssClass="btn btn-primary" ValidationGroup="GrpAddMarca"> Agregar</asp:LinkButton>
<button data-dismiss="modal" class="btn btn-default" >Cancelar</button>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
<div id="divEventos" class="modal ADS fade" role="dialog">
<div class="modal-dialog">
<asp:UpdatePanel ID="UpdatePanel2" 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">&times;</span>
</button>
<h4 class="modal-title" runat="server" style="text-align:left" id="myModalLabel3">Agregar Evento</h4>
</div>
<div class="modal-body">
<asp:UpdatePanel ID="UpBodyEvento" UpdateMode="Conditional" runat="server">
<ContentTemplate>
<div class="form-group form-md-line-input input-iconright">
<asp:TextBox ID="TxtEvento" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtEvento" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Evento''</b> es necesario, por favor ingréselo." ValidationGroup="GrpAddEvento"></asp:RequiredFieldValidator>
<label for="<%=TxtEvento.ClientID.ToString()%>">Evento:</label>
</div>
<div class="form-group form-md-line-input input-iconright">
<asp:DropDownList ID="DdlTipoEvento" runat="server" Enabled="false" AutoPostBack="true" DataTextField="EventoTipo" DataValueField="CveEventoTipo" CssClass="form-control select2me " Width="250px">
<asp:ListItem Selected="True" Text="Nativo" Value="1"></asp:ListItem>
</asp:DropDownList>
<label for="<%=TxtEvento.ClientID.ToString()%>">Tipo de Evento:</label>
</div>
<div class="form-group form-md-line-input input-iconright">
<asp:TextBox ID="TxtCSS" runat="server" CssClass="form-control" CausesValidation="true"></asp:TextBox>
<label for="<%=TxtCSS.ClientID.ToString()%>">CSS:</label>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group form-md-line-input input-iconright">
<label style="margin-bottom: 0; font-size: 13px; color: #888888; opacity: 1; bottom: auto;">Imagen Representativa:</label>
<br />
<asp:ImageButton runat="server" ID="ImgImagen" Style="height: 25px;" ImageUrl="/Imagenes/AddArchivo.png" OnClientClick="javascript:$('#DivImagen').modal(); return false;" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group form-md-line-input input-iconright">
<label style="margin-bottom: 0; font-size: 13px; color: #888888; opacity: 1; bottom: auto;">Sonido:</label>
<br />
<asp:ImageButton ID="ImgSonido" Height="25px" runat="server" ImageUrl="/Imagenes/AddArchivo.png" OnClientClick="javascript:$('#DivSonido').modal(); return false;"></asp:ImageButton>
<asp:LinkButton runat="server" ID="PlaySonidoTmp" Visible="false" CssClass="btn btn-circle btn-sm green" Text="<i class='fa fa fa-play'></i>"></asp:LinkButton>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
<div class="modal-footer" style="margin-top:25px">
<asp:UpdatePanel ID="UpFooterEvento" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:LinkButton ID="BtnAddEvento" runat="server" CssClass="btn btn-primary" ValidationGroup="GrpAddEvento"> <i class='material-icons'>done_all</i> Agregar</asp:LinkButton>
<button data-dismiss="modal" class="btn btn-default" >Cancelar</button>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</div>
<asp:HiddenField runat="server" Value="1" ID="HdnPaso" />
<%--terminan divs de agregar--%>
<%--DIVS DE UPLOAD--%>
<asp:UpdatePanel runat="server" ID="UpImagen">
<ContentTemplate>
<div id="DivImagen" class="modal ADS fade" role="dialog">
<div class="modal-dialog" style="width: 700px;">
<div class="modal-content">
<div class="modal-header ">
<h4 class="modal-title">Agregar Imagen</h4>
</div>
<div class="modal-body">
<asp:UpdatePanel runat="server" ID="UpBodyImagen" UpdateMode="Conditional">
<ContentTemplate>
<div class="row">
<div class="col-md-4 truncate ">Arrastre la imagen:</div>
<div class="col-md-8">
<asp:TextBox ID="TxtUpImagen" CssClass="ADSdropzone hidden" data-maxFile="1" runat="server"></asp:TextBox>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="modal-footer">
<asp:Button ID="btnAddImagen" runat="server" CssClass="btn btn-primary" Text="Guardar" />
<button class="btn btn-default" data-dismiss="modal">Cancelar</button>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel runat="server" ID="UpSonido">
<ContentTemplate>
<div id="DivSonido" class="modal ADS fade" role="dialog">
<div class="modal-dialog" style="width: 700px;">
<div class="modal-content">
<div class="modal-header ">
<h4 class="modal-title">Agregar Sonido</h4>
</div>
<div class="modal-body">
<asp:UpdatePanel runat="server" ID="UpBodySonido" UpdateMode="Conditional">
<ContentTemplate>
<div class="row">
<div class="col-md-4 truncate ">Arrastre el archivo de Sonido:</div>
<div class="col-md-8">
<asp:TextBox ID="TxtUpSonido" CssClass="ADSdropzone hidden" data-maxFile="1" runat="server"></asp:TextBox>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="modal-footer">
<asp:Button ID="btnAddSonido" runat="server" CssClass="btn btn-primary" Text="Guardar" />
<button class="btn btn-default" data-dismiss="modal">Cancelar</button>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="JS" runat="Server">
<script src="../Metronic/assets/global/plugins/bootstrap-wizard/jquery.bootstrap.wizard.js"></script>
<script type="text/javascript">
var handleTitle = function (tab, navigation, index) {
var total = navigation.find('li').length;
var current = index + 1;
// set wizard title
$('.step-title', $('#form_wizard_1')).text('Paso ' + (index + 1) + ' de ' + total);
// set done steps
jQuery('li', $('#form_wizard_1')).removeClass("done");
var li_list = navigation.find('li');
for (var i = 0; i < index; i++) {
jQuery(li_list[i]).addClass("done");
}
if (current == 1) {
$('#form_wizard_1').find('.button-previous').hide();
$("#H_BtnOpenDivEventos").css("display", "none")
$("#H_BtnOpenDivMarca").css("display", "")
}
if (current == 2) {
$("#H_BtnOpenDivEventos").css("display", "none")
$("#H_BtnOpenDivMarca").css("display", "none")
}
if (current >= total) {
$('#form_wizard_1').find('.button-next').hide();
$("#H_BtnOpenDivEventos").css("display", "")
$("#H_BtnOpenDivMarca").css("display", "none")
}
Metronic.scrollTo($('.page-title'));
}
function RegresaValor() {
}
$(document).ready(function () {
$('#form_wizard_1').bootstrapWizard({
'nextSelector': '.button-next',
'previousSelector': '.button-previous',
onTabClick: function (tab, navigation, index, clickedIndex) {
return false;
},
onNext: function (tab, navigation, index) {
handleTitle(tab, navigation, index);
},
onPrevious: function (tab, navigation, index) {
handleTitle(tab, navigation, index);
$("#Giro").click()
},
onTabShow: function (tab, navigation, index) {
var total = navigation.find('li').length;
var current = index + 1;
var $percent = (current / total) * 100;
handleTitle(tab, navigation, index);
$('#form_wizard_1').find('.progress-bar').css({
width: $percent + '%'
});
}
});
});
function PlaySonidito(Sonido) {
var snd = new Audio("/Sonidos/" + Sonido);
snd.play();
snd.currentTime = 0;
}
function PlaySoniditoTmp(Sonido) {
var snd = new Audio("/Temp/" + Sonido);
snd.play();
snd.currentTime = 0;
}
var indiceAnterior = 0;
function CargaDatosSeleccionados(indice, valor) {
var columnaSeleccionada = 2 + indice;
$('#C_hdnMarca').val(valor);
$('#C_gvMarcas tr').filter(':nth-child(' + indiceAnterior + ')').css('background-color', 'initial');
$('#C_gvMarcas tr').filter(':nth-child(' + columnaSeleccionada + ')').css('background-color', '#F5B27A');
indiceAnterior = columnaSeleccionada;
}
</script>
</asp:Content>