Commit a81bd3af authored by D’jalmar Gutierrez Titirico's avatar D’jalmar Gutierrez Titirico 🚲

Merge branch 'iss6008-adaptar-frontend-servicio-migracion' into 'desarrollo'

#36 #37 adaptaciones a los cambios en el backend

se agregaron los cambios de adecuacion al backend modificado, tambien el cambio a la estructura de las convocatorias y los cargos

See merge request !49
parents bc9b5e49 49b9f46b
......@@ -7,6 +7,9 @@ $gray-dark: #373a3c !default;
$btn-secondary-color: $gray-dark !default;
$btn-secondary-bg: #fff !default;
$btn-secondary-border: #ccc !default;
//textos personalizados
$state-danger-text: $brand-danger;
$state-success-text: $brand-success;
$icon-font-path: "../bower_components/bootstrap-sass-official/vendor/assets/fonts/bootstrap/";
@import '../bower_components/bootstrap-sass-official/vendor/assets/stylesheets/bootstrap';
$fa-font-path: "../bower_components/font-awesome/fonts";
......@@ -110,6 +113,8 @@ tags-input.primary .tags .tag-item {
border-radius: 4px;
}
//labels
//titulos
h4.color-primary {
......@@ -163,19 +168,22 @@ input[type=checkbox].with-font ~ label:before {
}
input[type=radio].with-font:checked ~ label:before,
input[type=checkbox].with-font:checked ~ label:before {
input[type=checkbox].with-font:checked ~ label:before {
content: "\f00c";
font-size: 1.2em;
color: $brand-primary;
letter-spacing: 5px;
}
input[type=checkbox].with-font ~ label:before {
content: "\f204";
}
input[type=checkbox].with-font:checked ~ label:before {
content: "\f205";
//color: darkgreen;
}
//input[type=radio].with-font:focus ~ label:before,
//input[type=checkbox].with-font:focus ~ label:before,
//input[type=radio].with-font:focus ~ label,
......
......@@ -8,20 +8,15 @@
this.modal = $uibModalInstance;
this.service = CalificacionService;
if (parametros.evaluacion.Calificacion._id) {
this.evaluacion = Object.assign({}, parametros.evaluacion);
this.evaluacionInicial = parametros.evaluacion;
}
else
this.evaluacion = parametros.evaluacion;
this.evaluacionInicial = parametros.evaluacion;
this.calificacion = Object.assign({}, parametros.evaluacion.Calificacion);
}
guardar(form) {
this.enviado = true;
if (form.$valid) {
if (!this.evaluacion.Calificacion._id) {
this.service.crear(this.evaluacion.Calificacion)
if (!this.calificacion._id) {
this.service.crear(this.calificacion)
.then(calificacion=> {
this.modal.close(calificacion)
})
......@@ -30,7 +25,7 @@
})
}
else {
this.service.editar(this.evaluacionInicial.Calificacion._id, this.evaluacion.Calificacion)
this.service.editar(this.evaluacionInicial.Calificacion._id, this.calificacion)
.then(calificacion=> {
this.modal.close(calificacion)
})
......
......@@ -7,13 +7,13 @@
<div class="row">
<div class="text-right" title="Evaluación">
<i class="fa fa-check-square-o fa-lg" title="Evaluacion"></i>
{{vm.evaluacion.nombre}} &nbsp;&nbsp;&nbsp;
{{vm.evaluacionInicial.nombre}} &nbsp;&nbsp;&nbsp;
</div>
</div>
<div class="row">
<div class="col-md-12">
<label>Calificación</label>
<input type="number" name="valor" class="form-control" ng-model="vm.evaluacion.Calificacion.valor" max="100"
<input type="number" name="valor" class="form-control" ng-model="vm.calificacion.valor" max="100"
required autofocus>
<p class="help-block" ng-show="form.valor.$error.required && vm.enviado">
Ingrese una calificación
......
......@@ -24,8 +24,8 @@
<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-right text-primary" width="15%">Acciones</th>
</tr>
</thead>
<tbody>
......@@ -34,11 +34,12 @@
<td>{{cargo.nombre}} <label class="label label-warning" ng-show="cargo.Contratos">Ocupado</label></td>
<td class="text-right">
<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>
......
......@@ -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)
})
......
......@@ -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>
......
......@@ -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=> {
......
......@@ -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
......
......@@ -16,22 +16,27 @@
<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 text-right" 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">
<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>
......
......@@ -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;
})
}
......
......@@ -2,11 +2,11 @@
<div class="col-sm-5 col-md-4 col-xs-6">
<h3>Cargo - Convocatoria</h3>
</div>
<div class="col-sm-5 col-md-4 col-sm-offset-2">
<div class="col-sm-5 col-md-6 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>
......@@ -20,7 +20,7 @@
<blockquote class="col-md-12 blockquote-primary">
<form class="form" name="form" novalidate>
<div class="row">
<div class="col-md-10">
<div class="col-md-12">
<label>Nombre</label>
<div class="input-group">
<input type="text" name="nombre" class="form-control" ng-model="vm.cargoConvocatoria.Cargo.nombre"
......@@ -46,4 +46,3 @@
</blockquote>
</div>
</div>
......@@ -77,6 +77,11 @@
});
})(convocatoria.descripcion, convocatoria);
}
validar(){
console.log('validar?');
}
}
angular
......@@ -90,5 +95,3 @@
)
;
})();
......@@ -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-right 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>
<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 class="text-right">
<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>
......
......@@ -15,6 +15,7 @@
url: appConfig.serverAddress + '/api/convocatorias/:id/cargosConvocatoria'
},
agregarCargos: {
isArray: true,
method: 'POST',
url: appConfig.serverAddress + '/api/convocatorias/:id/cargos'
},
......
......@@ -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);
})();
<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()">
<i class="fa fa-arrow-left"></i>
Regresar
</a>
<a class="btn btn-primary header-button" ui-sref="migracionMoodle.categoria({entidadId:vm.entidadId, convocatoriaId:vm.convocatoriaId})">
<i class="fa fa-database"></i>
Migrar Datos Moodle
</a>
<div class="input-group">
<btn class="btn btn-default" ng-click="vm.estadoAnterior.go()">
<i class="fa fa-arrow-left"></i>
Regresar
</btn>
<btn class="btn btn-primary"
ui-sref="entidades.convocatorias.migrar({entidadId: vm.entidadId, convocatoriaId:vm.convocatoriaId})">
<i class="fa fa-database"></i>
Migrar Datos Moodle
</btn>
</div>
</div>
</div>
</div>
......
......@@ -20,7 +20,6 @@
this.tipoEntidadService = tipoEntidadService;
this.oficinaService = OficinaService;
this.service = EntidadService;
this.service.getEntidad(this.id)
.then(entidad=> {
this.entidad = entidad;
......
......@@ -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>
......
......@@ -63,11 +63,11 @@ angular.module('moduloPersonalApp')
controller: 'EtapaCtrl',
controllerAs: 'vm'
},
'evaluaciones': {
templateUrl: 'app/evaluaciones/evaluaciones.lista.html',
controller: 'EvaluacionCtrl',
controllerAs: 'vm'
},
// 'evaluaciones': {
// templateUrl: 'app/evaluaciones/evaluaciones.lista.html',
// controller: 'EvaluacionCtrl',
// controllerAs: 'vm'
// },
'cargos': {
templateUrl: 'app/cargosConvocatorias/cargosConvocatorias.lista.html',
controller: 'CargoConvocatoriaCtrl',
......@@ -75,6 +75,18 @@ angular.module('moduloPersonalApp')
}
}
})
.state('entidades.convocatorias.migrar', {
url: '/:convocatoriaId/migrar',
templateUrl: 'app/migracionMoodle/migracionMoodle.lista.html',
controller: 'MigracionMoodleCtrl',
controllerAs: 'vm'
})
.state('entidades.convocatorias.migrar.evaluaciones', {
url: '/:idCurso/evaluaciones',
templateUrl: 'app/migracionMoodle/evaluaciones/migracionMoodle.evaluaciones.html',
controller: 'MigracionMoodleEvaluacionCtrl',
controllerAs: 'vm'
})
.state('entidades.convocatorias.cargosConvocatoria', {
abstract: true,
url: '/:convocatoriaId/cargos',
......@@ -92,12 +104,12 @@ angular.module('moduloPersonalApp')
templateUrl: 'app/postulaciones/postulaciones.lista.html',
controller: 'PostulacionCtrl',
controllerAs: 'vm'
},
'evaluacionesCargosEtapas': {
templateUrl: 'app/evaluacionesCargosEtapas/evaluacionesCargosEtapas.lista.html',
controller: 'EvaluacionCargoEtapaCtrl',
controllerAs: 'vm'
}
// 'evaluacionesCargosEtapas': {
// templateUrl: 'app/evaluacionesCargosEtapas/evaluacionesCargosEtapas.lista.html',
// controller: 'EvaluacionCargoEtapaCtrl',
// controllerAs: 'vm'
// }
}
})
.state('entidades.convocatorias.cargosConvocatoria.cargos', {
......@@ -124,8 +136,7 @@ angular.module('moduloPersonalApp')
controllerAs: 'vm'
}
}
})
;
});
});
......@@ -17,30 +17,31 @@
<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-right text-primary">Acciones</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="entidad in vm.entidades">
<td>{{entidad.nombre}}</td>
<td>{{entidad.sigla}}</td>
<td class="text-center">
<td class="text-right">
<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>
......
......@@ -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;
}
......@@ -2,7 +2,7 @@
'use strict';
class EtapaController {
constructor($stateParams, $uibModal, Modal, EtapaService, ConvocatoriaService) {
constructor($stateParams, $uibModal, Modal, EtapaService, ConvocatoriaService, EvaluacionService) {
this.errores = {}; // lista de errores
this.modal = $uibModal;
this.Modal = Modal;
......@@ -13,6 +13,7 @@
this.service = EtapaService;
this.convocatoriaService = ConvocatoriaService;
this.evaluacionService = EvaluacionService;
this.etapas = {count: 0};
......@@ -23,10 +24,53 @@
}
}
//region Evaluaciones
crearEvaluacion(etapa) {
this.modal.open({
templateUrl: 'app/evaluaciones/modals/evaluaciones.modal.html',
controller: 'EvaluacionCrearModalCtrl',
controllerAs: 'vm',
resolve: {parametros: {etapaId: etapa._id}}
}).result.then(evaluacion=> {
etapa.Evaluaciones.push(evaluacion);
this.alertas.push({
tipo: 'success',
mensaje: 'Se creo correctamente la evaluación ' + evaluacion.nombre
});
})
}
editarEvaluacion(evaluacion) {
this.modal.open({
templateUrl: 'app/evaluaciones/modals/evaluaciones.modal.html',
controller: 'EvaluacionEditarModalCtrl',
controllerAs: 'vm',
resolve: {parametros: {evaluacion: evaluacion}}
}).result.then(evl=> {
evaluacion = Object.assign(evaluacion, evl);
this.alertas.push({
tipo: 'success',
mensaje: 'Se edito correctamente la evaluación ' + evaluacion.nombre
});
})
}
eliminarEvaluacion(etapa, evaluacion) {
this.Modal.confirm.eliminar(evaluacion=> {
this.evaluacionService.eliminar(evaluacion._id).then(()=> {
etapa.Evaluaciones.splice(etapa.Evaluaciones.indexOf(evaluacion), 1);
this.alertas.push({tipo: 'danger', mensaje: 'La evaluación se elimino correctamente'});
});
})(evaluacion.nombre, evaluacion);
}
//endregion
cambiarPagina() {
let parametros = {pagina: this.paginaActual, elementos: 10};
let parametros = {pagina: this.paginaActual, elementos: 10, incluye: [{entidad: 'Evaluaciones'}]};
this.convocatoriaService.etapas(this.convocatoriaId, parametros)
.then(etapas=> {
console.log(etapas);
this.etapas = etapas;
this.etapas.rows = this.etapas.rows.sort((x, y)=>x.orden - y.orden);
})
......@@ -54,7 +98,7 @@
templateUrl: 'app/etapas/modals/etapas.modal.html',
controller: 'EtapaEditarModalCtrl',
controllerAs: 'vm',
resolve: {parametros: {etapa: etapa}}
resolve: {parametros: {etapa: etapa, etapas: this.etapas}}
}).result.then(etp=> {
etapa = Object.assign(etapa, etp);
this.alertas.push({
......
......@@ -22,44 +22,104 @@
<div ui-tree="vm.treeOptions">
<div ui-tree-nodes ng-model="vm.etapas.rows" class="list-group">
<div class="list-group-item" ng-repeat="etapa in vm.etapas.rows" ui-tree-node>
<div>
<div ng-init="colapsado=true">
<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>
<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>
<button type="button" class="btn btn-primary-outline btn-xs"
ng-click="colapsado = !colapsado">
<i class="fa fa-lg" ng-class="{'fa-angle-up':!colapsado, 'fa-angle-down':colapsado}"></i></button>
</div>
</span>
<h4 class="list-group-item-heading" ui-tree-handle>{{etapa.nombre}}
<small>porcentajes:</small>
</h4>
<div class="progress">
<div class="progress-bar progress-bar-success" style="width: {{etapa.porcentajeMinimo}}%"
aria-valuenow="{{etapa.porcentajeMinimo}}">
{{etapa.porcentajeMinimo}} %
<h4 class="list-group-item-heading text-primary" ui-tree-handle>{{etapa.nombre}}</h4>
<div class="row">
<div class="col-sm-6">
<h4>
<small>porcentaje:</small>
</h4>
<div class="progress">
<div class="progress-bar progress-bar-primary progress-bar-striped" aria-valuenow="{{etapa.porcentaje}}"
style="width: {{etapa.porcentaje}}%">
{{etapa.porcentaje}} %
</div>
</div>
</div>
<div class="progress-bar progress-bar-primary progress-bar-striped" aria-valuenow="{{etapa.porcentaje}}"
style="width: {{etapa.porcentaje-etapa.porcentajeMinimo}}%">
{{etapa.porcentaje}} %
<div class="col-sm-6">
<h4>
<small>puntaje mínimo:</small>
</h4>
<div class="progress">
<div class="progress-bar progress-bar-danger progress-bar-striped"
aria-valuenow="{{etapa.puntajeMinimo}}" aria-valuemin="0" aria-valuemax="100"
style="width: {{etapa.puntajeMinimo}}%">
{{etapa.puntajeMinimo}} pts
</div>
<div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar"
aria-valuenow="{{100-etapa.puntajeMinimo}}" aria-valuemin="0" aria-valuemax="100"
style="width: {{100-etapa.puntajeMinimo}}%">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="row">
<div class="col-sm-5 col-md-4 col-xs-6">
<h4>Evaluaciones
<button class="btn btn-xs btn-default" ng-disabled="true">
<span class="">{{etapa.Evaluaciones.length}}</span>
</button>
</h4>
</div>
<div class="col-sm-5 col-md-6 col-sm-offset-2">
<div class="pull-right">
<button class="btn btn-success-outline" ng-click="vm.crearEvaluacion(etapa)" type="button"><i
class="fa fa-plus fa-lg"></i>
Crear evaluación
</button>
</div>