Initial commit
This commit is contained in:
Reynaldo Reyes
82
app/partials/course/create_course.html
Normal file
82
app/partials/course/create_course.html
Normal file
@@ -0,0 +1,82 @@
|
||||
<div>
|
||||
<form name="vm.data_input_form" role="form" novalidate
|
||||
ng-submit="vm.submit()">
|
||||
<div class="row clearfix">
|
||||
<h4>Datos de la Materia</h4>
|
||||
<br>
|
||||
<div class="col-md-12 column well">
|
||||
<div class="row">
|
||||
<div class="col-md-6 column">
|
||||
<label for="Codigo">Código de la Materia</label>
|
||||
<input type="numeric" class="form-control"
|
||||
name="Codigo" ng-model="vm.materia.Codigo"
|
||||
ng-pattern="/\d{4}/" maxlength="4" required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.Codigo.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.Codigo.$error.required">
|
||||
El Código de la Materia es Obligatorio.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 column">
|
||||
<label for="Nombre">Nombre de la Materia</label>
|
||||
<input type="text" class="form-control"
|
||||
name="Nombre" ng-model="vm.materia.Nombre" required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.Nombre.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.Nombre.$error.required">
|
||||
El Nombre de la Materia es Obligatorio.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix"><div class="col-md-12 column"><br>
|
||||
<br></div></div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 column">
|
||||
<label for="Creditos">Cantidad de Creditos</label>
|
||||
<input type="numeric" class="form-control"
|
||||
name="Creditos" ng-model="vm.materia.Creditos"
|
||||
maxlength="1" placeholder="5" required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.Creditos.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.Creditos.$error.required">
|
||||
La Cantidad de Creditos es Obligatoria.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 column">
|
||||
<label for="Description">Descripción</label>
|
||||
<input type="text" class="form-control"
|
||||
name="Description" ng-model="vm.materia.Description"
|
||||
required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.Description.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.Description.$error.required">
|
||||
Por favor, inserte una breve descripción.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix"><div class="col-md-12 column"><br><br></div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix">
|
||||
<div class="col-md-2 column">
|
||||
<div class="form-group">
|
||||
<label> </label>
|
||||
<p class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" class="btn-primary btn">
|
||||
Crear Materia</button>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
70
app/partials/course/list_course.html
Normal file
70
app/partials/course/list_course.html
Normal file
@@ -0,0 +1,70 @@
|
||||
<div class="row clearfix">
|
||||
<h4>Lista de Materias</h4>
|
||||
<div class="row clearfix"><div class="col-md-12 column"><br><br></div>
|
||||
</div>
|
||||
<div>
|
||||
<table class="table table-bordered table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="10%">
|
||||
<a href="" ng-click="sortType = 'Codigo';
|
||||
sortReverse = !sortReverse">
|
||||
Código
|
||||
<span ng-show="sortType == 'Codigo' &&
|
||||
!sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Codigo' &&
|
||||
sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="20%">
|
||||
<a href="" ng-click="sortType = 'Nombre';
|
||||
sortReverse = !sortReverse">
|
||||
Nombre
|
||||
<span ng-show="sortType == 'Nombre' &&
|
||||
!sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Nombre' &&
|
||||
sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="10%">
|
||||
<a href=""
|
||||
ng-click="sortType = 'Creditos';
|
||||
sortReverse = !sortReverse">
|
||||
Creditos
|
||||
<span ng-show="sortType == 'Creditos' &&
|
||||
!sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Creditos' && sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="50%" style="text-align: center">
|
||||
<a href="">
|
||||
Descripción
|
||||
</a>
|
||||
</th>
|
||||
<th width="10%" style="text-align: center">
|
||||
<a>Eliminar</a>
|
||||
</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr ng-repeat="materia in vm.listaMateria | orderBy:sortType:sortReverse | filter:searchUser">
|
||||
<td style="vertical-align:middle">{{ materia.Codigo }}</td>
|
||||
<td style="vertical-align:middle">{{ materia.Nombre }}</td>
|
||||
<td style="vertical-align:middle">{{ materia.Creditos }}</td>
|
||||
<td style="vertical-align:middle">{{ materia.Descripcion }}</td>
|
||||
<td style="text-align: center">
|
||||
<span
|
||||
title="Click aqui para Eliminar la Materia"
|
||||
class="glyphicon glyphicon-remove"
|
||||
aria-hidden="true"
|
||||
ng-click="vm.eliminarMateriaModal($index)"
|
||||
style="cursor:pointer"></span>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div ng-show=false > {{ vm.eliminarMateriaSplice(index, rsplice) }}</div>
|
||||
</div>
|
||||
10
app/partials/course/modal/create_course_modal.html
Normal file
10
app/partials/course/modal/create_course_modal.html
Normal file
@@ -0,0 +1,10 @@
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title">Crear Materia</h3>
|
||||
</div>
|
||||
<div style="text-align: center" class="modal-body">
|
||||
{{ mensaje }}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-primary" ng-show="botonOk" type="button"
|
||||
ng-click="ok(urlLo)">OK</button>
|
||||
</div>
|
||||
14
app/partials/course/modal/delete_course_modal.html
Normal file
14
app/partials/course/modal/delete_course_modal.html
Normal file
@@ -0,0 +1,14 @@
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title">Eliminar Materia</h3>
|
||||
</div>
|
||||
<div style="text-align: center" class="modal-body">
|
||||
{{ mensaje }}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-primary" ng-show="botonOk" type="button"
|
||||
ng-click="vm.eliminarMateria(index)">OK</button>
|
||||
<button class="btn btn-primary" ng-show="otroBotonOk" type="button"
|
||||
ng-click="ok(urlLo)">OK</button>
|
||||
<button class="btn btn-warning" ng-show="botonCancelar" type="button"
|
||||
ng-click="cancel()">Cancel</button>
|
||||
</div>
|
||||
12
app/partials/course/modal/upgrade_course_modal.html
Normal file
12
app/partials/course/modal/upgrade_course_modal.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title">Modificar Materia</h3>
|
||||
</div>
|
||||
<div style="text-align: center" class="modal-body">
|
||||
{{ mensaje }}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-primary" ng-show="botonOk" type="button"
|
||||
ng-click="ok(urlLo)">OK</button>
|
||||
<button class="btn btn-warning" ng-show="botonCancelar" type="button"
|
||||
ng-click="cancel()">Cancel</button>
|
||||
</div>
|
||||
72
app/partials/course/update_course.html
Normal file
72
app/partials/course/update_course.html
Normal file
@@ -0,0 +1,72 @@
|
||||
<div>
|
||||
<form name="vm.data_input_form" role="form" novalidate
|
||||
ng-submit="vm.submit()">
|
||||
<div class="row clearfix">
|
||||
<h4>Datos de la Materia</h4>
|
||||
<br>
|
||||
<div class="col-md-12 column well">
|
||||
<div class="row">
|
||||
<div class="col-md-6 column">
|
||||
<label for="Codigo">Código de la Materia</label>
|
||||
<input type="numeric" class="form-control"
|
||||
name="Codigo" ng-model="vm.materia.Codigo"
|
||||
readonly="readonly"/>
|
||||
</div>
|
||||
<div class="col-md-6 column">
|
||||
<label for="Nombre">Nombre de la Materia</label>
|
||||
<input type="text" class="form-control"
|
||||
name="Nombre" ng-model="vm.materia.Nombre" required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.Nombre.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.Nombre.$error.required">
|
||||
El Nombre de la Materia es Obligatorio.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix"><div class="col-md-12 column"><br><br></div></div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 column">
|
||||
<label for="Creditos">Cantidad de Creditos</label>
|
||||
<input type="numeric" class="form-control"
|
||||
name="Creditos" ng-model="vm.materia.Creditos" maxlength="1" placeholder="5" required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.Creditos.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.Creditos.$error.required">
|
||||
La Cantidad de Creditos es Obligatoria.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 column">
|
||||
<label for="Semestre">Semestre</label>
|
||||
<input type="text" class="form-control"
|
||||
name="Semestre" ng-model="vm.materia.Semestre"
|
||||
required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.Semestre.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.Semestre.$error.required">
|
||||
El Semestre es Obligatorio.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix"><div class="col-md-12 column"><br><br></div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix">
|
||||
<div class="col-md-2 column">
|
||||
<div class="form-group">
|
||||
<label> </label>
|
||||
<p class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" class="btn-primary btn">Modificar Materia</button>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
22
app/partials/navbar.html
Normal file
22
app/partials/navbar.html
Normal file
@@ -0,0 +1,22 @@
|
||||
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
||||
<div class="container-fluid">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="#/listarMateria"><img alt="ucv" src="img/logo_ucv.jpg" class="img-circle" width="60" height="60"></a>
|
||||
<a class="navbar-brand" href="#/listarMateria"><img alt="ciencias" src="img/logo_ciencias.jpg" class="img-rounded" width="60" height="60"></a>
|
||||
<a class="navbar-brand" href="#/listarMateria"><img alt="computacion" src="img/logo_computacion.jpg" lass="img-thumbnail" width="270" height="60"></a>
|
||||
</div>
|
||||
<div id="navbar" class="navbar-collapse collapse">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<div class="container-fluid ">
|
||||
<a href="#login" class="btn-warning btn" style=" margin: 10px">Salir</a>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
95
app/partials/professor/create_professor.html
Normal file
95
app/partials/professor/create_professor.html
Normal file
@@ -0,0 +1,95 @@
|
||||
<div>
|
||||
<form name="vm.data_input_form" role="form" novalidate
|
||||
ng-submit="vm.submit()">
|
||||
<div class="row clearfix">
|
||||
<h4>Datos del Profesor</h4>
|
||||
<br>
|
||||
<div class="col-md-12 column well">
|
||||
<div class="row">
|
||||
<div class="col-md-4 column">
|
||||
<label for="cedula">Numero de Cédula</label>
|
||||
<input type="numeric" class="form-control"
|
||||
name="cedula" ng-model="vm.profesor.Cedula"
|
||||
placeholder="12345678" required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.cedula.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.cedula.$error.required">
|
||||
El Número de Cédula del Profesor es Obligatorio.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 column">
|
||||
<label for="nombre">Nombre</label>
|
||||
<input type="text" class="form-control"
|
||||
name="nombre" ng-model="vm.profesor.Nombre"
|
||||
required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.nombre.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.nombre.$error.required">
|
||||
El Nombre del Profesor es Obligatorio.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 column">
|
||||
<label for="apellido">Apellido</label>
|
||||
<input type="text" class="form-control"
|
||||
name="apellido" ng-model="vm.profesor.Apellido" required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.apellido.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.apellido.$error.required">
|
||||
El Apellido del Profesor es obligatorio.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix"><div class="col-md-12 column"><br><br></div></div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 column">
|
||||
<label for="correo">Dirección de Correo</label>
|
||||
<input type="correo" class="form-control"
|
||||
name="correo" ng-model="vm.profesor.Correo"
|
||||
ng-pattern="/^[a-z]+[a-z0-9._]+@[a-z]+\.[a-z.]{2,5}$/" placeholder="me@example.com" required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.correo.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.correo.$error.required">
|
||||
El Correo del Profesor es obligatorio.
|
||||
</small>
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.correo.$error.pattern">
|
||||
El Formato del Correo del Profesor es incorrecto.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 column">
|
||||
<label for="telefono">Número de Teléfono</label>
|
||||
<input type="telefono" class="form-control"
|
||||
name="telefono" ng-model="vm.profesor.Telefono"
|
||||
ng-pattern="/\d{4}-\d{3}-\d{4}/" maxlength="13"
|
||||
placeholder="0424-123-9876"/>
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.telefono.$error.pattern">
|
||||
El Formato del Número de Teléfono es incorrecto.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix">
|
||||
<div class="col-md-2 column">
|
||||
<div class="form-group">
|
||||
<label> </label>
|
||||
<p class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" class="btn-primary btn">Agregar Profesor</button>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
53
app/partials/professor/list_professor.html
Normal file
53
app/partials/professor/list_professor.html
Normal file
@@ -0,0 +1,53 @@
|
||||
<div class="row clearfix">
|
||||
<h4>Listado de Profesores</h4>
|
||||
<br>
|
||||
<div>
|
||||
<table class="table table-bordered table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="20%">
|
||||
<a href="" ng-click="sortType = 'Cedula'; sortReverse = !sortReverse">
|
||||
Cedula
|
||||
<span ng-show="sortType == 'Cedula' && !sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Cedula' && sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="20%">
|
||||
<a href="" ng-click="sortType = 'Nombre'; sortReverse = !sortReverse">
|
||||
Nombre
|
||||
<span ng-show="sortType == 'Nombre' && !sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Nombre' && sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="20%">
|
||||
<a href="" ng-click="sortType = 'Apellido'; sortReverse = !sortReverse">
|
||||
Apellido
|
||||
<span ng-show="sortType == 'Apellido' && !sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Apellido' && sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="20%" style="text-align: center">
|
||||
<a>Modificar</a>
|
||||
</th>
|
||||
<th width="20%" style="text-align: center">
|
||||
<a>Borrar</a>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr ng-repeat="profesor in vm.listaProfesor">
|
||||
<td style="vertical-align:middle">{{ profesor.Cedula }}</td>
|
||||
<td style="vertical-align:middle">{{ profesor.Nombre }}</td>
|
||||
<td style="vertical-align:middle">{{ profesor.Apellido }}</td>
|
||||
<td style="text-align: center">
|
||||
<span title="Click aqui para Modificar un Profesor" class="glyphicon glyphicon-edit" aria-hidden="true" ng-click="vm.modificarProfesor($index)" style="cursor:pointer"></span>
|
||||
</td>
|
||||
<td style="text-align: center">
|
||||
<span title="Click aqui para Eliminar un Profesor" class="glyphicon glyphicon-remove" aria-hidden="true" ng-click="vm.eliminarProfesorModal($index)" style="cursor:pointer"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div ng-show=false > {{ vm.removeProfesorSplice(index, rsplice) }}</div>
|
||||
</div>
|
||||
10
app/partials/professor/modal/create_professor_modal.html
Normal file
10
app/partials/professor/modal/create_professor_modal.html
Normal file
@@ -0,0 +1,10 @@
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title">Crear Profesor</h3>
|
||||
</div>
|
||||
<div style="text-align: center" class="modal-body">
|
||||
{{ mensaje }}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-primary" ng-show="botonOk" type="button"
|
||||
ng-click="ok(urlLo)">OK</button>
|
||||
</div>
|
||||
14
app/partials/professor/modal/list_professor_modal.html
Normal file
14
app/partials/professor/modal/list_professor_modal.html
Normal file
@@ -0,0 +1,14 @@
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title">Eliminar Profesor</h3>
|
||||
</div>
|
||||
<div style="text-align: center" class="modal-body">
|
||||
{{ mensaje }}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-primary" ng-show="acceptButton" type="button"
|
||||
ng-click="ok(urlLo)">Aceptar</button>
|
||||
<button class="btn btn-primary" ng-show="botonOK" type="button"
|
||||
ng-click="vm.eliminarProfesor(index)">OK</button>
|
||||
<button class="btn btn-warning" ng-show="botonCancelar" type="button"
|
||||
ng-click="cancel()">Cancel</button>
|
||||
</div>
|
||||
12
app/partials/professor/modal/update_professor_modal.html
Normal file
12
app/partials/professor/modal/update_professor_modal.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title">Modificar Profesor</h3>
|
||||
</div>
|
||||
<div style="text-align: center" class="modal-body">
|
||||
{{ mensaje }}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-primary" ng-show="botonOk" type="button"
|
||||
ng-click="ok(urlLo)">OK</button>
|
||||
<button class="btn btn-warning" ng-show="botonCancelar" type="button"
|
||||
ng-click="cancel()">Cancel</button>
|
||||
</div>
|
||||
62
app/partials/professor/update_professor.html
Normal file
62
app/partials/professor/update_professor.html
Normal file
@@ -0,0 +1,62 @@
|
||||
<div class="row clearfix">
|
||||
<div class="col-md-12 column">
|
||||
<div class="col-md-4 column"></div>
|
||||
</div>
|
||||
</div>
|
||||
<form name="vm.data_input_form" role="form" novalidate ng-submit="vm.submit()">
|
||||
<div class="row clearfix">
|
||||
<h4>Modificar Profesor</h4></br>
|
||||
<div class="col-md-12 column well">
|
||||
<div class="row">
|
||||
<div class="col-md-4 column">
|
||||
<label for="cedula">Cedula</label>
|
||||
<input type="numeric" class="form-control" name="cedula" readonly="readonly" ng-model="vm.profesor.Cedula"/>
|
||||
</div>
|
||||
<div class="col-md-4 column">
|
||||
<label for="nombre">Nombre</label>
|
||||
<input type="text" class="form-control" name="nombre" readonly="readonly" ng-model="vm.profesor.Nombre"/>
|
||||
</div>
|
||||
<div class="col-md-4 column">
|
||||
<label for="apellido">Apellido</label>
|
||||
<input type="text" class="form-control" name="apellido" readonly="readonly" ng-model="vm.profesor.Apellido"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix"><div class="col-md-12 column"><br><br>
|
||||
</div></div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 column">
|
||||
<label for="email">Dirección de Correo Electronico</label>
|
||||
<input type="email" class="form-control" name="email"
|
||||
ng-model="vm.profesor.Correo"
|
||||
ng-pattern="/^[a-z]+[a-z0-9._]+@[a-z]+\.[a-z.]{2,5}$/" placeholder="me@example.com"/>
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.correo.$error.pattern">
|
||||
El formato del Correo del Profesor es incorrecto.
|
||||
</small>
|
||||
</div>
|
||||
<div class="col-md-4 column">
|
||||
<label for="telefono">Número de Teléfono</label>
|
||||
<input type="phone" class="form-control"
|
||||
name="telefono" ng-model="vm.profesor.Telefono"
|
||||
ng-pattern="/\d{4}-\d{3}-\d{4}/" maxlength="13"
|
||||
placeholder="0212-574-1234"/>
|
||||
<small class="error" ng-show="vm.data_input_form.telefono.$error.pattern">
|
||||
El formato del Teléfono debe ser: 0212-789-5551.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix">
|
||||
<div class="col-md-2 column">
|
||||
<div class="form-group">
|
||||
<label> </label>
|
||||
<p class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" class="btn-primary btn">Modificar Profesor</button>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
116
app/partials/report/report.html
Normal file
116
app/partials/report/report.html
Normal file
@@ -0,0 +1,116 @@
|
||||
<section>
|
||||
<div class="page-header">
|
||||
<h1>Reportes</h1>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-12 ng-scope"
|
||||
ng-controller="poblacionNacimientoCtrl">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Reporte Alumno
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="chart-container">
|
||||
<canvas class="chart chart-pie"
|
||||
chart-data="dataPoblacionNacimiento"
|
||||
chart-labels="labelPoblacionNacimiento"></canvas>
|
||||
<chart-legend>
|
||||
<ul class="line-legend">
|
||||
<li><span style="background-color:rgba(151,187,205,1)"></span>{{'TAG_FOREIGN' }} </li>
|
||||
<li><span style="background-color:rgba(220,220,220,1)"></span>{{'TAG_RESIDENT' }} </li>
|
||||
</ul>
|
||||
</chart-legend>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 code">
|
||||
<div class="ng-isolate-scope">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-12 code">
|
||||
<div class="ng-isolate-scope">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-12 ng-scope"
|
||||
ng-controller="poblacionActivaCtrl">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Reporte por Clase
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="chart-container">
|
||||
<canvas class="chart chart-bar"
|
||||
chart-data="dataPoblacionActiva"
|
||||
chart-labels="labelsPoblacionActiva"
|
||||
chart-series="seriesPoblacionActiva"></canvas>
|
||||
<chart-legend>
|
||||
<ul class="line-legend">
|
||||
<li><span style="background-color:rgba(151,187,205,1)"></span>{{'TAG_ECONOMIC_PASSIVE' }} </li>
|
||||
<li><span style="background-color:rgba(220,220,220,1)"></span>{{'TAG_ECONOMIC_ACTIVE' }} </li>
|
||||
</ul>
|
||||
</chart-legend>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 code">
|
||||
<div class="ng-isolate-scope">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-12 ng-scope"
|
||||
ng-controller="hombresEdadCtrl">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Reporte por Sección
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="chart-container">
|
||||
<canvas class="chart chart-bar"
|
||||
chart-data="dataHombresEdad"
|
||||
chart-labels="labelsHombresEdad"
|
||||
chart-series="seriesHombresEdad"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-12 code">
|
||||
<div class="ng-isolate-scope">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6 col-sm-12 ng-scope"
|
||||
ng-controller="mujeresEdadCtrl">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Reporte por Materia
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="chart-container">
|
||||
<canvas class="chart chart-bar"
|
||||
chart-data="dataMujeresEdad"
|
||||
chart-labels="labelsMujeresEdad"
|
||||
chart-series="seriesMujeresEdad"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-sm-12 code">
|
||||
<div class="ng-isolate-scope">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
80
app/partials/section/create_section.html
Normal file
80
app/partials/section/create_section.html
Normal file
@@ -0,0 +1,80 @@
|
||||
<div>
|
||||
<form name="vm.data_input_form" role="form" novalidate
|
||||
ng-submit="vm.submit()">
|
||||
<div class="row clearfix">
|
||||
<h4>Nueva Matricula</h4>
|
||||
<br>
|
||||
<div class="col-md-12 column well">
|
||||
<div class="row">
|
||||
<div class="col-md-4 column">
|
||||
<label>Nombre de la Materia</label>
|
||||
<select
|
||||
class="form-control"
|
||||
ng-model="vm.valorMateria"
|
||||
ng-options="materia.Nombre for materia in vm.materias"
|
||||
>
|
||||
<option value="">{{materia.Nombre}}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4 column">
|
||||
<label for="codigo">Codigo de la Materia</label>
|
||||
<input type="text" class="form-control"
|
||||
name="codigo" readonly="readonly"
|
||||
ng-model="vm.valorMateria.Codigo"/>
|
||||
</div>
|
||||
<div class="col-md-4 column">
|
||||
<label for="semestre">Semestre</label>
|
||||
<input type="text" class="form-control"
|
||||
name="semestre"
|
||||
ng-model="vm.matricula.Semestre" required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.semestre.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.semestre.$error.required">
|
||||
El Semestre es obligatorio.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix"><div class="col-md-12 column"><br><br></div></div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 column">
|
||||
<label for="seccion">Sección</label>
|
||||
<input type="text" class="form-control"
|
||||
name="seccion" ng-model="vm.matricula.Nombre"
|
||||
required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.seccion.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.seccion.$error.required">
|
||||
La sección es obligatoria.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 column"><br>
|
||||
<span class="input-group-btn">
|
||||
<button type="button"class="btn-warning btn"
|
||||
ng-click="vm.cargarEstudiantes()">
|
||||
Cargar Estudiantes
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
<div class="row clearfix"><div class="col-md-12 column"><br>
|
||||
<br></div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix">
|
||||
<div class="col-md-2 column">
|
||||
<div class="form-group">
|
||||
<label> </label>
|
||||
<p class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" class="btn-primary btn">Crear Matricula</button>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
69
app/partials/section/list_section.html
Normal file
69
app/partials/section/list_section.html
Normal file
@@ -0,0 +1,69 @@
|
||||
<div class="row clearfix">
|
||||
<h4>Listado de Secciones</h4></br>
|
||||
<div>
|
||||
<table class="table table-bordered table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="20%">
|
||||
<a href="" ng-click="sortType = 'Nombre';
|
||||
sortReverse = !sortReverse">
|
||||
Sección
|
||||
<span ng-show="sortType == 'Nombre' && !sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Nombre' && sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="20%">
|
||||
<a href=""
|
||||
ng-click="sortType = 'Materia'; sortReverse = !sortReverse">
|
||||
Nombre de la Materia
|
||||
<span ng-show="sortType == 'Materia' && !sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Materia' && sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="20%">
|
||||
<a href="" ng-click="sortType = 'Codigo'; sortReverse = !sortReverse">
|
||||
Codigo de la Materia
|
||||
<span ng-show="sortType == 'Codigo' && !sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Codigo' && sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="20%">
|
||||
<a href="" ng-click="sortType = 'Semestre'; sortReverse = !sortReverse">
|
||||
Semestre
|
||||
<span ng-show="sortType == 'Semestre' && !sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Semestre' && sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="10%" style="text-align: center">
|
||||
<a>Modificar</a>
|
||||
</th>
|
||||
<th width="10%" style="text-align: center">
|
||||
<a>Borrar</a>
|
||||
</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr ng-repeat="matricula in vm.listaMatricula | orderBy:sortType:sortReverse | filter:searchUser">
|
||||
<td style="vertical-align:middle">{{ matricula.Nombre }}</td>
|
||||
<td style="vertical-align:middle">{{ matricula.Materia }}</td>
|
||||
<td style="vertical-align:middle">{{ matricula.Codigo }}</td>
|
||||
<td style="vertical-align:middle">{{ matricula.Semestre }}</td>
|
||||
<td style="text-align: center">
|
||||
<span title="Click aqui para Modificar la Matricula"
|
||||
class="glyphicon glyphicon-edit" aria-hidden="true"
|
||||
ng-click="vm.modificarMatricula($index)"
|
||||
style="cursor:pointer"></span>
|
||||
</td>
|
||||
<td style="text-align: center">
|
||||
<span title="Click aqui para Eliminar la Matricula"
|
||||
class="glyphicon glyphicon-remove" aria-hidden="true"
|
||||
ng-click="vm.eliminarMatriculaModal($index)"
|
||||
style="cursor:pointer"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div ng-show=false > {{ vm.eliminarMatriculaSplice(index, rsplice) }}</div>
|
||||
</div>
|
||||
12
app/partials/section/modal/create_section_modal.html
Normal file
12
app/partials/section/modal/create_section_modal.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title">Crear Sección</h3>
|
||||
</div>
|
||||
<div style="text-align: center" class="modal-body">
|
||||
{{ mensaje }}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-primary" ng-show="botonOk" type="button"
|
||||
ng-click="ok(urlLo)">Aceptar</button>
|
||||
<button class="btn btn-warning" ng-show="botonCancelar" type="button"
|
||||
ng-click="cancel()">Cancelar</button>
|
||||
</div>
|
||||
14
app/partials/section/modal/delete_section_modal.html
Normal file
14
app/partials/section/modal/delete_section_modal.html
Normal file
@@ -0,0 +1,14 @@
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title">Eliminar Sección</h3>
|
||||
</div>
|
||||
<div style="text-align: center" class="modal-body">
|
||||
{{ mensaje }}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-primary" ng-show="botonOk" type="button"
|
||||
ng-click="vm.eliminarMatricula(index)">OK</button>
|
||||
<button class="btn btn-warning" ng-show="botonCancelar" type="button"
|
||||
ng-click="cancel()">Cancelar</button>
|
||||
<button class="btn btn-primary" ng-show="otroBotonOk" type="button"
|
||||
ng-click="ok(urlLo)">Aceptar</button>
|
||||
</div>
|
||||
14
app/partials/section/modal/update_section_modal.html
Normal file
14
app/partials/section/modal/update_section_modal.html
Normal file
@@ -0,0 +1,14 @@
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title">Retirar Estudiante</h3>
|
||||
</div>
|
||||
<div style="text-align: center" class="modal-body">
|
||||
{{ mensaje }}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-primary" ng-show="botonOk" type="button"
|
||||
ng-click="vm.retirarEstudiante(index)">OK</button>
|
||||
<button class="btn btn-primary" ng-show="otroBotonOk" type="button"
|
||||
ng-click="ok(urlLo)">Aceptar</button>
|
||||
<button class="btn btn-warning" ng-show="botonCancelar" type="button"
|
||||
ng-click="cancel()">Cancelar</button>
|
||||
</div>
|
||||
54
app/partials/section/update_section.html
Normal file
54
app/partials/section/update_section.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<div class="row clearfix">
|
||||
<h4>Estudiantes Inscritos en {{ vm.matricula.Nombre }} - Seccion {{ vm.matricula.Seccion }} - Semestre {{ vm.matricula.Semestre }}</h4>
|
||||
<br>
|
||||
<div>
|
||||
<table class="table table-bordered table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="20%">
|
||||
<a href="" ng-click="sortType = 'Cedula'; sortReverse = !sortReverse">
|
||||
Cedula
|
||||
<span ng-show="sortType == 'Cedula' && !sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Cedula' && sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="20%">
|
||||
<a href="" ng-click="sortType = 'Nombre'; sortReverse = !sortReverse">
|
||||
Nombre
|
||||
<span ng-show="sortType == 'Nombre' && !sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Nombre' && sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="20%">
|
||||
<a href="" ng-click="sortType = 'Apellido'; sortReverse = !sortReverse">
|
||||
Apellido
|
||||
<span ng-show="sortType == 'Apellido' && !sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Apellido' && sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="20%" style="text-align: center">
|
||||
<a>Retirar</a>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr ng-repeat="estudiante in vm.listaEstudiantes | orderBy:sortType:sortReverse | filter:searchUser">
|
||||
<td style="vertical-align:middle">{{ estudiante.Cedula }}</td>
|
||||
<td style="vertical-align:middle">{{ estudiante.Nombre }}</td>
|
||||
<td style="vertical-align:middle">{{ estudiante.Apellido }}</td>
|
||||
<td style="text-align: center">
|
||||
<span title="Click aqui para Eliminar un Estudiante"
|
||||
class="glyphicon glyphicon-remove" aria-hidden="true"
|
||||
ng-click="vm.retirarEstudianteModal($index)"
|
||||
style="cursor:pointer;"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<button type="button" class="btn-primary btn" ng-click="vm.actualizarMatricula()">Guardar Cambios</button>
|
||||
<div ng-show = false> {{ vm.retirarEstudianteSplice(index, rsplice) }}</div>
|
||||
<div class="container-fluid ">
|
||||
<a href="#listarMatricula" class="btn-warning btn" style=" margin: 10px">Regresar</a>
|
||||
</div>
|
||||
</div>
|
||||
21
app/partials/sidebar.html
Normal file
21
app/partials/sidebar.html
Normal file
@@ -0,0 +1,21 @@
|
||||
<div class="col-sm-3 col-md-2 sidebar">
|
||||
<ul class="nav nav-sidebar">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-sm-3 col-md-2 sidebar" data-ng-controller="sidebarCtrl as vm">
|
||||
<ul class="nav nav-sidebar">
|
||||
<li ng-repeat="item in items" ng-click="showChilds(item)">
|
||||
<a>{{item.text}}</a>
|
||||
<ul class="nav nav-sidebar text-center">
|
||||
<li ng-repeat="subItem in item.subItems" ng-show="item.active" >
|
||||
<a data-ui-sref="{{ subItem.state ? subItem.state : false }}">{{subItem.text}}
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
93
app/partials/students/create_students.html
Normal file
93
app/partials/students/create_students.html
Normal file
@@ -0,0 +1,93 @@
|
||||
<div>
|
||||
<form name="vm.data_input_form" role="form" novalidate
|
||||
ng-submit="vm.submit()">
|
||||
<div class="row clearfix">
|
||||
<h4>Datos del Nuevo Alumno</h4>
|
||||
<br>
|
||||
<div class="col-md-12 column well">
|
||||
<div class="row">
|
||||
<div class="col-md-4 column">
|
||||
<label for="cedula">Numero de Cedula</label>
|
||||
<input type="numeric" class="form-control"
|
||||
name="cedula" ng-model="vm.estudiante.Cedula" placeholder="12345678" required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.cedula.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.cedula.$error.required">
|
||||
El Numero de Cedula del Alumno es obligatorio.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 column">
|
||||
<label for="nombre">Nombre</label>
|
||||
<input type="text" class="form-control" name="nombre"
|
||||
ng-model="vm.estudiante.Nombre" required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.nombre.$invalid">
|
||||
<small class="error" ng-show="vm.data_input_form.nombre.$error.required">
|
||||
El Nombre del Alumno es obligatorio.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 column">
|
||||
<label for="apellido">Apellido</label>
|
||||
<input type="text" class="form-control"
|
||||
name="apellido" ng-model="vm.estudiante.Apellido"
|
||||
required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.apellido.$invalid">
|
||||
<small class="error" ng-show="vm.data_input_form.apellido.$error.required">
|
||||
El Apellido del Alumno es obligatorio.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix"><div class="col-md-12 column">
|
||||
<br><br></div></div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 column">
|
||||
<label for="correo">Direccion de Correo</label>
|
||||
<input type="correo" class="form-control"
|
||||
name="correo" ng-model="vm.estudiante.Correo"
|
||||
ng-pattern="/^[a-z]+[a-z0-9._]+@[a-z]+\.[a-z.]{2,5}$/" placeholder="me@example.com" required/>
|
||||
<div class="error" ng-show="vm.submitted &&
|
||||
vm.data_input_form.correo.$invalid">
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.correo.$error.required">
|
||||
El Correo del Alumno es obligatorio.
|
||||
</small>
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.correo.$error.pattern">
|
||||
El formato del Correo del Alumno es incorrecto.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 column">
|
||||
<label for="telefono">Numero de Telefono</label>
|
||||
<input type="telefono" class="form-control"
|
||||
name="telefono" ng-model="vm.estudiante.Telefono"
|
||||
ng-pattern="/\d{4}-\d{3}-\d{4}/" maxlength="13"
|
||||
placeholder="0424-123-9876"/>
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.telefono.$error.pattern">
|
||||
El Formato del Numero de Telefono es incorrecto.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix">
|
||||
<div class="col-md-2 column">
|
||||
<div class="form-group">
|
||||
<label> </label>
|
||||
<p class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" class="btn-primary btn">
|
||||
Agregar Alumno</button>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
67
app/partials/students/list_students.html
Normal file
67
app/partials/students/list_students.html
Normal file
@@ -0,0 +1,67 @@
|
||||
<div class="row clearfix">
|
||||
<h4>Listado de Estudiantes</h4>
|
||||
<br>
|
||||
<div>
|
||||
<table class="table table-bordered table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th width="20%">
|
||||
<a href="" ng-click="sortType = 'Cedula';
|
||||
sortReverse = !sortReverse">
|
||||
Cedula
|
||||
<span ng-show="sortType == 'Cedula' &&
|
||||
!sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Cedula' &&
|
||||
sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="20%">
|
||||
<a href="" ng-click="sortType = 'Nombre';
|
||||
sortReverse = !sortReverse">
|
||||
Nombre
|
||||
<span ng-show="sortType == 'Nombre' &&
|
||||
!sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Nombre' &&
|
||||
sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="20%">
|
||||
<a href="" ng-click="sortType = 'Apellido';
|
||||
sortReverse = !sortReverse">
|
||||
Apellido
|
||||
<span ng-show="sortType == 'Apellido' &&
|
||||
!sortReverse" class="fa fa-caret-down"></span>
|
||||
<span ng-show="sortType == 'Apellido' &&
|
||||
sortReverse" class="fa fa-caret-up"></span>
|
||||
</a>
|
||||
</th>
|
||||
<th width="20%" style="text-align: center">
|
||||
<a>Modificar</a>
|
||||
</th>
|
||||
<th width="20%" style="text-align: center">
|
||||
<a>Borrar</a>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr ng-repeat="estudiante in vm.listaEstudiantes">
|
||||
<td style="vertical-align:middle">{{ estudiante.Cedula }}</td>
|
||||
<td style="vertical-align:middle">{{ estudiante.Nombre }}</td>
|
||||
<td style="vertical-align:middle">{{ estudiante.Apellido }}</td>
|
||||
<td style="text-align: center">
|
||||
<span title="Click aqui para Modificar un Estudiante" class="glyphicon glyphicon-edit" aria-hidden="true"
|
||||
ng-click="vm.modificarEstudiante($index)"
|
||||
style="cursor:pointer"></span>
|
||||
</td>
|
||||
<td style="text-align: center">
|
||||
<span title="Click aqui para Eliminar un Estudiante"
|
||||
class="glyphicon glyphicon-remove" aria-hidden="true"
|
||||
ng-click="vm.eliminarEstudianteModal($index)"
|
||||
style="cursor:pointer"></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div ng-show=false > {{vm.removeEstudianteSplice(index, rsplice)}}</div>
|
||||
</div>
|
||||
9
app/partials/students/modal/create_students_modal.html
Normal file
9
app/partials/students/modal/create_students_modal.html
Normal file
@@ -0,0 +1,9 @@
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title">Crear Estudiante</h3>
|
||||
</div>
|
||||
<div style="text-align: center" class="modal-body">
|
||||
{{ mensaje }}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-primary" ng-show="botonOk" type="button" ng-click="ok(urlLo)">Aceptar</button>
|
||||
</div>
|
||||
14
app/partials/students/modal/list_students_modal.html
Normal file
14
app/partials/students/modal/list_students_modal.html
Normal file
@@ -0,0 +1,14 @@
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title">Eliminar Estudiante</h3>
|
||||
</div>
|
||||
<div style="text-align: center" class="modal-body">
|
||||
{{ mensaje }}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-primary" ng-show="acceptButton" type="button"
|
||||
ng-click="ok(urlLo)">Aceptar</button>
|
||||
<button class="btn btn-primary" ng-show="botonOK" type="button"
|
||||
ng-click="vm.eliminarEstudiante(index)">OK</button>
|
||||
<button class="btn btn-warning" ng-show="botonCancelar" type="button"
|
||||
ng-click="cancel()">Cancelar</button>
|
||||
</div>
|
||||
12
app/partials/students/modal/update_students_modal.html
Normal file
12
app/partials/students/modal/update_students_modal.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<div class="modal-header">
|
||||
<h3 class="modal-title">Modificar Estudiante</h3>
|
||||
</div>
|
||||
<div style="text-align: center" class="modal-body">
|
||||
{{ mensaje }}
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-primary" ng-show="botonOk" type="button"
|
||||
ng-click="ok(urlLo)">Aceptar</button>
|
||||
<button class="btn btn-warning" ng-show="botonCancelar" type="button"
|
||||
ng-click="cancel()">Cancelar</button>
|
||||
</div>
|
||||
69
app/partials/students/update_students.html
Normal file
69
app/partials/students/update_students.html
Normal file
@@ -0,0 +1,69 @@
|
||||
<div class="row clearfix">
|
||||
<div class="col-md-12 column">
|
||||
</div>
|
||||
</div>
|
||||
<form name="vm.data_input_form" role="form" novalidate ng-submit="vm.submit()">
|
||||
<div class="row clearfix">
|
||||
<h4>Modificar Estudiante</h4>
|
||||
<br>
|
||||
<div class="col-md-12 column well">
|
||||
<div class="row">
|
||||
<div class="col-md-4 column">
|
||||
<label for="cedula">Cedula</label>
|
||||
<input type="nmumeric" class="form-control"
|
||||
name="cedula" readonly="readonly"
|
||||
ng-model="vm.estudiante.Cedula" />
|
||||
</div>
|
||||
<div class="col-md-4 column">
|
||||
<label for="nombre">Nombre</label>
|
||||
<input type="text" class="form-control"
|
||||
name="nombre" readonly="readonly"
|
||||
ng-model="vm.estudiante.Nombre" />
|
||||
</div>
|
||||
<div class="col-md-4 column">
|
||||
<label for="apellido">Apellido</label>
|
||||
<input type="text" class="form-control"
|
||||
name="apellido" readonly="readonly"
|
||||
ng-model="vm.estudiante.Apellido" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix"><div class="col-md-12 column"><br><br>
|
||||
</div></div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 column">
|
||||
<label for="email">Direccion de Correo Electronico</label>
|
||||
<input type="email" class="form-control"
|
||||
name="email" ng-model="vm.estudiante.Correo"
|
||||
ng-pattern="/^[a-z]+[a-z0-9._]+@[a-z]+\.[a-z.]{2,5}$/" placeholder="me@example.com"/>
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.correo.$error.pattern">
|
||||
El formato del Correo del Alumno es incorrecto.
|
||||
</small>
|
||||
</div>
|
||||
<div class="col-md-4 column">
|
||||
<label for="telefono">Numero de Telefono</label>
|
||||
<input type="phone" class="form-control"
|
||||
name="telefono" ng-model="vm.estudiante.Telefono"
|
||||
ng-pattern="/\d{4}-\d{3}-\d{4}/" maxlength="13"
|
||||
placeholder="0212-574-1234"/>
|
||||
<small class="error"
|
||||
ng-show="vm.data_input_form.telefono.$error.pattern">
|
||||
El formato del Teléfono debe ser: 0212-789-5551.
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row clearfix">
|
||||
<div class="col-md-2 column">
|
||||
<div class="form-group">
|
||||
<label> </label>
|
||||
<p class="input-group">
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" class="btn-primary btn">Modificar Estudiante</button>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
Reference in New Issue
Block a user