205 lines
13 KiB
Plaintext
205 lines
13 KiB
Plaintext
<%@ Page Title="" Language="VB" MasterPageFile="~/Site.master" AutoEventWireup="false" CodeFile="CatEventos.aspx.vb" Inherits="GPS_CatEventos" %>
|
|
|
|
<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">
|
|
Catálogo de Eventos
|
|
</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="BtnOpenDiv"><i class="fa fa-plus"></i>Agregar</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="row" style="margin-left: 0px; margin-top: 5px; margin-bottom: 5px; text-align:right" align="left">
|
|
<input type="text" id="TxtBusqueda" class="form-control input-sm" onkeyup="<%= String.Format("FiltrarTabla('TxtBusqueda','{0}')", GVDatos.ClientID) %>" style="display: inline-block; margin-right: -20px; width: 150px;" />
|
|
<a href="javascript:;" onclick="<%= String.Format("FiltrarTabla('TxtBusqueda','{0}')", GvDatos.ClientID) %>" style="margin-top: -3px;" class="btn btn-circle btn-sm label-info"><i class="icon-magnifier"></i></a>
|
|
</div>
|
|
<asp:UpdatePanel ID="UpDatos" runat="server" UpdateMode="Conditional">
|
|
<ContentTemplate>
|
|
<asp:GridView ID="GvDatos" runat="server" GridLines="None" DataKeyNames="CveEvento, Evento, CSS, Sonido, Imagen" CssClass="table table-striped table-advance table-hover Widthall" CellSpacing="0" Width="100%" AutoGenerateColumns="False" EmptyDataText="No se encontraron registros" ToolTip="Listado de eventos">
|
|
<Columns>
|
|
<asp:BoundField DataField="Evento" ItemStyle-Width="20%" HeaderText="Evento" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:BoundField DataField="CSS" ItemStyle-Width="10%" HeaderText="CSS" ItemStyle-HorizontalAlign="Left" />
|
|
<asp:ImageField ControlStyle-Width="28" ControlStyle-Height="28" DataAlternateTextField="Imagen" DataImageUrlField="Imagen" DataImageUrlFormatString="~\Imagenes\{0}" ItemStyle-Width="15%" HeaderText="Imagen" ItemStyle-HorizontalAlign="Center" />
|
|
<asp:TemplateField HeaderText="Sonido" ItemStyle-Width="15%" 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" 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" runat="server" AlternateText="Editar" OnClick="imgE_Click" CausesValidation="False" CssClass="btn btn-circle btn-sm green" Text="<i class='fa fa-pencil'></i>" />
|
|
</ItemTemplate>
|
|
</asp:TemplateField>
|
|
<asp:TemplateField ItemStyle-Width="5%" HeaderText="Eliminar" ItemStyle-HorizontalAlign="Left">
|
|
<ItemTemplate>
|
|
<asp:LinkButton ID="imgD" ItemStyle-Width="5%" 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 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">×</span>
|
|
</button>
|
|
<h4 class="modal-title" id="myModalLabel3" runat="server" style="text-align:left">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: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>
|
|
<%--<div class="form-group form-md-line-input input-iconright">
|
|
<asp:DropDownList ID="DdlControladorGrafico" AppendDataBoundItems="true" runat="server" DataValueField="CveControladorGrafico" DataTextField="ControladorGrafico" CssClass="form-control select2me js-Impuesto-programmatic" Width="250px">
|
|
<asp:ListItem Selected="true" Value="-1" Text="Seleccione"></asp:ListItem>
|
|
</asp:DropDownList>
|
|
<label for="<%= DdlControladorGrafico.ClientID.ToString()%>">Control Gráfico:</label>
|
|
</div>
|
|
<div id="dvEstatusEv" runat="server" class="form-group form-md-line-input input-iconright">
|
|
<label>Activo: </label>
|
|
<br />
|
|
<asp:Checkbox ID="chkEstatus" Text=" " runat="server" CssClass="chksino" Width="250px">
|
|
</asp:Checkbox>
|
|
</div> --%>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
<div class="modal-footer">
|
|
<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 id="btnCancelar" data-dismiss="modal" class="btn btn-default" >Cancelar</button>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
</ContentTemplate>
|
|
</asp:UpdatePanel>
|
|
</div>
|
|
</div>
|
|
|
|
<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>
|
|
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;
|
|
}
|
|
|
|
</script>
|
|
</asp:Content>
|
|
|