This commit is contained in:
tovares 2018-06-26 21:02:10 +00:00
parent b52dc13461
commit f16c095e8b
6 changed files with 475 additions and 8 deletions

View file

@ -7685,6 +7685,7 @@
<Content Include="Sinort-Scripts\ProyectoNormativo.js" />
<Content Include="Sinort-Scripts\Rol.js" />
<Content Include="Sinort-Scripts\ROTn.js" />
<Content Include="Sinort-Scripts\SubCategoriaContenido.js" />
<Content Include="Sinort-Scripts\Usuario.js" />
<Content Include="Web.config" />
<Content Include="Web.Debug.config">
@ -7721,6 +7722,7 @@
<Content Include="Views\PopUp\_Catalogo.cshtml" />
<Content Include="Views\Catalogos\Usuario.cshtml" />
<Content Include="Views\Catalogos\Contenido.cshtml" />
<Content Include="Views\Catalogos\SubCategoriaContenido.cshtml" />
</ItemGroup>
<ItemGroup>
<Folder Include="App_Data\" />

View file

@ -40,6 +40,10 @@ namespace AYA.SlnSinort.Controllers.Catalogos
InitControllers();
return View();
}
public ActionResult SubCategoriaContenido()
{
InitControllers();
return View();
}
}
}

View file

@ -111,7 +111,7 @@ this.toggleEnabledItem = function (id, value) {
var msg = '¿Está seguro que desea habilitar el Contenido?';
if (value == 0) {
msg = '¿Está seguro que desea deshabilitar el Contendido?';
msg = '¿Está seguro que desea deshabilitar el Contenido?';
}
if (id == null || value == null) {
@ -126,7 +126,7 @@ this.toggleEnabledItem = function (id, value) {
Contenido = {
IdContenido: id,
Estado: value,
Estado: value
}
var uri = CatalogosWCF + '/api/InsertarActualizarContenido';
@ -147,8 +147,8 @@ this.ActualizarItem = function () {
Contenido = {
IdContenido: $('#hiddenId').val(),
Descripcion: $('#txtDescripcion').val(),
Estado: 1,
Descripcion: $('#txtDescripcion').val()
}
var uri = CatalogosWCF + '/api/InsertarActualizarContenido';
@ -163,14 +163,14 @@ this.InsertarItem = function () {
return false;
}
if (!confirm("Va a ingresar un nuevo Emisor .\n ¿Desea continuar?"))
if (!confirm("Va a ingresar un nuevo Contenido .\n ¿Desea continuar?"))
{ return; }
TableItems = $('#TableItems').DataTable();
Contenido = {
IdContenido: 1,
Descripcion: $("#txtDescripcion").val(),
Estado: 1,
Descripcion: $("#txtDescripcion").val()
}
var uri = CatalogosWCF + '/api/InsertarActualizarContenido';

View file

@ -0,0 +1,277 @@
var DataCatalogo;
var id_column = 1;
var Item = {};
jQuery(document).ready(function () {
getDataModel();
});
this.getDataModel = function () {
CargarContenido();
$('#txtDescripcion').attr('size', 50);
$('#btnGuardar').hide();
$('#btnInsertar').show();
$('#btnLimpiarControles').click(function () {
LimpiarControles();
$('#btnGuardar').hide();
$('#btnInsertar').show();
});
$('#btnGuardar').click(function () {
ActualizarItem();
});
$('#btnInsertar').click(function () {
InsertarItem();
});
$("#btnBuscarContenido").unbind("click");
$("#btnBuscarContenido").click(function () {
SelectedCatalog = 'Contenido';
if ($.fn.DataTable.isDataTable('#tableContenido')) {
LoadMessage();
$('#tableContenido').DataTable().search('').draw();
$('#modalContenido').modal('show');
ENDREQUEST();
}
});
$('#tableContenido').on('click', 'button', function () {
var data = $('#tableContenido').DataTable().row($(this).parents('tr')).data();
if (SelectedCatalog == "Contenido") {
$('#hiddenContenido').val(data.codigo);
$('#txtContenido').val(data.descripcion);
}
$('#modalContenido').modal('hide');
});
$('#TableItems').TableInit(0, false, true, true, false, null, null);
ObtenerSubCategoriaContenido();
}
this.CargarContenido = function (filtro) {
var uri = CatalogosWCF + '/api/ObtenerContenidoPopUp';
var model = {
filtro: filtro == null ? '' : '&filtro=' + filtro
}
AjaxPostData(uri, model, false, false, CargarGridContenido, null, null);
}
this.CargarGridContenido = function (data) {
if (data != null) {
listaContenido = data;
var Seleccionar = $("#ucBtnSeleccionarCatalogo").html();
var columnDefinition = [
{ "data": null, className: "center", defaultContent: Seleccionar },
{ "data": "codigo" },
{ "data": "descripcion" }
];
$('#tableContenido').TableInit(0, false, true, true, false, columnDefinition, listaContenido, false);
}
else {
toastr.error("Ha ocurrido un error inesperado. Vuelva a intentarlo mas tarde", Message_Error);
}
}
this.CargarGridSubCategoriaContenido = function (data) {
var TableItems = $('#TableItems').DataTable();
var lista = data;
$.each(lista, function (key, item) {
var option = $("#ucItemsCatalogo").html();
option = replaceAll("[$CodItem]", item.IdSubCategoriaContenido, option);
var stateIcon = $("#ucItemsIcon").html();
if (item.Estado == false) {
stateIcon = replaceAll("[$icon]", "fa-check-circle", stateIcon);
stateIcon = replaceAll("[$state_color]", "muted", stateIcon);
option = replaceAll("[$opcion]", "Habilitar", option);
option = replaceAll("[$icon]", "fa-check", option);
option = replaceAll("[$value]", "1", option);
}
else {
stateIcon = replaceAll("[$icon]", "fa-check-circle", stateIcon);
stateIcon = replaceAll("[$state_color]", "success", stateIcon);
option = replaceAll("[$opcion]", "Deshabilitar", option);
option = replaceAll("[$icon]", "fa-times", option);
option = replaceAll("[$value]", "0", option);
}
TableItems.column(1).visible(false);
TableItems.row.add([stateIcon,
item.IdSubCategoriaContenido,
item.Descripcion,
item.Contenido.Descripcion,
option]).draw();
});
ENDREQUEST();
}
this.ObtenerSubCategoriaContenido = function () {
var uri = CatalogosWCF + '/api/ObtenerSubCategoriaContenido';
AjaxPostData(uri, null, false, false, CargarGridSubCategoriaContenido, null, null);
}
this.EditarItem = function (id) {
TableItems = $('#TableItems').DataTable();
LimpiarControles();
var indexes = getRowIndex(TableItems, id_column, id);
if (indexes != null) {
$('#hiddenId').val(id)
$('#txtDescripcion').val(TableItems.cell(indexes, 2).data());
$("#formCatalogo").validateElement("#txtDescripcion");
$('#lbTituloAccion').empty();
$('#lbTituloAccion').append('Editar Valor de Campo ID: ' + id);
$('#btnInsertar').hide();
$('#btnGuardar').show();
}
}
this.toggleEnabledItem = function (id, value) {
var msg = '¿Está seguro que desea habilitar la Sub Categoria de Contenido ?';
if (value == 0) {
msg = '¿Está seguro que desea deshabilitar la Sub Categoria de Contenido ?';
}
if (id == null || value == null) {
toastr.warning("No se pudo obtener el ID de la Sub Categoria de Contenido seleccionada.");
return;
}
if (!confirm(msg))
{ return; }
TableItems = $('#TableItems').DataTable();
SubCategoriaContenido = {
IdSubCategoriaContenido: id,
Estado: value
}
var uri = CatalogosWCF + '/api/InsertarActualizarSubCategoriaContenido';
AjaxPostData(uri, SubCategoriaContenido, true, true, CompletarAccion, null, null);
}
this.ActualizarItem = function () {
if (!$("#formCatalogo").valid()) {
toastr.warning("Ingresar todos los campos que son requeridos.");
return false;
}
if (!confirm("Se guardarán los cambios.\n ¿Desea continuar?"))
{ return; }
TableItems = $('#TableItems').DataTable();
SubCategoriaContenido = {
IdSubCategoriaContenido: $('#hiddenId').val(),
Descripcion: $('#txtDescripcion').val()
}
var uri = CatalogosWCF + '/api/InsertarActualizarSubCategoriaContenido';
AjaxPostData(uri, SubCategoriaContenido, true, true, CompletarAccion, null, null);
}
this.InsertarItem = function () {
if (!$("#formCatalogo").valid()) {
toastr.warning("Ingresar todos los campos que son requeridos.");
return false;
}
if (!confirm("Va a ingresar una nueva Sub Categoria de Contenido .\n ¿Desea continuar?"))
{ return; }
TableItems = $('#TableItems').DataTable();
Contenido = {
Estado : 1,
IdContenido: $("#hiddenContenido").val(),
Descripcion: $("#txtDescripcion").val()
}
var uri = CatalogosWCF + '/api/InsertarActualizarSubCategoriaContenido';
AjaxPostData(uri, Contenido, true, true, CompletarAccion, null, null);
}
this.CompletarAccion = function () {
$('#btnGuardar').hide();
$('#btnInsertar').show();
TableItems.clear().draw();
ObtenerSubCategoriaContenido();
LimpiarControles();
ENDREQUEST();
}
this.LimpiarControles = function () {
$('#txtDescripcion').val('');
$("#formCatalogo").validateElement("#txtDescripcion");
$('#lbTituloAccion').empty();
$('#lbTituloAccion').append('Ingresar Nueva Sub Categoria de Contenido');
}

View file

@ -0,0 +1,184 @@
@{
ViewBag.Title = "Contenido";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<input type="hidden" id="hiddenId" value="true">
<input type="hidden" id="hiddenContenido" value="true">
<form id="formCatalogo" class="form-horizontal" role="form">
<div class="panel-body"> <h3>&nbsp;<i class="fa fa-briefcase"></i>&nbsp; SubCategoria Contenido </h3> </div>
<div class="panel panel-success">
<div class="panel-body">
<br />
<div class="row">
<div class="col-md-8">
@*--------------------- Catalogo de contenido ---------------------------------------------------------*@
<div class="form-group" id="divContenido">
<label class="col-sm-4 control-label ControlsForms" id="lblContenido">Contenido</label>
<div class="input-group input-group-sm col-lg-6 col-md-6 col-sm-6 col-xs-6">
<input id="hiddenContenido" type="hidden">
<input name="txtContenido" title="" class="form-control TextBoxCatalogo inputWarning error" id="txtContenido" required="required" type="text" readonly="readonly" data-original-title="">
<span class="input-group-btn">
<button class="btn btn-default btn-medium" id="btn_eliminarContenido" type="button">
<i class="fa fa-close"></i>
</button>
<button class="btn btn-success btn-medium btn-margin-catalogo" id="btnBuscarContenido" type="button">
<i class="fa fa-search"></i>&nbsp;
</button>
</span>
</div>
</div>
@*--------------------- Fin Catalogo de contenido ---------------------------------------------------------*@
<table id="TableItems" class="display">
<thead>
<tr>
<th></th>
<th class="col-sm-1">ID</th>
<th class="col-sm-4">Descripción</th>
<th class="col-sm-4">Contenido</th>
<th></th>
</tr>
</thead>
</table>
<div id="ucItemsIcon" style="display:none;">
<div class="text-[$state_color]">
<i class="fa [$icon] fa-2x"></i>
</div>
</div>
<div id="ucItemsCatalogo" style="display:none;">
<div class="btn-group">
<button type="button" class="btn btn-info dropdown-toggle btn-xs" data-toggle="dropdown">
<i class="fa fa-wrench"></i> &nbsp;Opciones <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="javascript: EditarItem([$CodItem]);"><i class="fa fa-wrench"></i>&nbsp;Editar</a></li>
<li><a href="javascript: toggleEnabledItem([$CodItem],[$value]);"><i class="fa [$icon]"></i>&nbsp;[$opcion]</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4">
<div class="panel panel-success">
<div class="panel-heading">
<h4 class="panel-title">
<i class="fa fa-bars"></i>&nbsp;&nbsp;<label id="lbTituloAccion">Ingresar Nueva SubCategoria Contenido</label>
</h4>
</div>
<div class="panel-body">
@*Descripción*@
<div class="form-group">
<label class="col-sm-4 control-label ControlsForms">Descripción</label>
<div class="col-sm-8">
<input type="text" id="txtDescripcion" name="txtDescripcion" class="form-control imput-xs" required="required" />
</div>
</div>
<div class="form-group">
<label class="col-md-2"></label>
<div class="col-md-4 ">
<button type="button" class="btn btn-default btn-sm pull-right" id="btnLimpiar">
<span class="fa fa-eraser" aria-hidden="true"></span> Limpiar
</button>
</div>
<div class="col-md-4 ">
<button type="button" class="btn btn-default btn-sm pull-right" id="btnInsertar">
<span class="fa fa-upload" aria-hidden="true"></span> Insertar
</button>
<button type="button" class="btn btn-default btn-sm pull-right" id="btnGuardar">
<span class="fa fa-floppy-o" aria-hidden="true"></span> Guardar
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<div id="ucBtnSeleccionarCatalogo" style="display:none;">
<button type="button" id="btnSeleccionarCatalogo" class="btn btn-default btn-xs">
<i id="ibtnSeleccionarCatalogo" class="fa fa-check"></i>
</button>
</div>
@section Modals{
@*---------------------Catalogo Contenido ---------------------------------------------------------*@
<div class="modal fade" id="modalContenido" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" style="display: none;">
<div class="modal-dialog modal-lg" style="width:40%;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Catálogo Contenido</h4>
</div>
<div class="modal-body">
<br />
<div class="row">
<div class="col-md-12">
<table id="tableContenido" class="table table-striped">
<thead>
<tr>
<th></th>
<th>Código</th>
<th>Descripción</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
}
@Scripts.Render("~/Sinort-Scripts/SubCategoriaContenido.js")