iss6003 revision de la navegación entre opciones de las vistas.

client/app/cargos/cargos.lista.html

@@ -24,21 +24,22 @@
       <table class="table table-hover">
         <thead>
         <tr>
-          <th>Nombre del cargo</th>
-          <th class="text-right">Opciones</th>
+          <th class="text-primary">Nombre del cargo</th>
+          <th class="text-center text-primary" width="15%">Acciones</th>
         </tr>
         </thead>
         <tbody>
         <tr ng-repeat="cargo in vm.cargos"
             ui-sref="cargos.editar({cargoId:cargo._id})">
           <td>{{cargo.nombre}} <label class="label label-warning" ng-show="cargo.Contratos">Ocupado</label></td>
-          <td class="text-right">
+          <td class="text-center">
             <div class="btn-group" role="group">
-              <a class="btn btn-info-outline btn-xs" href="#" role="button"
+              <a class="btn btn-info-outline btn-xs" href="#" role="button" uib-tooltip="Editar" tooltip-placement="bottom-right"
                  ui-sref="cargos.editar({cargoId:cargo._id})">
                 <i class="fa fa-edit fa-lg"></i>
               </a>
-              <a class="btn btn-danger-outline btn-xs" href="#" role="button" ng-click="vm.eliminar(cargo)">
+              <a class="btn btn-danger-outline btn-xs" href="#" role="button" uib-tooltip="Eliminar" tooltip-placement="bottom-left"
+                 ng-click="vm.eliminar(cargo)">
                 <i class="fa fa-trash fa-lg"></i>
               </a>
             </div>

client/app/cargos/editar/cargos.editar.controller.js

@@ -20,7 +20,6 @@
           return this.tipoCargoService.tiposCargo()
         })
         .then(tiposCargo=> {
-          console.log(tiposCargo);
           this.tiposCargo = tiposCargo;
           this.tipoCargo = this.tiposCargo.rows.find(x=>x._id == this.cargo.fk_tipo_cargo)
         })

client/app/cargos/editar/cargos.editar.html

@@ -5,9 +5,9 @@
     </div>
     <div class="col-sm-5 col-md-4 col-sm-offset-2">
       <div class="pull-right">
-        <a class="btn btn-default header-button" ng-click="vm.estadoAnterior.go()">
+        <a class="btn btn-default header-button" ui-sref="cargos.lista">
           <i class="fa fa-arrow-left"></i>
-          Regresar
+          Regresar a Lista Cargos
         </a>
       </div>
     </div>

client/app/cargos/modals/cargos.editar.modal.controller.js

@@ -8,20 +8,18 @@
       this.service = cargoService;
       this.unidadService = UnidadService;
 
-      this.cargoInicial = parametro.cargoConvocatoria;
-      this.cargoConvocatoria = Object.assign({}, this.cargoInicial);
+      this.cargoInicial = parametro.cargo;
+      this.cargoConvocatoria = Object.assign({cargo_superior_id: null}, this.cargoInicial);
 
       this.entidadSeleccionada = parametro.entidad;
       this.entidades = {rows: [this.entidadSeleccionada], count: 1}
 
       this.unidad = parametro.unidad;
-      console.log(parametro);
       this.unidadService.getUnidades()
         .then(unidades => {
           this.unidades = unidades;
           this.unidadSeleccionada = this.unidades.rows.find(x=>x._id === this.unidad._id);
         });
-
       this.service.getCargos()
         .then(cargosSuperiores => {
           this.cargosSuperiores = cargosSuperiores;
@@ -37,9 +35,8 @@
         if (this.cargoSuperiorSeleccionada) {
           this.cargoConvocatoria.cargo_superior_id = this.cargoSuperiorSeleccionada._id;
         } else {
-          this.cargoConvocatoria.cargo_superior_id = this.cargoSuperiorSeleccionada;
+          this.cargoConvocatoria.cargo_superior_id = null;
         }
-        console.log(this.cargoConvocatoria);
         this.cargoConvocatoria.fk_unidad_organizacional = this.unidadSeleccionada._id;
         this.service.editarCargo(this.cargoInicial._id, this.cargoConvocatoria)
           .then(cargo=> {

client/app/cargos/modals/cargos.modal.html

@@ -29,7 +29,7 @@
       </div>
       <div class="col-md-10">
         <label>Nombre del cargo</label>
-        <textarea type="text" name="nombre" class="form-control" ng-minlength="5" ng-model="vm.cargo.nombre"
+        <textarea type="text" name="nombre" class="form-control" ng-model="vm.cargoConvocatoria.nombre"
                   required></textarea>
         <p class="help-block" ng-show="form.nombre.$error.required && vm.enviado">
           Ingrese nombre del cargo

client/app/cargosConvocatorias/cargosConvocatorias.lista.html

@@ -16,22 +16,25 @@
       <table class="table table-hover">
         <thead>
         <tr>
-          <th>Nombre del cargo</th>
-          <th class="text-right">Opciones</th>
+          <th class="text-primary">Nombre del cargo</th>
+          <th class="text-primary" width="15%">Acciones</th>
         </tr>
         </thead>
         <tbody>
-        <tr ng-repeat="cargo in vm.cargosConvocatoria.rows"
-            ui-sref="entidades.convocatorias.cargosConvocatoria.editar({entidadId:vm.entidadId,convocatoriaId:vm.convocatoriaId,cargoConvocatoriaId:cargo._id})">
+        <tr ng-repeat="cargo in vm.cargosConvocatoria.rows">
           <td>{{cargo.Cargo.nombre}}</td>
-          <td class="text-right">
+          <td>
             <div class="btn-group" role="group">
-              <a class="btn btn-info-outline btn-xs" role="button"
-                 ui-sref="cargos.editar({cargoId:cargo._id})" ng-click="$event.stopPropagation()">
+              <a class="btn btn-primary-outline btn-xs" role="button" uib-tooltip="Detalle" tooltip-placement="bottom-right"
+                 ui-sref="entidades.convocatorias.cargosConvocatoria.editar({entidadId:vm.entidadId,convocatoriaId:vm.convocatoriaId,cargoConvocatoriaId:cargo._id})">
+                <i class="fa fa-navicon fa-lg"></i>
+              </a>
+              <a class="btn btn-info-outline btn-xs" role="button" uib-tooltip="Editar" tooltip-placement="top"
+                 ui-sref="cargos.editar({cargoId:cargo._id})">
                 <i class="fa fa-edit fa-lg"></i>
               </a>
-              <a class="btn btn-danger-outline btn-xs" role="button"
-                 ng-click="vm.eliminar(cargo);$event.stopPropagation()">
+              <a class="btn btn-danger-outline btn-xs" role="button" uib-tooltip="Eliminar" tooltip-placement="bottom-left"
+                 ng-click="vm.eliminar(cargo);">
                 <i class="fa fa-trash fa-lg"></i>
               </a>
             </div>

client/app/cargosConvocatorias/editar/cargosConvocatorias.editar.controller.js

@@ -7,6 +7,8 @@
       this.alertas = [];
       this.estadoAnterior = $previousState;
 
+      this.entidadId = $stateParams.entidadId;
+      this.convocatoriaId = $stateParams.convocatoriaId;
       this.cargoConvocatoriaId = $stateParams.cargoConvocatoriaId;
 
       this.service = CargoConvocatoriaService;
@@ -14,7 +16,6 @@
 
       this.service.cargoConvocatoria(this.cargoConvocatoriaId, {incluye: [{entidad: 'Cargo'}]})
         .then(cargoConvocatoria=> {
-          console.log(cargoConvocatoria);
           this.cargoConvocatoria = cargoConvocatoria;
         })
     }

client/app/cargosConvocatorias/editar/cargosConvocatorias.editar.html

@@ -4,9 +4,9 @@
   </div>
   <div class="col-sm-5 col-md-4 col-sm-offset-2">
     <div class="pull-right">
-      <a class="btn btn-default header-button" ng-click="vm.estadoAnterior.go()">
+      <a class="btn btn-default header-button" ui-sref="entidades.convocatorias.editar({entidadId:vm.entidadId, convocatoriaId: vm.convocatoriaId})">
         <i class="fa fa-arrow-left"></i>
-        Regresar
+        Regresar a Convocatoria
       </a>
     </div>
   </div>
@@ -46,4 +46,3 @@
     </blockquote>
   </div>
 </div>
-

client/app/convocatorias/convocatorias.controller.js

@@ -77,6 +77,11 @@
         });
       })(convocatoria.descripcion, convocatoria);
     }
+
+    validar(){
+      console.log('validar?');
+    }
+
   }
 
   angular
@@ -90,5 +95,3 @@
     )
   ;
 })();
-
-

client/app/convocatorias/convocatorias.lista.html

@@ -29,23 +29,26 @@
             <th><a href="" ng-click="vm.ordenar('sigla')">Descripción</a></th>
             <th><a href="" ng-click="vm.ordenar('nombre')">Inicio</a></th>
             <th><a href="" ng-click="vm.ordenar('enlace_web')">Finalización</a></th>
-            <th>Opciones</th>
+            <th width="15%" class="text-center text-primary">Acciones</th>
           </tr>
           </thead>
           <tbody>
-          <tr ng-repeat="convocatoria in vm.convocatorias.rows"
-              ui-sref="entidades.convocatorias.editar({entidadId:vm.entidadId,convocatoriaId:convocatoria._id})">
-            <td>{{convocatoria.descripcion}}</td>
-            <td>{{convocatoria.fechaInicio |date:'dd/MM/yyyy'}}</td>
-            <td>{{convocatoria.fechaFin|date:'dd/MM/yyyy'}}</td>
+          <tr ng-repeat="convocatoria in vm.convocatorias.rows">
+            <td class="text-justify">{{convocatoria.descripcion}}</td>
+            <td class="vcenter">{{convocatoria.fechaInicio |date:'dd/MM/yyyy'}}</td>
+            <td class="vcenter">{{convocatoria.fechaFin|date:'dd/MM/yyyy'}}</td>
             <td>
               <div class="btn-group" role="group">
-                <a class="btn btn-primary-outline btn-xs" role="button"
-                   ng-click="vm.editar(convocatoria);$event.stopPropagation();">
+                <a class="btn btn-primary-outline btn-xs" role="button" uib-tooltip="Detalle" tooltip-placement="bottom-right"
+                   ui-sref="entidades.convocatorias.editar({entidadId:vm.entidadId,convocatoriaId:convocatoria._id})">
+                  <i class="fa fa-navicon fa-lg"></i>
+                </a>
+                <a class="btn btn-info-outline btn-xs" role="button" uib-tooltip="Editar" tooltip-placement="top"
+                   ng-click="vm.editar(convocatoria);">
                   <i class="fa fa-edit fa-lg"></i>
                 </a>
-                <a class="btn btn-danger-outline btn-xs" role="button"
-                   ng-click="vm.eliminar(convocatoria);$event.stopPropagation();">
+                <a class="btn btn-danger-outline btn-xs" role="button" uib-tooltip="Eliminar" tooltip-placement="bottom-left"
+                   ng-click="vm.eliminar(convocatoria);">
                   <i class="fa fa-trash fa-lg"></i>
                 </a>
               </div>

client/app/convocatorias/editar/convocatorias.editar.controller.js

@@ -13,7 +13,6 @@
       this.convocatoriaId = $stateParams.convocatoriaId;
 
       this.convocatoriaService = ConvocatoriaService;
-      
       this.convocatoriaService.convocatoria(this.convocatoriaId)
         .then(convocatoria=> {
           this.convocatoria = convocatoria;
@@ -40,5 +39,3 @@
   angular.module('moduloPersonalApp')
     .controller('ConvocatoriaEditarCtrl', ConvocatoriaEditarController);
 })();
-
-

client/app/convocatorias/editar/convocatorias.editar.html

 <div class="row">
-  <div class="col-sm-5 col-md-4 col-xs-6">
+  <div class="col-sm-4 col-md-4 col-xs-6">
     <h3>Convocatoria</h3>
   </div>
-  <div class="col-sm-5 col-md-4 col-sm-offset-2">
-    <div class="pull-right">
-      <a class="btn btn-default header-button" ng-click="vm.estadoAnterior.go()">
+  <div class="col-sm-6 col-md-4 col-sm-offset-2">
+    <div class="pull-right  btn-group" role="group">
+      <a class="btn btn-default header-button" ui-sref="entidades.editar({entidadId:vm.entidadId})" role="button">
         <i class="fa fa-arrow-left"></i>
-        Regresar
+        Regresar a Entidad
       </a>
-      <a class="btn btn-primary header-button" ui-sref="migracionMoodle.categoria({entidadId:vm.entidadId, convocatoriaId:vm.convocatoriaId})">
+      <a class="btn btn-primary-outline header-button" ui-sref="migracionMoodle.categoria({entidadId:vm.entidadId, convocatoriaId:vm.convocatoriaId})" role="button">
         <i class="fa fa-database"></i>
-        Migrar Datos Moodle
+        Migrar Datos
       </a>
     </div>
   </div>

client/app/entidades/editar/entidades.editar.controller.js

@@ -20,7 +20,6 @@
       this.tipoEntidadService = tipoEntidadService;
       this.oficinaService = OficinaService;
       this.service = EntidadService;
-
       this.service.getEntidad(this.id)
         .then(entidad=> {
           this.entidad = entidad;

client/app/entidades/editar/entidades.editar.html

@@ -5,9 +5,9 @@
     </div>
     <div class="col-sm-5 col-md-4 col-sm-offset-2">
       <div class="pull-right">
-        <a class="btn btn-default header-button" ng-click="vm.estadoAnterior.go()">
+        <a class="btn btn-default header-button" ui-sref="entidades.lista({entidadId:vm.entidadId })">
           <i class="fa fa-arrow-left"></i>
-          Regresar
+          Regresar a Lista Entidades
         </a>
       </div>
     </div>

client/app/entidades/entidades.lista.html

@@ -17,14 +17,13 @@
     <uib-alert ng-repeat="alerta in vm.alertas" type="{{alerta.tipo}}" close="vm.alertas.splice($index,1)"
                dismiss-on-timeout="3000">{{alerta.mensaje}}
     </uib-alert>
-
     <div class="table-responsive">
-      <table class="table table-striped">
+      <table class="table table-hover">
         <thead>
         <tr>
           <th><a href="" ng-click="vm.ordenar('nombres')">Nombre</a></th>
           <th><a href="" ng-click="vm.ordenar('siglas')">Sigla</a></th>
-          <th colspan="2" class="text-center">Opciones</th>
+          <th colspan="2" class="text-center text-primary">Opciones</th>
         </tr>
         </thead>
         <tbody>
@@ -34,13 +33,15 @@
           <td class="text-center">
             <div class="btn-group" role="group">
               <a class="btn btn-primary-outline btn-xs" role="button"
-                 ui-sref="entidades.organigrama({entidadId:entidad._id})">
+                 ui-sref="entidades.organigrama({entidadId:entidad._id})" uib-tooltip="Organigrama" tooltip-placement="bottom-right">
                 <i class="fa fa-sitemap fa-lg"></i>
               </a>
-              <a class="btn btn-info-outline btn-xs" ui-sref="entidades.editar({entidadId:entidad._id})" role="button" ng-click="vm.editar(entidad)">
+              <a class="btn btn-info-outline btn-xs" role="button"
+                 ui-sref="entidades.editar({entidadId:entidad._id})" role="button" ng-click="vm.editar(entidad)" uib-tooltip="Editar" tooltip-placement="top">
                 <i class="fa fa-edit fa-lg"></i>
               </a>
-              <a class="btn btn-danger-outline btn-xs" href="#" role="button" ng-click="vm.eliminar(entidad)">
+              <a class="btn btn-danger-outline btn-xs" role="button" ng-click="vm.eliminar(entidad)"
+                 uib-tooltip="Eliminar" tooltip-placement="bottom-left">
                 <i class="fa fa-trash fa-lg"></i>
               </a>
             </div>

client/app/entidades/entidades.scss

@@ -18,3 +18,10 @@
 .chevron-up-toggle.collapsed>div:after,.chevron-up-toggle.collapsed>h3:after,.chevron-up-toggle.collapsed>h4:after {
   content: "\e114";
 }
+.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
+  background-color: #FAFAFA;
+  color:#000;
+}
+.vcenter {
+  vertical-align:middle !important;
+}

client/app/etapas/etapas.lista.html

@@ -24,28 +24,33 @@
       <div class="list-group-item" ng-repeat="etapa in vm.etapas.rows" ui-tree-node>
         <div>
             <span class="pull-right">
-              <div class="btn-group">
-                <button type="button" class="btn btn-info-outline"
-                        ng-click="vm.editar(etapa);$event.stopPropagation();console.log('editar');"><i
-                  class="fa fa-edit fa-lg"></i></button>
-                <button type="button" class="btn btn-danger-outline"
-                        ng-click="vm.eliminar(etapa);$event.stopPropagation();">
-                  <i class="fa fa-trash fa-lg"></i></button>
-              </div>
+              <div class="btn-group" role="group">
+                 <a class="btn btn-info-outline btn-xs" href="#" role="button" uib-tooltip="Editar" tooltip-placement="bottom-right"
+                    ng-click="vm.editar(etapa);">
+                   <i class="fa fa-edit fa-lg"></i>
+                 </a>
+                 <a class="btn btn-danger-outline btn-xs" href="#" role="button" uib-tooltip="Eliminar" tooltip-placement="bottom-left"
+                    ng-click="vm.eliminar(etapa);">
+                   <i class="fa fa-trash fa-lg"></i>
+                 </a>
+               </div>
             </span>
           <h4 class="list-group-item-heading" ui-tree-handle>{{etapa.nombre}}
-            <small>porcentajes:</small>
           </h4>
+            <small>Porcentaje de aprobación:</small>
           <div class="progress">
-            <div class="progress-bar progress-bar-success" style="width: {{etapa.porcentajeMinimo}}%"
-                 aria-valuenow="{{etapa.porcentajeMinimo}}">
-              {{etapa.porcentajeMinimo}} %
-            </div>
-            <div class="progress-bar progress-bar-primary progress-bar-striped" aria-valuenow="{{etapa.porcentaje}}"
+            <div class="progress-bar progress-bar-success progress-bar-striped" aria-valuenow="{{etapa.porcentaje}}"
                  style="width: {{etapa.porcentaje-etapa.porcentajeMinimo}}%">
               {{etapa.porcentaje}} %
             </div>
           </div>
+            <small>Porcentajes de la etapa:</small>
+          <div class="progress">
+            <div class="progress-bar progress-bar-primary" style="width: {{etapa.porcentajeMinimo}}%"
+                 aria-valuenow="{{etapa.porcentajeMinimo}}">
+              {{etapa.porcentajeMinimo}} %
+            </div>
+          </div>
         </div>
       </div>
     </div>

client/app/evaluaciones/evaluaciones.controller.js

@@ -63,7 +63,6 @@
       let parametros = {pagina: this.paginaActual, elementos: 10};
       this.convocatoriaService.evaluaciones(this.convocatoriaId, parametros)
         .then(evaluaciones=> {
-          console.log(evaluaciones);
           this.evaluaciones = evaluaciones;
         })
     }

client/app/evaluaciones/evaluaciones.lista.html

@@ -25,21 +25,21 @@
         <table class="table table-hover">
           <thead>
           <tr>
-            <th>Nombre</th>
-            <th class="text-right">Opciones</th>
+            <th class="text-primary">Nombre</th>
+            <th class="text-primary" width="15%">Acciones</th>
           </tr>
           </thead>
           <tbody>
           <tr ng-repeat="evaluacion in vm.evaluaciones.rows">
             <td>{{evaluacion.nombre}}</td>
-            <td class="text-right">
+            <td class="text-center">
               <div class="btn-group" role="group">
-                <a class="btn btn-info-outline btn-xs" role="button"
-                   ng-click="vm.editar(evaluacion);$event.stopPropagation();">
+                <a class="btn btn-info-outline btn-xs" role="button" uib-tooltip="Editar" tooltip-placement="bottom-right"
+                   ng-click="vm.editar(evaluacion);">
                   <i class="fa fa-edit fa-lg"></i>
                 </a>
-                <a class="btn btn-danger-outline btn-xs" role="button"
-                   ng-click="vm.eliminar(evaluacion);$event.stopPropagation();">
+                <a class="btn btn-danger-outline btn-xs" role="button" uib-tooltip="Eliminar" tooltip-placement="bottom-left"
+                   ng-click="vm.eliminar(evaluacion);">
                   <i class="fa fa-trash fa-lg"></i>
                 </a>
               </div>

client/app/oficinas/editar/oficinas.editar.html

@@ -24,10 +24,10 @@
                    <thead>
                    <tr>
                      <th><a href="" ng-click="vm.ordenar('nombre')">Nombre</a></th>
-                     <th>Ubicación</th>
+                     <th class="text-primary" >Ubicación</th>
                      <th><a href="" ng-click="vm.ordenar('pais')">País</a></th>
-                     <th class="text-center" width="12%">Tipo</th>
-                     <th class="text-center" width="12%">Acciones</th>
+                     <th class="text-primary" width="100">Tipo</th>
+                     <th class="text-primary" width="100">Acciones</th>
                    </tr>
                    </thead>
                    <tbody>
@@ -35,18 +35,17 @@
                      <td>{{oficina.nombre}}</td>
                      <td><a href="https://www.google.com/maps?q={{oficina.latitud}},{{oficina.longitud}}">Ubicación</a></td>
                      <td>{{oficina.pais}}</td>
-                     <td><label class="label label-success" ng-show="oficina.principal">Oficina principal</label><td>
-                     <td class="text-center">
+                     <td><label class="label label-success" ng-show="oficina.principal">Oficina principal</label></td>
+                     <td>
                        <div class="btn-group" role="group">
-                         <a class="btn btn-info-outline btn-xs" href="#" role="button"
+                         <a class="btn btn-info-outline btn-xs" href="#" role="button" uib-tooltip="Editar" tooltip-placement="bottom-right"
                             ng-click="vm.editarOficinaEntidad(oficina)">
                            <i class="fa fa-edit fa-lg"></i>
                          </a>
-                         <a class="btn btn-danger-outline btn-xs" href="#" role="button"
+                         <a class="btn btn-danger-outline btn-xs" href="#" role="button" uib-tooltip="Eliminar" tooltip-placement="bottom-left"
                             ng-click="vm.eliminarOficinaEntidad(oficina)">
                            <i class="fa fa-trash fa-lg"></i>
                          </a>
-
                        </div>
                      </td>
                    </tr>