CDCC
/
registro_escolar


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
							<html>

  <!-- empieza los includes -->
  <head>
    <title>Draft</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
    <link rel="icon" href="/../Icon.ico" sizes="32x32">
    <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
    <!-- <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.js"></script>

    <!-- el .css -->
    <link rel="stylesheet" href="{{ url_for('static', filename='estilo.css') }}" />

    <!-- los .js que quiero usar -->
    <script type="text/javascript" src="{{ url_for('static', filename='transcripcion.js') }}"></script>
    <script>
    // la variable 'pagina' la usa el javascript para que el run.py sepa cual python file abrir.
    //        este python file se encarga de comunicarse con la base de datos.
      table.value("id", "{{id}}")
    </script>

  </head>
  <!-- termina los includes -->


  <body ng-app="table" ng-controller="tableController">
    <!-- <nav class="navbar navbar-dark bg-dark navbar-expand">
      {% raw %}
      <a class="navbar-brand" href="{{info.dash_link}}">Transcripción: {{estudiante.nombres}} {{estudiante.apellidos}}</a>
      {% endraw %}
    </nav> -->

    <div class="container-fluid" >
      <div class="row" >
        <!-- <h1 class='text-center'>
          Transcripción del estudiante {% raw %}{{estudiante.nombres}} {{estudiante.apellidos}}{% endraw %}
        </h1> -->
      </div>
      <br>
      <br>
      <br>
      <div class="row" align='center'>
        {% raw %}
        <pre ng-if="estudiante.telefono2" class="col-6 text-left" >
          <b>Nombre</b>: <u>{{estudiante.nombres}}</u>
          <b>Apellidos</b>: <u>{{estudiante.apellidos}}</u>
          <b>Email</b>: <u>{{estudiante.email}}</u>
          <b>Fecha nacimiento</b>: <u>{{estudiante.fecha_nacimiento}}</u>
          <b>Telefono (1)</b>: <u>{{estudiante.telefono1}}</u>
          <b>Telefono (2)</b>: <u>{{estudiante.telefono2}}</u>
        </pre>
        <pre ng-if="!estudiante.telefono2" class="col-6 text-left" >
          <b>Nombre</b>: <u>{{estudiante.nombres}}</u>
          <b>Apellidos</b>: <u>{{estudiante.apellidos}}</u>
          <b>Email</b>: <u>{{estudiante.email}}</u>
          <b>Fecha nacimiento</b>: <u>{{estudiante.fecha_nacimiento}}</u>
          <b>Telefono</b>: <u>{{estudiante.telefono1}}</u>
          <b>Promedio</b>: <u>{{estudiante.promedio}}</u>
        </pre>
        <pre ng-if="estudiante.direccion2" class="col-6 text-left" >
          <b>Dirección</b>: <u>{{estudiante.direccion1}}</u>
          <u>{{estudiante.direccion2}}</u>
          <b>Ciudad</b>: <u>{{estudiante.ciudad}}</u>
          <b>Pais</b>: <u>{{estudiante.pais}}</u>
          <b>Zip code</b>: <u>{{estudiante.zipcode}}</u>
        </pre>
        <pre ng-if="!estudiante.direccion2" class="col-6 text-left" >
          <b>Dirección</b>: <u>{{estudiante.direccion1}}</u>
          <b>Ciudad</b>: <u>{{estudiante.ciudad}}</u>
          <b>Pais</b>: <u>{{estudiante.pais}}</u>
          <b>Zip code</b>: <u>{{estudiante.zipcode}}</u>
        </pre>
          {% endraw %}
        </div>
      </div>
      <div class="row" align='center'>
        <div class="col text-left" >

          <div ng-repeat="(key, semestre) in semestres">
            <table id='tabla' align='center'>
              <tr>
                {% raw %}
                <th colspan="4" class="header2 text-center">{{key}}</th>
                {% endraw %}
              </tr>
              <tr>
                {% raw %}
                <th ng-repeat="header in headers" class="header2">{{header}}</th>
                {% endraw %}
              </tr>
              <tr ng-repeat="(key, clase) in semestre" ng-if='key != "promedio"'>
                {% raw %}
                <!-- la proxima linea asume que las entradas en la tabla tienen un id unico con -->
                <!-- el mismo nombre de identificador a traves de los javascript, json, etc. -->
                <td>
                  <div ng-bind-html="clase.codigo"></div>
                </td>
                <td>
                  <div ng-bind-html="clase.nombre"></div>
                </td>
                <td>
                  <div ng-if="clase.porciento >= 90                       " >A</div>
                  <div ng-if="clase.porciento >= 80 && clase.porciento <= 89" >B</div>
                  <div ng-if="clase.porciento >= 70 && clase.porciento <= 79" >C</div>
                  <div ng-if="clase.porciento >= 60 && clase.porciento <= 69" >D</div>
                  <div ng-if="                       clase.porciento <= 59" >F</div>
                </td>
                <td>
                  <div ng-bind-html="clase.porciento"></div>
                </td>

                {% endraw %}
              </tr>
            </table>
            <br>
            <div align'center' align='center'>
              {% raw %}
              Promedio este semestre: {{semestre.promedio.acumulado}}
              <br>
              Promedio Acumulado: {{semestre.promedio.total}}
              {% endraw %}
              <br>
              <hr>
            </div>
          </div>

        </div>
      </div>
    </div>
  </body>

<!-- testing -->
<!-- <script type="text/javascript" src="{{ url_for('static', filename='transcripcion2.js') }}"></script> -->
<script>
// la variable 'pagina' la usa el javascript para que el run.py sepa cual python file abrir.
//        este python file se encarga de comunicarse con la base de datos.
  // table.value("id", "{{id}}")
</script>


</html>