Aucune description

transcripcion.html 4.5KB

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