No Description

transcripcion.html 5.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. <html>
  2. <head>
  3. <title>Draft</title>
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <meta charset="UTF-8">
  6. <link rel="icon" href="/../Icon.ico" sizes="32x32">
  7. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  9. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
  10. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
  11. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
  12. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.js"></script>
  13. <link rel="stylesheet" href="{{ url_for('static', filename='estilo.css') }}" />
  14. <script type="text/javascript" src="{{ url_for('static', filename='transcripcion.js') }}"></script>
  15. <script>
  16. // la variable 'pagina' la usa el javascript para que el run.py sepa cual python file abrir.
  17. // este python file se encarga de comunicarse con la base de datos.
  18. table.value("id", "{{id}}")
  19. </script>
  20. </head>
  21. <body ng-app="table" ng-controller="tableController">
  22. <div class="container-fluid" >
  23. <div class="row" >
  24. </div>
  25. <br>
  26. <br>
  27. <br>
  28. <div class="row" align='center'>
  29. {% raw %}
  30. <pre ng-if="estudiante.telefono2" class="col-6 text-left" >
  31. <b>Nombre</b>: <u>{{estudiante.nombres}}</u>
  32. <b>Apellidos</b>: <u>{{estudiante.apellidos}}</u>
  33. <b>Email</b>: <u>{{estudiante.email}}</u>
  34. <b>Fecha nacimiento</b>: <u>{{estudiante.fecha_nacimiento}}</u>
  35. <b>Telefono (1)</b>: <u>{{estudiante.telefono1}}</u>
  36. <b>Telefono (2)</b>: <u>{{estudiante.telefono2}}</u>
  37. </pre>
  38. <pre ng-if="!estudiante.telefono2" class="col-6 text-left" >
  39. <b>Nombre</b>: <u>{{estudiante.nombres}}</u>
  40. <b>Apellidos</b>: <u>{{estudiante.apellidos}}</u>
  41. <b>Email</b>: <u>{{estudiante.email}}</u>
  42. <b>Fecha nacimiento</b>: <u>{{estudiante.fecha_nacimiento}}</u>
  43. <b>Telefono</b>: <u>{{estudiante.telefono1}}</u>
  44. <b>Promedio</b>: <u>{{estudiante.promedio}}</u>
  45. </pre>
  46. <pre ng-if="estudiante.direccion2" class="col-6 text-left" >
  47. <b>Dirección</b>: <u>{{estudiante.direccion1}}</u>
  48. <u>{{estudiante.direccion2}}</u>
  49. <b>Ciudad</b>: <u>{{estudiante.ciudad}}</u>
  50. <b>Pais</b>: <u>{{estudiante.pais}}</u>
  51. <b>Zip code</b>: <u>{{estudiante.zipcode}}</u>
  52. </pre>
  53. <pre ng-if="!estudiante.direccion2" class="col-6 text-left" >
  54. <b>Dirección</b>: <u>{{estudiante.direccion1}}</u>
  55. <b>Ciudad</b>: <u>{{estudiante.ciudad}}</u>
  56. <b>Pais</b>: <u>{{estudiante.pais}}</u>
  57. <b>Zip code</b>: <u>{{estudiante.zipcode}}</u>
  58. </pre>
  59. {% endraw %}
  60. </div>
  61. </div>
  62. <div class="row" align='center'>
  63. <div class="col text-left" >
  64. <div ng-repeat="(key, semestre) in semestres">
  65. <table id='tabla' align='center'>
  66. <tr>
  67. {% raw %}
  68. <th colspan="4" class="header2 text-center">{{semestre.info.nombre}}</th>
  69. {% endraw %}
  70. </tr>
  71. <tr>
  72. {% raw %}
  73. <th ng-repeat="header in headers" class="header2">{{header}}</th>
  74. {% endraw %}
  75. </tr>
  76. <tr ng-repeat="(key, clase) in semestre" ng-if='key != "info"'>
  77. {% raw %}
  78. <!-- la proxima linea asume que las entradas en la tabla tienen un id unico con -->
  79. <!-- el mismo nombre de identificador a traves de los javascript, json, etc. -->
  80. <td>
  81. <div ng-bind-html="clase.codigo"></div>
  82. </td>
  83. <td>
  84. <div ng-bind-html="clase.nombre"></div>
  85. </td>
  86. <td ng-if='clase.porciento'>
  87. <div ng-if="clase.porciento >= 90 " >A</div>
  88. <div ng-if="clase.porciento >= 80 && clase.porciento <= 89" >B</div>
  89. <div ng-if="clase.porciento >= 70 && clase.porciento <= 79" >C</div>
  90. <div ng-if="clase.porciento >= 60 && clase.porciento <= 69" >D</div>
  91. <div ng-if=" clase.porciento <= 59" >F</div>
  92. </td>
  93. <td>
  94. <div ng-bind-html="clase.porciento"></div>
  95. </td>
  96. {% endraw %}
  97. </tr>
  98. </table>
  99. <br>
  100. <div align'center' align='center'>
  101. {% raw %}
  102. Promedio este semestre: {{semestre.info.promedio_acumulado}}
  103. <br>
  104. Promedio Acumulado: {{semestre.info.promedio_total}}
  105. {% endraw %}
  106. <br>
  107. <hr>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </body>
  114. <!-- testing -->
  115. <!-- <script type="text/javascript" src="{{ url_for('static', filename='transcripcion2.js') }}"></script> -->
  116. <script>
  117. // la variable 'pagina' la usa el javascript para que el run.py sepa cual python file abrir.
  118. // este python file se encarga de comunicarse con la base de datos.
  119. // table.value("id", "{{id}}")
  120. </script>
  121. <!-- /testing -->
  122. </html>