usercontrol Tareas
This commit is contained in:
JORGE LUIS CAUDILLO ESPARZA
322
UserControl/TareaNueva.ascx
Normal file
322
UserControl/TareaNueva.ascx
Normal file
@@ -0,0 +1,322 @@
|
||||
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="TareaNueva.ascx.cs" Inherits="UserControl_TareaNueva" %>
|
||||
<style>
|
||||
.fileTarea .mypaste:before {
|
||||
content: "Pegar aquí";
|
||||
font-size: 20px;
|
||||
margin-left: 10px;
|
||||
padding-left: 13px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.fileTarea .addropzone {
|
||||
margin-bottom: 10px;
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.fileTarea .addropzone.dz-clickable:before {
|
||||
position: absolute;
|
||||
content: "Arrastre el archivo";
|
||||
color: #808080;
|
||||
font-size: 20px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.fileTarea .addropzone .dz-preview, .fileTarea .dropzone-previews .dz-preview {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.fileTarea .btn-sm, .fileTarea .btn-xs {
|
||||
padding: 4px 10px 5px 10px;
|
||||
font-size: 10px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.fileTarea .addropzone .dz-preview .dz-details, .fileTarea .dropzone-previews .dz-preview .dz-details {
|
||||
height: 60px;
|
||||
padding: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.fileTarea .addropzone .dz-preview, .fileTarea .dropzone-previews .dz-preview {
|
||||
font-size: 10px;
|
||||
}
|
||||
</style>
|
||||
<asp:UpdatePanel ID="UpModalTareaNueva" class=" " tabindex="-1" runat="server" UpdateMode="Conditional">
|
||||
<ContentTemplate>
|
||||
<asp:Panel runat="server" ID="iddivAgregarTarea" CssClass="modal ADS fade" role="dialog">
|
||||
<asp:Panel ID="iddivAgregarTareamodaldialog" runat="server" CssClass="modal-dialog modal-lg">
|
||||
<asp:Panel runat="server" ID="iddivAgregarTareamodalcontent" CssClass="modal-content">
|
||||
|
||||
<asp:Panel runat="server" ID="iddivAgregarTareamodalheader" CssClass="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span> </button>
|
||||
<h4 class="modal-title" style="text-align: left">
|
||||
<asp:Literal ID="LtlTituloNewProyecto" runat="server">Agregar Tarea</asp:Literal></h4>
|
||||
</asp:Panel>
|
||||
<asp:Panel runat="server" ID="iddivAgregarTareamodalbody" CssClass="modal-body">
|
||||
|
||||
<asp:Panel runat="server" ID="portletTarea" 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">Tarea Nueva</span>
|
||||
</div>
|
||||
<div class="tools">
|
||||
<a href="javascript:;" class="collapse" data-original-title="" title=""></a>
|
||||
</div>
|
||||
<asp:Panel runat="server" CssClass="actions">
|
||||
<div class="btn-group">
|
||||
<asp:LinkButton ID="LnkAgregarTarea" OnClick="BtnGuardarTarea_Click" CssClass="btn btn-default" runat="server">Agregar</asp:LinkButton>
|
||||
</div>
|
||||
</asp:Panel>
|
||||
</div>
|
||||
<div class="portlet-body rowpadding">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
|
||||
<div class="form-group form-md-line-input input-iconright">
|
||||
<asp:TextBox ID="TxtAsunto" runat="server" CssClass="form-control TxtTareaAsunto" CausesValidation="true"></asp:TextBox>
|
||||
<asp:RequiredFieldValidator ID="RFVAsunto" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtAsunto" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Asunto''</b> es necesario, por favor ingréselo." ValidationGroup="GrpTarea"></asp:RequiredFieldValidator>
|
||||
<asp:Label runat="server" Text="Asunto:" AssociatedControlID="TxtAsunto"></asp:Label>
|
||||
</div>
|
||||
<div class="form-group form-md-line-input">
|
||||
<asp:TextBox ID="TxtDescripcion" runat="server" CssClass="form-control TxtTareaDescripcion" CausesValidation="true" TextMode="MultiLine" Rows="4"></asp:TextBox>
|
||||
<asp:RequiredFieldValidator ID="RfvDescripcion" runat="server" CssClass="help-block errorimput" ControlToValidate="TxtDescripcion" ErrorMessage="<b><span style='text-decoration: underline'>ERROR:</span></b><br />El campo <b>''Descripción''</b> es necesario, por favor ingréselo." ValidationGroup="GrpTarea"></asp:RequiredFieldValidator>
|
||||
<asp:Label runat="server" Text="Descripción" AssociatedControlID="TxtDescripcion"></asp:Label>
|
||||
</div>
|
||||
|
||||
<div class="form-group form-md-line-input">
|
||||
<asp:DropDownList ID="DdlPara" runat="server" CssClass="form-control select2me input-sm" DataValueField="CveUsuario" DataTextField="Nombre" Width="100%">
|
||||
<asp:ListItem Selected="True" Text="Seleccione" Value="-1"></asp:ListItem>
|
||||
</asp:DropDownList>
|
||||
<asp:Label runat="server" AssociatedControlID="DdlPara">Para:</asp:Label>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="input-group form-group form-md-line-input date date-picker " data-date-format="dd/mm/yyyy hh:mm" style="display: inline-block;">
|
||||
<asp:TextBox ID="txtFechaI" runat="server" autocomplete="false" CssClass="form-control ADDateTimePickerUC" CausesValidation="true" MaxLength="18" Width="132px "></asp:TextBox>
|
||||
<asp:RequiredFieldValidator ID="RFVtxtFechaI" 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="GrpTarea"></asp:RequiredFieldValidator>
|
||||
<asp:Label AssociatedControlID="txtFechaI" runat="server" Text="Fecha Inicio"></asp:Label>
|
||||
<%--<ajax:MaskedEditExtender ID="MEEFechaI" runat="server" TargetControlID="txtFechaI" Mask="99/99/9999 99:99" MaskType="DateTime" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>--%>
|
||||
<ajax:ValidatorCalloutExtender ID="VcoFechaI" runat="server" HighlightCssClass="vco" TargetControlID="RFVtxtFechaI" Width="350px"></ajax:ValidatorCalloutExtender>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="input-group form-group form-md-line-input date date-picker " data-date-format="dd/mm/yyyy hh:mm" style="display: inline-block;">
|
||||
<asp:TextBox ID="txtFechaF" runat="server" autocomplete="false" CssClass="form-control ADDateTimePickerUC" CausesValidation="true" MaxLength="18" Width="132px " placeholder=""></asp:TextBox>
|
||||
<asp:RequiredFieldValidator ID="RFVtxtFechaF" 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="GrpTarea"></asp:RequiredFieldValidator>
|
||||
<asp:Label AssociatedControlID="txtFechaF" runat="server" Text="Fecha Fin"></asp:Label>
|
||||
<%--<ajax:MaskedEditExtender ID="MEEFechaI" runat="server" TargetControlID="txtFechaI" Mask="99/99/9999 99:99" MaskType="DateTime" DisplayMoney="Left" AcceptNegative="Left"></ajax:MaskedEditExtender>--%>
|
||||
<ajax:ValidatorCalloutExtender ID="VcoFechaF" runat="server" HighlightCssClass="vco" TargetControlID="RFVtxtFechaF" Width="350px"></ajax:ValidatorCalloutExtender>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="form-group form-md-line-input">
|
||||
<asp:DropDownList ID="DdlPrioridad" runat="server" CssClass="form-control select2me input-sm" Width="100%">
|
||||
<asp:ListItem Selected="True" Text="Seleccione" Value="-1"></asp:ListItem>
|
||||
<asp:ListItem Text="Baja" Value="1" class="itembaja"></asp:ListItem>
|
||||
<asp:ListItem Text="Media" Value="2" class="itemmedia"></asp:ListItem>
|
||||
<asp:ListItem Text="Alta" Value="3" class="itemalta"></asp:ListItem>
|
||||
</asp:DropDownList>
|
||||
<asp:RequiredFieldValidator ID="RFVPrioridad" runat="server" ControlToValidate="DdlPrioridad" Display="None" ErrorMessage="El campo <b>''Prioridad''</b> es necesario, por favor seleccione uno." InitialValue="-1" ValidationGroup="GrpTarea"></asp:RequiredFieldValidator>
|
||||
<asp:Label runat="server" AssociatedControlID="DdlPrioridad">Prioridad:</asp:Label>
|
||||
<ajax:ValidatorCalloutExtender ID="VCOPrioridad" runat="server" TargetControlID="RFVPrioridad" HighlightCssClass="vco" Width="300px"></ajax:ValidatorCalloutExtender>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-5">
|
||||
<div class="form-group form-md-line-input">
|
||||
<asp:DropDownList ID="DdlTema" runat="server" CssClass="form-control select2me input-sm" DataValueField="CveRevision" DataTextField="Revision" Width="100%">
|
||||
<asp:ListItem Selected="True" Text="Seleccione" Value="-1"></asp:ListItem>
|
||||
</asp:DropDownList>
|
||||
<asp:Label runat="server" AssociatedControlID="DdlTema">Tema:</asp:Label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-1">
|
||||
<asp:LinkButton ID="LnkAddTtemaB" OnClick="LnkAddTtemaB_Click" runat="server" CssClass="btn btn-default" Style="margin-top: 15px;"><i class="fa fa-plus"></i></asp:LinkButton>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="fileTarea">
|
||||
<asp:TextBox ID="TxtArchivo" CssClass="ADSdropzone hidden" runat="server"></asp:TextBox>
|
||||
</div>
|
||||
<div class="text-right" style="">
|
||||
<asp:TextBox ID="TxtUsuarioB" runat="server" CssClass="form-control input-sm TxtUsuarioB" Style="display: inline-block; margin-right: -20px; width: 150px;" CausesValidation="true"></asp:TextBox>
|
||||
<a href="javascript:;" style="margin-top: -3px;" class="btn btn-circle btn-sm label-info"><i class="icon-magnifier"></i></a>
|
||||
</div>
|
||||
<asp:GridView ID="GVUsuarios_TareaNueva" runat="server" AutoGenerateColumns="false" DataKeyNames="CveUsuario,Nombre,Correo,Empresa,CveRol,CveSubProyecto"
|
||||
CssClass="table table-striped table-advance table-hover Widthall ScrollAD GVUsuarios_TareaNueva" GridLines="None" data-height="200"
|
||||
OnRowDataBound="GVUsuarios_TareaNueva_RowDataBound">
|
||||
<Columns>
|
||||
<asp:TemplateField>
|
||||
<ItemStyle HorizontalAlign="Center" Width="50px" />
|
||||
<HeaderTemplate>
|
||||
CCP
|
||||
<%--<br />
|
||||
<a id="chkAll" onclick="chkAllB_OncLick(1);" class="linkCorreo" data-toggle="tooltip" title="Seleccionar todos(Visibles)"><i class="fa fa fa-check-square-o"></i></a>
|
||||
<a id="UnchkAll" onclick="chkAllB_OncLick(0);" class="linkCorreo" data-toggle="tooltip" title="Quitar seleccion todos(Visibles)"><i class="fa fa-square-o"></i></a>--%>
|
||||
</HeaderTemplate>
|
||||
<ItemTemplate>
|
||||
<asp:CheckBox ID="ChkOk" CssClass="ChkOk" Checked="false" runat="server" />
|
||||
</ItemTemplate>
|
||||
</asp:TemplateField>
|
||||
<asp:TemplateField>
|
||||
<HeaderTemplate>Usuario</HeaderTemplate>
|
||||
<ItemTemplate>
|
||||
<asp:Literal ID="LtlNombre" runat="server" Text='<%# Eval("Nombre") %>'></asp:Literal>
|
||||
</ItemTemplate>
|
||||
</asp:TemplateField>
|
||||
<asp:TemplateField>
|
||||
<HeaderTemplate>Rol</HeaderTemplate>
|
||||
<ItemTemplate>
|
||||
<asp:Literal ID="LtlRol" runat="server" Text='<%# Eval("Rol") %>'></asp:Literal>
|
||||
</ItemTemplate>
|
||||
</asp:TemplateField>
|
||||
</Columns>
|
||||
</asp:GridView>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</asp:Panel>
|
||||
<asp:TextBox ID="TxtCveTipoEvento" CssClass="hidden TxtCveTipoEvento" runat="server"></asp:TextBox>
|
||||
<asp:TextBox ID="txtCveEventoPadre" CssClass="hidden txtCveEventoPadre" runat="server"></asp:TextBox>
|
||||
|
||||
<asp:TextBox ID="TxtCveActivoFijo" CssClass="hidden TxtTareaNuevaCveActivoFijo" runat="server"></asp:TextBox>
|
||||
<asp:TextBox ID="TxtCveIE" CssClass="hidden TxtTareaNuevaCveIE" runat="server"></asp:TextBox>
|
||||
<asp:TextBox ID="TxtCveProspecto" CssClass="hidden TxtTareaNuevaCveProspecto" runat="server"></asp:TextBox>
|
||||
<asp:TextBox ID="TxtCveCliente" CssClass="hidden TxtTareaNuevaCveCliente" runat="server"></asp:TextBox>
|
||||
<asp:TextBox ID="TxtCveOS" CssClass="hidden TxtTareaNuevaCveOS" runat="server"></asp:TextBox>
|
||||
<asp:TextBox ID="TxtCveOC" CssClass="hidden TxtTareaNuevaCveOC" runat="server"></asp:TextBox>
|
||||
<asp:TextBox ID="TxtCvePersonal" CssClass="hidden TxtTareaNuevaCvePersonal" runat="server"></asp:TextBox>
|
||||
<asp:TextBox ID="TxtCveProveedor" CssClass="hidden TxtTareaNuevaCveProveedor" runat="server"></asp:TextBox>
|
||||
<asp:TextBox ID="TxtCveCompra" CssClass="hidden TxtTareaNuevaCveCompra" runat="server"></asp:TextBox>
|
||||
<asp:TextBox ID="TxtCveVenta" CssClass="hidden TxtTareaNuevaCveVenta" runat="server"></asp:TextBox>
|
||||
<asp:TextBox ID="TxtCveContrato" CssClass="hidden TxtTareaNuevaCveContrato" runat="server"></asp:TextBox>
|
||||
<asp:TextBox ID="TxtCveSubProyecto" CssClass="hidden TxtTareaNuevaCveSubProyecto" runat="server"></asp:TextBox>
|
||||
<asp:TextBox ID="TxtCveMovimientoAlmacen" CssClass="hidden TxtTareaNuevaCveMovimientoAlmacen" runat="server"></asp:TextBox>
|
||||
|
||||
<asp:Button ID="BtnopenmodalConPadre" OnClick="BtnopenmodalConPadre_Click" CssClass="hidden BtnopenmodalConPadre" UseSubmitBehavior="false" runat="server" Text="Button" />
|
||||
</asp:Panel>
|
||||
<asp:Panel runat="server" ID="iddivAgregarTareamodalfooter" CssClass="modal-footer">
|
||||
<asp:LinkButton ID="BtnGuardarTarea" OnClick="BtnGuardarTarea_Click" CssClass="btn btn-primary" runat="server">Guardar</asp:LinkButton>
|
||||
<button data-dismiss="modal" class="btn btn-danger">Cancelar</button>
|
||||
</asp:Panel>
|
||||
</asp:Panel>
|
||||
</asp:Panel>
|
||||
</asp:Panel>
|
||||
|
||||
|
||||
|
||||
<div id='<%= iddivAgregarTema %>' class="modal ADS fade" role="dialog">
|
||||
<div class="modal-dialog">
|
||||
<asp:UpdatePanel ID="UpdatePanel1" class="modal-content " 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" style="text-align: left">
|
||||
<asp:Literal ID="Literal2" runat="server">Agregar Actividad</asp:Literal></h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="form-group form-md-line-input">
|
||||
<asp:TextBox ID="TxtTema" runat="server" CssClass="form-control" CausesValidation="true" TextMode="MultiLine" Rows="1"></asp:TextBox>
|
||||
<asp:Label runat="server" Text="Tema" AssociatedControlID="TxtTema"></asp:Label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<asp:LinkButton ID="BtnAgregarTema" OnClick="BtnAgregarTema_Click" CssClass="btn btn-primary" runat="server">Agregar</asp:LinkButton>
|
||||
<button data-dismiss="modal" class="btn btn-danger">Cancelar</button>
|
||||
</div>
|
||||
</ContentTemplate>
|
||||
</asp:UpdatePanel>
|
||||
</div>
|
||||
</div>
|
||||
</ContentTemplate>
|
||||
</asp:UpdatePanel>
|
||||
<script>
|
||||
function OpenModalNewTareaUserControl(CveTipoEvento, CveEventoPadre, obji/*, CveActivoFijo, CveIE, CveProspecto, CveCliente, CveOS,
|
||||
CveOC, CvePersonal, CveProveedor, CveCompra, CveVenta, CveContrato, CveSubProyecto, CveMovimientoAlmacen*/) {
|
||||
$('.TxtCveTipoEvento').val(CveTipoEvento);
|
||||
$('.txtCveEventoPadre').val(CveEventoPadre);
|
||||
|
||||
$('.TxtTareaNuevaCveActivoFijo').val(obji.CveActivoFijo);
|
||||
$('.TxtTareaNuevaCveIE').val(obji.CveIE);
|
||||
$('.TxtTareaNuevaCveProspecto').val(obji.CveProspecto);
|
||||
$('.TxtTareaNuevaCveCliente').val(obji.CveCliente);
|
||||
$('.TxtTareaNuevaCveOS').val(obji.CveOS);
|
||||
$('.TxtTareaNuevaCveOC').val(obji.CveOC);
|
||||
$('.TxtTareaNuevaCvePersonal').val(obji.CvePersonal);
|
||||
$('.TxtTareaNuevaCveProveedor').val(obji.CveProveedor);
|
||||
$('.TxtTareaNuevaCveCompra').val(obji.CveCompra);
|
||||
$('.TxtTareaNuevaCveVenta').val(obji.CveVenta);
|
||||
$('.TxtTareaNuevaCveContrato').val(obji.CveContrato);
|
||||
$('.TxtTareaNuevaCveSubProyecto').val(obji.CveSubProyecto);
|
||||
$('.TxtTareaNuevaCveMovimientoAlmacen').val(obji.CveMovimientoAlmacen);
|
||||
//alert(obji.CveCliente);
|
||||
//$('#iddivAgregarTarea').modal();
|
||||
$('.BtnopenmodalConPadre').click();
|
||||
}
|
||||
|
||||
function loadTxtAsunto() {
|
||||
let input = $('input.TxtTareaAsunto:not(.CEvent)')
|
||||
let TxtAsunto_Onchange = function () { input.parent().parent().find('.TxtTareaDescripcion').val(input.val()) }
|
||||
input.bind({
|
||||
copy: TxtAsunto_Onchange
|
||||
, paste: TxtAsunto_Onchange
|
||||
, cut: TxtAsunto_Onchange
|
||||
, keydown: function (event) { if (event.which == 13) { event.preventDefault(); } TxtAsunto_Onchange(); }
|
||||
, keyup: function (event) { if (event.which == 13) { event.preventDefault(); } TxtAsunto_Onchange(); }
|
||||
});
|
||||
input.addClass('CEvent');
|
||||
}
|
||||
|
||||
function CargaPickerstareanueva() {
|
||||
$.datetimepicker.setLocale('es');
|
||||
$('input.ADDateTimePickerUC').each(function () {
|
||||
var TThis = $(this);
|
||||
TThis.datetimepicker({
|
||||
dayOfWeekStart: 1,
|
||||
lang: 'es',
|
||||
format: 'd/m/Y H:i',
|
||||
formatDate: 'd/m/Y H:i',
|
||||
step: 30
|
||||
});
|
||||
var Div = TThis.parent()
|
||||
var boton = document.createElement('span');
|
||||
boton.className = "input-group-btn"
|
||||
|
||||
var subboton = document.createElement('a')
|
||||
subboton.className = "btn default btnCalendar"
|
||||
subboton.innerHTML = "<i class='fa fa-calendar'></i>"
|
||||
subboton.addEventListener('click', function () {
|
||||
TThis.datetimepicker('show')
|
||||
});
|
||||
boton.appendChild(subboton)
|
||||
|
||||
var agregar = true;
|
||||
for (var i = 0; i < Div[0].children.length; i++) {
|
||||
if (Div[0].children[i].isEqualNode(boton)) {
|
||||
agregar = false;
|
||||
}
|
||||
}
|
||||
if (agregar) {
|
||||
Div[0].appendChild(boton);
|
||||
}
|
||||
//Div[0].appendChild(boton)
|
||||
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
Sys.Application.add_load(function (s, e) {
|
||||
CargaPickerstareanueva();
|
||||
loadTxtAsunto();
|
||||
});
|
||||
$(document).ready(function () {
|
||||
CargaPickerstareanueva();
|
||||
loadTxtAsunto();
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user