Initial commit
This commit is contained in:
Reynaldo Reyes
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