Descripcion Larga Aplicacion
git-tfs-id: [http://192.168.1.10:8080/tfs/AyA]$/SINORT;C143
This commit is contained in:
dmendez
parent
e0714d3ebc
commit
dcc3218690
2 changed files with 94 additions and 4 deletions
|
|
@ -39,6 +39,20 @@ this.getDataModel = function () {
|
|||
InsertarItem();
|
||||
});
|
||||
|
||||
|
||||
$("#btnDescripcionLarga").unbind("click");
|
||||
$("#btnDescripcionLarga").click(function () {
|
||||
$("#divRespuesta").empty();
|
||||
$("#lblDescripcionLarga").text("Descripción");
|
||||
$("#txtDescripcionLarga").val('');
|
||||
|
||||
|
||||
$('#modalDescripcionLarga-footer').css("display", "block");
|
||||
$('#modalDescripcionLarga').modal('show');
|
||||
});
|
||||
|
||||
|
||||
|
||||
$('#TableItems').TableInit(0, false, true, true, false, null, null);
|
||||
ObtenerAplicaciones();
|
||||
|
||||
|
|
@ -46,11 +60,16 @@ this.getDataModel = function () {
|
|||
}
|
||||
this.CargarGridAplicaciones = function (data) {
|
||||
|
||||
|
||||
|
||||
var TableItems = $('#TableItems').DataTable();
|
||||
var lista = data;
|
||||
|
||||
$.each(lista, function (key, item) {
|
||||
|
||||
var btnDescripcionLarga = $("#ucbtDescripcionLarga").html();
|
||||
btnDescripcionLarga = replaceAll("[$DescripcionLarga]", item.DescripcionLarga, btnDescripcionLarga);
|
||||
|
||||
|
||||
var option = $("#ucItemsCatalogo").html();
|
||||
|
||||
|
|
@ -74,10 +93,16 @@ this.CargarGridAplicaciones = function (data) {
|
|||
option = replaceAll("[$icon]", "fa-times", option);
|
||||
option = replaceAll("[$value]", "0", option);
|
||||
}
|
||||
|
||||
TableItems.column(1).visible(false);
|
||||
TableItems.column(3).visible(false);
|
||||
|
||||
TableItems.row.add([stateIcon,
|
||||
item.IdAplicacion,
|
||||
item.Descripcion,
|
||||
item.DescripcionLarga,
|
||||
|
||||
btnDescripcionLarga,
|
||||
option]).draw();
|
||||
|
||||
|
||||
|
|
@ -87,6 +112,16 @@ this.CargarGridAplicaciones = function (data) {
|
|||
}
|
||||
|
||||
|
||||
this.VerDescripcionLarga = function (DescripcionLarga) {
|
||||
|
||||
$("#txtDescripcionLarga").val(DescripcionLarga);
|
||||
$('#modalDescripcionLarga').modal('show');
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
this.ObtenerAplicaciones = function (data) {
|
||||
|
||||
|
|
@ -107,6 +142,7 @@ this.EditarItem = function (id) {
|
|||
|
||||
$('#hiddenId').val(id)
|
||||
$('#txtDescripcion').val(TableItems.cell(indexes, 2).data());
|
||||
$('#txtAreaDescripcionLarga').val(TableItems.cell(indexes, 3).data());
|
||||
|
||||
|
||||
|
||||
|
|
@ -142,7 +178,7 @@ this.toggleEnabledItem = function (id, value) {
|
|||
|
||||
Aplicacion = {
|
||||
IdAplicacion: id,
|
||||
Estado: value,
|
||||
Estado: value
|
||||
}
|
||||
|
||||
var uri = CatalogosWCF + '/api/InsertarActualizarAplicacion';
|
||||
|
|
@ -165,7 +201,7 @@ this.ActualizarItem = function () {
|
|||
Aplicacion = {
|
||||
IdAplicacion: $('#hiddenId').val(),
|
||||
Descripcion: $('#txtDescripcion').val(),
|
||||
Estado: 1,
|
||||
DescripcionLarga: $('#txtAreaDescripcionLarga').val()
|
||||
}
|
||||
|
||||
var uri = CatalogosWCF + '/api/InsertarActualizarAplicacion';
|
||||
|
|
@ -189,8 +225,9 @@ this.InsertarItem = function () {
|
|||
|
||||
Aplicacion = {
|
||||
Descripcion: $("#txtDescripcion").val(),
|
||||
DescripcionLarga: $("#txtAreaDescripcionLarga").val(),
|
||||
IdTipoAplicacion: 1,
|
||||
Estado: 1
|
||||
Estado: Estados.Inicial.Codigo
|
||||
}
|
||||
|
||||
var uri = CatalogosWCF + '/api/InsertarActualizarAplicacion';
|
||||
|
|
@ -209,8 +246,12 @@ this.CompletarAccion = function () {
|
|||
this.LimpiarControles = function () {
|
||||
|
||||
$('#txtDescripcion').val('');
|
||||
$("#formCatalogo").validateElement("#txtDescripcion");
|
||||
$('#txtAreaDescripcionLarga').val('');
|
||||
|
||||
|
||||
$("#formCatalogo").validateElement("#txtDescripcion");
|
||||
$("#formCatalogo").validateElement("#txtAreaDescripcionLarga");
|
||||
|
||||
$('#lbTituloAccion').empty();
|
||||
$('#lbTituloAccion').append('Ingresar Nueva Aplicación');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,6 +19,9 @@
|
|||
<th></th>
|
||||
<th class="col-sm-1">ID</th>
|
||||
<th class="col-sm-4">Descripción</th>
|
||||
<th class="col-sm-4">Detalle</th>
|
||||
|
||||
<th></th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
|
@ -62,6 +65,13 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
@*--------------------- Descripcion Larga ---------------------------------------------------------*@
|
||||
<div class="form-group " id="divAreaDescripcionLarga">
|
||||
<label class="col-sm-4 control-label ControlsForms" id="lblAreaDescripcionLarga">Detalle</label>
|
||||
<div class="input-group input-group-sm col-lg-6 col-md-6 col-sm-6 col-xs-6">
|
||||
<textarea name="txtAreaDescripcionLarga" rows="8" cols="31" id="txtAreaDescripcionLarga" style="resize: none"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
|
@ -97,6 +107,45 @@
|
|||
</div>
|
||||
</form>
|
||||
|
||||
<div id="ucbtDescripcionLarga" style=" display:none;">
|
||||
<button type="button" id="btnDescripcionLarga" class="btn btn-default btn-xs" onclick="VerDescripcionLarga('[$DescripcionLarga]')" title="Ver Descripción ">
|
||||
<i class="fa fa-search"></i> Ver
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@section Modals{
|
||||
|
||||
@*--------------------- Modal Ver Descripcion Larga ---------------------------------------------------------*@
|
||||
<div class="modal fade" id="modalDescripcionLarga" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" style="display: none;">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h4 class="modal-title"> <i class="fa fa-comment-o"></i> Descripción </h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="formDescripcionLarga">
|
||||
|
||||
@*--------------------- Descripcion Larga ---------------------------------------------------------*@
|
||||
<div class="form-group " id="divDescripcionLarga">
|
||||
<label class="col-sm-4 control-label ControlsForms" id="lblDescripcionLarga">Descripción</label>
|
||||
<div class="input-group input-group-sm col-lg-6 col-md-6 col-sm-6 col-xs-6">
|
||||
<textarea name="txtDescripcionLarga" rows="8" cols="45" id="txtDescripcionLarga" readonly style="resize: none"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="modal-footer" id="modalDescripcionLarga-footer">
|
||||
<button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Cerrar</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
}
|
||||
|
||||
@Scripts.Render("~/Sinort-Scripts/Aplicacion.js")
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue