CDCC
/
registro_escolar


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
							<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=jscript) }}"></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("pagina", "{{pagina}}")
    </script>
    {% raw %}
    <!-- {{headers}} -->
    <!-- {{tabla}} -->
    <!-- {{info}} -->
    <!-- {{modal}} -->
    {% endraw %}

  </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}}">{{info.dash_name}}</a>
      {% endraw %}
    </nav>

    <div class="container-fluid col-12">
      <div class="container-fluid col-12">
        <h1 class="col">
          {% raw %}
          {{info.dash_sub_name}}
          {% endraw %}
        </h1>
        <div class="col" >
          {% raw %}
          <a class="btn button mr-4" href="{{info.add_link}}">{{info.add}}</a>
          {% endraw %}
        </div>
      </div>

      <table>
        <tr>
          {% raw %}
          <th ng-repeat="header in headers" class="header2">{{header.nombre}}</th>
          {% endraw %}
        </tr>
        <tr ng-repeat="row in tabla">
          {% 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 ng-repeat="stat in row" ng-if="stat != row.user_id">
            <div ng-bind-html="stat"></div>
          </td>
          <td><button type="button" class="btn2 boton mr-4" name="button" data-toggle="modal" data-target="#myModalv{{row.user_id}}">Ver mas</button></td>
          <td><a type="button" class="btn2 boton mr-4" href="{{info.dir2}}{{row.user_id}}">Editar</a></td>

          {% endraw %}
        </tr>
      </table>
    </div>
  </body>

  <!-- comienza modal -->
  {% raw %}
  <div ng-repeat="row in tabla" id="myModalv{{row.user_id}}" class="modal fade">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header bg2">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">{{modal.infoName}}</h4>
        </div>
        <div class="modal-body bg1">
            <!-- <div ng-bind-html="stat"></div> -->
            <form action="#">
              <div ng-repeat="(key, value) in row" ng-if="value != row.user_id">
                <label for="{{key}}">{{key}}:</label><br>
                <input type="text" id="{{key}}" name="{{key}}" value="{{value}}" readonly><br>
              </div>
            </form>

        </div>
        <div class="modal-footer bg2">
          <button type="button" class="btn btn-default boton" data-dismiss="modal">Close</button>
        </div>
      </div>

    </div>
  </div>
  {% endraw %}
  <!-- termina modal -->

</html>