Documento Tecnico Descripcion Larga

git-tfs-id: [http://192.168.1.10:8080/tfs/AyA]$/SINORT;C145

AYA.SlnSynor/AYA.SlnSynor/Sinort-Scripts/Aplicacion.js

@@ -101,7 +101,6 @@ this.CargarGridAplicaciones = function (data) {
                             item.IdAplicacion,
                             item.Descripcion,
                             item.DescripcionLarga,
-
                             btnDescripcionLarga,
                             option]).draw();
        
@@ -143,11 +142,9 @@ this.EditarItem = function (id) {
         $('#hiddenId').val(id)
         $('#txtDescripcion').val(TableItems.cell(indexes, 2).data());
         $('#txtAreaDescripcionLarga').val(TableItems.cell(indexes, 3).data());
-
-
-
+        
         $("#formCatalogo").validateElement("#txtDescripcion");
-
+        $("#formCatalogo").validateElement("#txtAreaDescripcionLarga");
 
         $('#lbTituloAccion').empty();
         $('#lbTituloAccion').append('Editar Valor de Campo ID: ' + id);

AYA.SlnSynor/AYA.SlnSynor/Sinort-Scripts/DocumentoTecnico.js

@@ -32,6 +32,19 @@ 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);
     ObtenerDocumentoTecnico();
@@ -45,6 +58,11 @@ this.CargarGridDocumentoTecnico = function (data) {
 
     $.each(lista, function (key, item) {
 
+        var btnDescripcionLarga = $("#ucbtDescripcionLarga").html();
+        btnDescripcionLarga = replaceAll("[$DescripcionLarga]", item.DescripcionLarga, btnDescripcionLarga);
+
+
+
         var option = $("#ucItemsCatalogo").html();
 
         option = replaceAll("[$CodItem]", item.IdDocumentoTecnico, option);
@@ -67,10 +85,15 @@ this.CargarGridDocumentoTecnico = 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.IdDocumentoTecnico,
                             item.Descripcion,
+                             item.DescripcionLarga,
+                            btnDescripcionLarga,
                             option]).draw();
 
     });
@@ -78,6 +101,15 @@ this.CargarGridDocumentoTecnico = function (data) {
     ENDREQUEST();
 }
 
+this.VerDescripcionLarga = function (DescripcionLarga) {
+
+    $("#txtDescripcionLarga").val(DescripcionLarga);
+    $('#modalDescripcionLarga').modal('show');
+
+}
+
+
+
 this.ObtenerDocumentoTecnico = function () {
 
     var uri = CatalogosWCF + '/api/ObtenerDocumentoTecnico';
@@ -95,8 +127,10 @@ this.EditarItem = function (id) {
 
         $('#hiddenId').val(id)
         $('#txtDescripcion').val(TableItems.cell(indexes, 2).data());
+        $('#txtAreaDescripcionLarga').val(TableItems.cell(indexes, 3).data());
 
         $("#formCatalogo").validateElement("#txtDescripcion");
+        $("#formCatalogo").validateElement("#txtAreaDescripcionLarga");
 
         $('#lbTituloAccion').empty();
         $('#lbTituloAccion').append('Editar Valor de Campo ID: ' + id);
@@ -147,7 +181,8 @@ this.ActualizarItem = function () {
 
     DocumentoTecnico = {
         IdDocumentoTecnico: $('#hiddenId').val(),
-        Descripcion: $('#txtDescripcion').val()
+        Descripcion: $('#txtDescripcion').val(),
+        DescripcionLarga: $('#txtAreaDescripcionLarga').val()
 
     }
 
@@ -169,8 +204,9 @@ this.InsertarItem = function () {
 
     TableItems = $('#TableItems').DataTable();
     DocumentoTecnico = {
-        Estado: 1,
-        Descripcion: $("#txtDescripcion").val()
+        Estado: Estados.Inicial.Codigo,
+        Descripcion: $("#txtDescripcion").val(),
+        DescripcionLarga: $('#txtAreaDescripcionLarga').val()
     }
 
     var uri = CatalogosWCF + '/api/InsertarActualizarDocumentoTecnico';
@@ -191,7 +227,10 @@ this.CompletarAccion = function () {
 this.LimpiarControles = function () {
 
     $('#txtDescripcion').val('');
+    $('#txtAreaDescripcionLarga').val('');
+
     $("#formCatalogo").validateElement("#txtDescripcion");
+    $("#formCatalogo").validateElement("#txtAreaDescripcionLarga");
 
     $('#lbTituloAccion').empty();
     $('#lbTituloAccion').append('Ingresar Nuevo Documento Técnico');

AYA.SlnSynor/AYA.SlnSynor/Views/Catalogos/Aplicacion.cshtml

@@ -20,7 +20,6 @@
                                 <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>

AYA.SlnSynor/AYA.SlnSynor/Views/Catalogos/DocumentoTecnico.cshtml

@@ -20,8 +20,10 @@
                                 <th></th>
                                 <th class="col-sm-1">ID</th>
                                 <th class="col-sm-4">Descripción</th>
-                                @*<th class="col-sm-4">Tipo Emisor</th>*@
+                                <th class="col-sm-4">Detalle</th>
                                 <th></th>
+                                <th></th>
+                                
                             </tr>
                         </thead>
                     </table>
@@ -55,9 +57,7 @@
                         <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">
@@ -65,6 +65,16 @@
                                 </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>
+
+
+
                             <div class="form-group">
                                 <label class="col-md-2"></label>
                                 <div class="col-md-4 ">
@@ -97,6 +107,52 @@
     </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>&nbsp;&nbsp;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">&times;</button>
+                    <h4 class="modal-title"> <i class="fa fa-comment-o"></i>&nbsp;&nbsp; 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/DocumentoTecnico.js")