"Implementada pestaña datos académicos del estudiante y más metodos de comunicación #11, #12"

Author: juanAFernandez

SMS-Back-End/apigateway/helloworld_api.py

@@ -77,17 +77,18 @@ class ListaAlumnos(messages.Message):
 
 class Profesor(messages.Message):
     nombre = messages.StringField(1)
-    dni = messages.StringField(2)
+    apellidos = messages.StringField(2)
+    dni = messages.StringField(3)
 
 class ProfesorCompleto(messages.Message):
     nombre = messages.StringField(1)
-    dni = messages.StringField(2)
-    direccion = messages.StringField(3)
-    localidad = messages.StringField(4)
-    provincia = messages.StringField(5)
-    fecha_nac = messages.StringField(6)
-    telefonoA = messages.StringField(7)
-    telefonoB = messages.StringField(8)
+    apellidos = messages.StringField(2)
+    dni = messages.StringField(3)
+    direccion = messages.StringField(4)
+    localidad = messages.StringField(5)
+    provincia = messages.StringField(6)
+    fecha_nac = messages.StringField(7)
+    telefono = messages.StringField(8)
 
 class ListaProfesores(messages.Message):
     profesores = messages.MessageField(Profesor, 1, repeated=True)
@@ -392,7 +393,7 @@ def eliminar_alumno(self, request):
     curl -i -X GET localhost:8001/_ah/api/helloworld/v1/alumnos/getProfesoresAlumno?dni=1
     '''
     @endpoints.method(ID, ListaProfesores, path='alumnos/getProfesoresAlumno', http_method='GET', name='alumnos.getProfesoresAlumno')
-    def getProfesoreAlumno(self, request):
+    def getProfesoresAlumno(self, request):
         #Transformación de la llamada al endpoints a la llamada a la api rest del servicio.
         if v:
             print ("Ejecución de getProfesoresAlumno en apigateway")
@@ -405,7 +406,10 @@ def getProfesoreAlumno(self, request):
         url = "http://%s/" % modules.get_hostname(module="microservicio1")
 
         #Añadimos a la url la coleccion (alumnos), el recurso (alumno dado por su dni) y el recurso anidado de este (profesores)
-        url+='alumnos/'+request.dni+"/profesores"
+        url+='alumnos/'+str(request.id)+"/profesores"
+
+
+        print url
 
         #Realizamos la petición
         result = urlfetch.fetch(url)
@@ -420,14 +424,9 @@ def getProfesoreAlumno(self, request):
         profesoresItems= []
         #Que rellenamos con todo los alumnos de la listaAlumnos
         for profesor in listaProfesores:
-            profesoresItems.append(ProfesorCompleto( nombre=str(profesor.get('nombre')),
-                                           dni=str(profesor.get('dni')),
-                                           direccion=str(profesor.get('direccion')),
-                                           localidad=str(profesor.get('localidad')),
-                                           provincia=str(profesor.get('provincia')),
-                                           fecha_nac=str(profesor.get('fecha_nac')),
-                                           telefonoA=str(profesor.get('telefonoA')),
-                                           telefonoB=str(profesor.get('telefonoB'))
+            profesoresItems.append(Profesor( nombre=str(profesor.get('nombre')),
+                                           apellidos=str(profesor.get('apellidos')),
+                                           dni=str(profesor.get('dni'))
                                          )
                                 )
 

SMS-Back-End/apigateway/main.py

@@ -291,20 +291,17 @@ def getNumAlumnos(self):
             return 'Elemento no encontrado'
 
     @classmethod
-    def getProfesores(self, dniAlumno):
+    def getProfesores(self, idAlumno):
         """
         Devuelve una lista de los profesores que imparte clase a ese alumno.
 
         Argumentos:
 
-            dniAlumno: El dni del alumno del que se pide la información.
-
-
-        Extra: ¿Se debería añadir la comprobación de existencia del alumno?
-
+            idAlumno: El id del alumno del que se pide la información.
         """
         db = MySQLdb.connect(dbParams.host, dbParams.user, dbParams.password, dbParams.db)
         cursor = db.cursor()
+        idAlumno='\''+idAlumno+'\''
 
         #Sacando los acentos...........
         mysql_query="SET NAMES 'utf8'"
@@ -329,9 +326,14 @@ def getProfesores(self, dniAlumno):
             row = cursor.fetchone()
             lista = []
             while row is not None:
+
+                print "Info profesor recibida: "+str(row)
+
                 profesor = Profesor()
 
-                profesor.dni=row[5]
+                profesor.dni=row[0]
+                profesor.nombre=row[1]
+                profesor.apellidos=row[2]
                 lista.append(profesor)
                 #print row[0], row[1]
                 row = cursor.fetchone()

SMS-Back-End/microservicio1/APIDB/GestorAlumnosSQL.py

@@ -124,6 +124,7 @@ def delAlumno(id_alumno):
 @app.route('/alumnos/<string:id_alumno>/profesores',methods=['GET'])
 def getProfesoresAlumno(id_alumno):
     '''
+    Devuelve todos los profesores que imparten clase a ese alumno.
     curl -i -X GET localhost:8080/alumnos/1/profesores
     '''
     return jsonpickle.encode(GestorAlumnos.getProfesores(id_alumno))

SMS-Back-End/microservicio1/main.py

@@ -78,6 +78,39 @@ de la vista y se usan).
              controller: 'ControladorNuevoEstudiante'
          })
 
+         .state('profesores', {
+             url: '/profesores',
+             templateUrl: 'profesores.html'
+         })
+         .state('profesores.main', {
+             url: '/main',
+             templateUrl: 'profesores-main.html',
+         })
+         .state('profesores.list', {
+              url: '/list',
+              templateUrl: 'profesores-lista.html',
+              controller: 'ControladorListaProfesores'
+          })
+          .state('profesores.detalles-estudiante',{
+            url: '/detalle/:estudianteID',
+            templateUrl: 'profesores-detalle.html',
+            controller: 'ControladorDetallesEstudiante'
+          })
+          .state('profesores.nuevo', {
+              url: '/nuevo',
+              //Podemos meter directamente texto desde aquí
+              //template: 'I could sure use a drink right now.'
+              templateUrl: 'profesores-nuevo.html',
+              controller: 'ControladorNuevoProfesor'
+          })
+
+
+
+
+
+
+
+
         // ABOUT PAGE AND MULTIPLE NAMED VIEWS =================================
         .state('about', {
             // we'll get to this in a bit
@@ -95,13 +128,13 @@ routerApp.controller('ControladorNuevoEstudiante', function ($scope) {
   */
   $scope.addAlumno = function(){
     //console.log("lamando a addAlumno()");
-    //console.log($scope.alumno);
+    console.log($scope.alumno);
     //console.log($scope.alumno.nombre)
 
     var ROOT = 'http://localhost:8001/_ah/api';
     gapi.client.load('helloworld', 'v1', null, ROOT);
 
-    gapi.client.helloworld.greetings.insertaralumno({'nombre':$scope.alumno.nombre,'dni':$scope.alumno.dni}).execute(function(resp){
+    gapi.client.helloworld.alumnos.insertaralumno({'nombre':$scope.alumno.nombre,'dni':$scope.alumno.dni}).execute(function(resp){
       //Mostramos por consola la respuesta del servidor
       console.log(resp.message);
       $scope.respuesta=resp.message;
@@ -125,6 +158,17 @@ routerApp.controller('ControladorDetallesEstudiante', function($scope, $statePar
 
   var ROOT = 'http://localhost:8001/_ah/api';
   gapi.client.load('helloworld', 'v1', null, ROOT);
+
+
+  //Pedimos al gateway que nos diga todos los profesores que imparten clase a ese alumno.
+  gapi.client.helloworld.alumnos.getProfesoresAlumno({'id':$stateParams.estudianteID}).execute(function(resp){
+    console.log(resp);
+    //Enviamos al scope no toda la respuesta sino la lista de profesores que se espeara que contenga esta.
+    $scope.profesores = resp.profesores;
+    $scope.$apply();
+  });
+
+  //Pedimos al Gateway toda la informaicón del Alumno.
   gapi.client.helloworld.alumnos.getAlumno({'id':$stateParams.estudianteID}).execute(function(resp) {
 
     console.log("calling getAlumno with id: "+$stateParams.estudianteID);
@@ -140,20 +184,6 @@ routerApp.controller('ControladorDetallesEstudiante', function($scope, $statePar
   });
 
 
-  //Mockearemos un poco:
-  /*
-  var Estudiante = new Object();
-  Estudiante.edad = "15";
-  Estudiante.nombre = "Eduardo Manos Tijeras";
-  Estudiante.localidad = "Granada";
-  Estudiante.curso = "2º ESO";
-  Estudiante.telefono="999-99-99-99"
-  Estudiante.link_foto="http://maitegarcianieto.com/Fotos/Cine/Eduardo%20Manostijeras/Eduardo%20Manostijeras-7.jpg"
-
-  //En realidad debería de llamarse a la api para conseguir todos los datos del usuario.
-  $scope.es = Estudiante;
-  */
-
   //Implementación de las acciones que se producen cuando el BOTÓN ELIMINAR se pulsa.
   $scope.ButtonClick = function(){
     console.log("Pulsado boton de eliminar")

SMS-Front-End/app/app.js

@@ -8,11 +8,13 @@
   margin-top: 0;
   margin-bottom: 15px;
   padding: 5px 15px;
-  background: #f7f7f7;
-  font-size: 18px;
+  /*Realizadas modificaciones para personalización*/
+  background: transparent; /*Old: background: #f7f7f7;*/
+  font-size: 16px;
   line-height: 24px;
   cursor: pointer;
-  border: 1px solid #dddddd;
+  /*Realizadas modificaciones para personalización*/
+  border: 0px solid #dddddd; /* Old: border: 1px solid #dddddd; */
   border-radius: 4px;
 }
 /* Sub-object: `uk-accordion-content`

SMS-Front-End/app/css/components/accordion.gradient.css

@@ -6,78 +6,84 @@
 <div class="uk-grid">
 
     <!--En la primera sección ponemos la imagen del usuario usando la url de este -->
-    <div class="uk-width-1-3 uk-margin-top">
+    <div class="uk-width-1-4 uk-margin-top">
       <!--src={{es.link_foto}}-->
       <img class="uk-border-circle"  width="150" height="150" src=http://maitegarcianieto.com/Fotos/Cine/Eduardo%20Manostijeras/Eduardo%20Manostijeras-7.jpg alt="">
     </div>
 
     <!-- En la segunda sección TODOS sus datos, junto a su diseño con el kit de CSS-->
-    <div class="uk-width-2-3 uk-margin-top ">
+    <div class="uk-width-2-4 uk-margin-top ">
 
-      <h2>{{alumno.nombre}}</h2>
+            <h2>{{alumno.nombre}}</h2>
 
-      <ul class="uk-list uk-list-line">
-            <li>DNI: {{alumno.dni}} </li>
-            <li>Fecha nacimiento: {{alumno.fecha_nacimiento}}</li>
-            <li>Localidad: {{alumno.localidad}}</li>
-            <li>Provincia: {{alumno.provincia}}</li>
-            <li>Direccion: {{alumno.direccion}}</li>
-            <li>Teléfono: {{alumno.telefono}}</li>
-      </ul>
+            <ul class="uk-list uk-list-line">
+                  <li>DNI: {{alumno.dni}} </li>
+                  <li>Fecha nacimiento: {{alumno.fecha_nacimiento}}</li>
+                  <li>Localidad: {{alumno.localidad}}</li>
+                  <li>Provincia: {{alumno.provincia}}</li>
+                  <li>Direccion: {{alumno.direccion}}</li>
+                  <li>Teléfono: {{alumno.telefono}}</li>
+            </ul>
 
-    </div>
 
-</div>
 
+      </div>
 
-<!--Debajo del grid vamos a colocar dos botones, uno de editar y otro de eliminar -->
+    <!-- En la tercera sección los botones de eliminar y modificar alumno -->
+    <div class="uk-wdith-1-4 uk-margin-top" >
 
-<!-- <div class="uk-margin-large-top"> -->
-  <!--Usamos la directiva ng-click para especificar la función dentro del controlador de esta vista que
-  implementa las acciones asociadas a este botón.-->
-  <!-- <button class="uk-button-danger" ng-click="ButtonClick()" type="button">Eliminar</button> -->
-<!-- </div> -->
+      <a href="" class="uk-icon-hover uk-icon-medium uk-icon-trash"></a>
 
-<!--Botón que abre la sección desplegable que muestra los datos académicos -->
-<div class="uk-margin-top">
-
-  <h4><a href="#"><i class="uk-icon-book uk-icon-medium"></i> Datos académicos </a> </h4>
+      <a href="" class="uk-icon-hover uk-icon-medium uk-icon-edit"></a>
 
+    </div>
 
+</div>
 
-  <!--Añadimos la hoja de estilo del componente acordeon-->
-  <link type="text/css" rel="stylesheet" href="/app/css/components/accordion.gradient.css" />
-  <script src="/app/js/components/accordion.js"></script>
 
-  <!--This accordion will work-->
-       <div class="uk-accordion" data-uk-accordion="{collapse: true}">
+<!--Botón que abre la sección desplegable que muestra los datos académicos -->
+<div class="uk-margin-top">
 
-      <h3 class="uk-accordion-title">Title 1</h3>
-      <div class="uk-accordion-content">content one</div>
+    <!--Añadimos el estilo, que además ha sido modificado para personalizarlo -->
+    <link type="text/css" rel="stylesheet" href="app/css/components/accordion.gradient.css" />
+    <!--Añadimos la interactividad con JavaScript -->
+    <script type="text/javascript" src="app/js/components/accordion.min.js"></script>
 
-      <h3 class="uk-accordion-title">Title 2</h3>
-      <div class="uk-accordion-content">content two</div>
+    <!--Definimos el acordeon de las secicones menores -->
+    <div class="uk-accordion" data-uk-accordion="{collapse:false, showfirst:false}">
 
-      <h3 class="uk-accordion-title">Title 3</h3>
-      <div class="uk-accordion-content">content three</div>
+        <h3 class="uk-accordion-title"><i class="uk-icon-book uk-icon-medium"></i> Datos académicos </a></h3>
+        <div class="uk-accordion-content">
 
-      </div>
+          <div class="uk-grid">
 
+             <div class="uk-width-1-2">
+                <h4>Profesores</h4>
+                <hr>
+                <li ng-repeat="profesor in profesores">
+                  <a>{{ profesor.nombre }}</a>
+                </li>
+            </div>
 
-      <form class="uk-form">
-          <input type="text" data-uk-datepicker="{format:'DD.MM.YYYY'}">
-      </form>
+            <div class="uk-width-1-2">
+                <h4>Clases</h4>
+                <hr>
+                <li ng-repeat="profesor in profesores">
+                  <a>{{ profesor.nombre }}</a>
+                </li>
+            </div>
 
-</div>
+          </div>
 
-<!-- Sección donde se inyecta las secciónes que cargan los botones anteriores >
-<div class="container">
+        </div>
 
-    El anidamiento de una tercera vista que no vamos a usar
+        <!--
+        <h3 class="uk-accordion-title">Title 2</h3>
+        <div class="uk-accordion-content">content two</div>
 
-     <div class="uk-container uk-container-center uk-margin-large-top">
-      <div ui-view></div>
+        <h3 class="uk-accordion-title">Title 3</h3>
+        <div class="uk-accordion-content">content three</div>
+        -->
     </div>
 
 </div>
--->

SMS-Front-End/app/estudiantes-detalle.html

@@ -13,10 +13,13 @@
 
   <!-- Loading UI-KIT CSS Framework -->
   <link type="text/css" rel="stylesheet" href="/app/css/uikit.gradient.min.css" />
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
+
   <script src="/app/js/uikit.min.js"></script>
 
   <!--Query-->
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
+
 
   <!-- Loading api conector -->
    <script src="https://apis.google.com/js/client.js"></script>
@@ -45,6 +48,7 @@
           <ul class="uk-navbar-nav uk-hidden-small">
 
             <li><a ui-sref="estudiantes.main">Estudiantes</a></li>
+            <li><a ui-sref="profesores.main">Profesores</a></li>
             <li><a ui-sref="about">Otros</a></li>
           </ul>
       </div>