primeros intentos

admin.py

@@ -0,0 +1,5 @@
+def add():
+	return '{"titulo":"Administración","accion":"Añadir","entradas":{"col1":[{"label":"Nombres","type":"text","name":"nombres"},{"label":"Apellidos","type":"text","name":"apellidos"},{"label":"Email","type":"text","name":"email"},{"label":"Fecha de Nacimiento","type":"date","name":"fecha_nac"},{"label":"Genero","type":"select","options":["","Femenino","Masculino","Otro"],"name":"genero"},{"label":"Posición","type":"text","name":"pos"}],"col2":[{"label":"Direcci\u00f3n 1","name":"direccion1"},{"label":"Direcci\u00f3n 2","type":"text","name":"direccion2"},{"label":"Ciudad","type":"text","name":"ciudad"},{"label":"Zipcode","type":"text","name":"zipcode"},{"label":"Tel\u00e9fono 1","type":"tel","name":"tel1"},{"label":"Tel\u00e9fono 2","type":"tel","name":"tel2"}]}}'
+
+def edit(id):
+	return '{"titulo":"Administración","accion":"Editar","entradas":{"col1":[{"label":"Nombres","type":"text","name":"nombres"},{"label":"Apellidos","type":"text","name":"apellidos"},{"label":"Email","type":"text","name":"email"},{"label":"Fecha de Nacimiento","type":"date","name":"fecha_nac"},{"label":"Genero","type":"select","options":["","Femenino","Masculino","Otro"],"name":"genero"},{"label":"Posición","type":"text","name":"pos"}],"col2":[{"label":"Direcci\u00f3n 1","name":"direccion1"},{"label":"Direcci\u00f3n 2","type":"text","name":"direccion2"},{"label":"Ciudad","type":"text","name":"ciudad"},{"label":"Zipcode","type":"text","name":"zipcode"},{"label":"Tel\u00e9fono 1","type":"tel","name":"tel1"},{"label":"Tel\u00e9fono 2","type":"tel","name":"tel2"}]}}'

connect.py

@@ -0,0 +1,7 @@
+import sqlalchemy as db
+# import mysqlclient
+# mysql+pymysql://<username>:<password>@<host>/<dbname>[?<options>]
+
+engine = db.create_engine('mysql+pymysql://registro_escolar:mwgzHRXTPrS3JEnd@localhost/registro_escolar')
+connection = engine.connect()
+metadata = db.MetaData()

enfermera.py

@@ -0,0 +1,5 @@
+def add():
+	return '{"titulo":"Enfermera","accion":"Añadir","entradas":{"col1":[{"label":"Nombres","type":"text","name":"nombres"},{"label":"Apellidos","type":"text","name":"apellidos"},{"label":"Email","type":"text","name":"email"},{"label":"Fecha de Nacimiento","type":"date","name":"fecha_nac"},{"label":"Genero","type":"select","options":["","Femenino","Masculino","Otro"],"name":"genero"},{"label":"Posición","type":"text","name":"pos"}],"col2":[{"label":"Direcci\u00f3n 1","name":"direccion1"},{"label":"Direcci\u00f3n 2","type":"text","name":"direccion2"},{"label":"Ciudad","type":"text","name":"ciudad"},{"label":"Zipcode","type":"text","name":"zipcode"},{"label":"Tel\u00e9fono 1","type":"tel","name":"tel1"},{"label":"Tel\u00e9fono 2","type":"tel","name":"tel2"}]}}'
+
+def edit(id):
+	return '{"titulo":"Enfermera","accion":"Editar","entradas":{"col1":[{"label":"Nombres","type":"text","name":"nombres"},{"label":"Apellidos","type":"text","name":"apellidos"},{"label":"Email","type":"text","name":"email"},{"label":"Fecha de Nacimiento","type":"date","name":"fecha_nac"},{"label":"Genero","type":"select","options":["","Femenino","Masculino","Otro"],"name":"genero"},{"label":"Posición","type":"text","name":"pos"}],"col2":[{"label":"Direcci\u00f3n 1","name":"direccion1"},{"label":"Direcci\u00f3n 2","type":"text","name":"direccion2"},{"label":"Ciudad","type":"text","name":"ciudad"},{"label":"Zipcode","type":"text","name":"zipcode"},{"label":"Tel\u00e9fono 1","type":"tel","name":"tel1"},{"label":"Tel\u00e9fono 2","type":"tel","name":"tel2"}]}}'

estudiante.py

@@ -0,0 +1,17 @@
+from connect import connection, engine, metadata
+import sqlalchemy as db
+
+def add():
+	return '{"titulo":"Estudiante","accion":"A\u00f1adir","entradas":{"col1":[{"label":"Nombres","type":"text","name":"nombres"},{"label":"Apellidos","type":"text","name":"apellidos"},{"label":"Email","type":"text","name":"email"},{"label":"Grado","type":"text","name":"grado"},{"label":"Fecha de Nacimiento","type":"date","name":"fecha_nac"},{"label":"Genero","type":"select","options":["","Femenino","Masculino","Otro"],"name":"genero"},{"label":"Educaci\u00f3n Especial","type":"checkbox","name":"ed_especial"}],"col2":[{"label":"Direcci\u00f3n 1","name":"direccion1"},{"label":"Direcci\u00f3n 2","type":"text","name":"direccion2"},{"label":"Ciudad","type":"text","name":"ciudad"},{"label":"Zipcode","type":"text","name":"zipcode"},{"label":"Tel\u00e9fono 1","type":"tel","name":"tel1"},{"label":"Tel\u00e9fono 2","type":"tel","name":"tel2"}]}}'
+	
+def edit(id):
+	estudiantes = db.Table('estudiantes', metadata, autoload=True, autoload_with=engine)
+	usuarios = db.Table('usuarios', metadata, autoload=True, autoload_with=engine)
+	query = db.select([usuarios, estudiantes])
+	query = query.select_from(usuarios.join(estudiantes, usuarios.columns.id == estudiantes.columns.user_id)).where(estudiantes.columns.user_id == id)
+	results = connection.execute(query).fetchall()
+# 	print(results[0]["nombres"])
+# 	print(js)
+	return ('{"titulo":"Estudiante","accion":"Editar","entradas":{"col1":[{"label":"Nombres","type":"text","name":"nombres","value":"'+results[0]["nombres"]+'"},{"label":"Apellidos","type":"text","name":"apellidos","value":"'+results[0]["apellidos"]+'"},{"label":"Email","type":"text","name":"email","value":"'+results[0]["email"]+'"},{"label":"Grado","type":"text","name":"grado","value":"'+str(results[0]["grado"])+'"},{"label":"Fecha de Nacimiento","type":"date","name":"fecha_nacimiento","value":"'+str(results[0]["fecha_nacimiento"])+'"},{"label":"Genero","type":"select","options":["","Femenino","Masculino","Otro"],"name":"genero","value":"'+results[0]["genero"]+'"},{"label":"Educaci\u00f3n Especial","type":"checkbox","name":"educacion_especial","value":"'+results[0]["educacion_especial"]+'"}],"col2":[{"label":"Direcci\u00f3n 1","type":"text","name":"direccion1","value":"'+results[0]["direccion1"]+'"},{"label":"Direcci\u00f3n 2","type":"text","name":"direccion2","value":"'+results[0]["direccion2"]+'"},{"label":"Ciudad","type":"text","name":"ciudad","value":"'+results[0]["ciudad"]+'"},{"label":"País","type":"text","name":"pais","value":"'+results[0]["pais"]+'"},{"label":"Zipcode","type":"text","name":"zipcode","value":"'+results[0]["zipcode"]+'"},{"label":"Tel\u00e9fono 1","type":"tel","name":"telefono1","value":"'+results[0]["telefono1"]+'"},{"label":"Tel\u00e9fono 2","type":"tel","name":"telefono2","value":"'+results[0]["telefono2"]+'"}]}}')
+	
+print(edit(1))

facultad.py

@@ -0,0 +1,5 @@
+def add():
+	return '{"titulo":"Facultad","accion":"Añadir","entradas":{"col1":[{"label":"Nombres","type":"text","name":"nombres"},{"label":"Apellidos","type":"text","name":"apellidos"},{"label":"Email","type":"text","name":"email"},{"label":"Fecha de Nacimiento","type":"date","name":"fecha_nac"},{"label":"Genero","type":"select","options":["","Femenino","Masculino","Otro"],"name":"genero"},{"label":"Posición","type":"text","name":"pos"}],"col2":[{"label":"Direcci\u00f3n 1","name":"direccion1"},{"label":"Direcci\u00f3n 2","type":"text","name":"direccion2"},{"label":"Ciudad","type":"text","name":"ciudad"},{"label":"Zipcode","type":"text","name":"zipcode"},{"label":"Tel\u00e9fono 1","type":"tel","name":"tel1"},{"label":"Tel\u00e9fono 2","type":"tel","name":"tel2"}]}}'
+
+def edit(id):
+	return '{"titulo":"Facultad","accion":"Editar","entradas":{"col1":[{"label":"Nombres","type":"text","name":"nombres"},{"label":"Apellidos","type":"text","name":"apellidos"},{"label":"Email","type":"text","name":"email"},{"label":"Fecha de Nacimiento","type":"date","name":"fecha_nac"},{"label":"Genero","type":"select","options":["","Femenino","Masculino","Otro"],"name":"genero"},{"label":"Posición","type":"text","name":"pos"}],"col2":[{"label":"Direcci\u00f3n 1","name":"direccion1"},{"label":"Direcci\u00f3n 2","type":"text","name":"direccion2"},{"label":"Ciudad","type":"text","name":"ciudad"},{"label":"Zipcode","type":"text","name":"zipcode"},{"label":"Tel\u00e9fono 1","type":"tel","name":"tel1"},{"label":"Tel\u00e9fono 2","type":"tel","name":"tel2"}]}}'

index.py

@@ -0,0 +1,52 @@
+from flask import Flask, render_template
+import json
+import estudiante, madre, admin, enfermera, facultad
+
+app = Flask(__name__)
+
+@app.route('/', methods=['GET', 'POST'])
+def index():
+#     return "Hello, World!"
+    return render_template('dashAdministracion.html')
+
+@app.route('/forma/<accion>/<tipo>/', methods=['GET', 'POST'])
+@app.route('/forma/<accion>/<tipo>/<id>', methods=['GET', 'POST'])
+def formas(accion,tipo,id=None):
+	return render_template('forma.html', tipo=tipo, accion=accion, id=id)
+
+    
+@app.route('/formaDatos/<accion>/<tipo>/', methods=['GET', 'POST'])
+@app.route('/formaDatos/<accion>/<tipo>/<id>', methods=['GET', 'POST'])
+def formaEst(accion, tipo, id=None):
+# 	data = json.loads('formaEstudiantes.json')
+	if(tipo=="estudiante"):
+		if(accion=="add"):
+			return estudiante.add()
+		if(accion=="edit"):
+			return estudiante.edit(id)
+	if(tipo=="madre"):
+		if(accion=="add"):
+			return madre.add()
+		if(accion=="edit"):
+			return madre.edit(id)
+	if(tipo=="admin"):
+		if(accion=="add"):
+			return admin.add()
+		if(accion=="edit"):
+			return admin.edit(id)
+	if(tipo=="enfermera"):
+		if(accion=="add"):
+			return enfermera.add()
+		if(accion=="edit"):
+			return enfermera.edit(id)
+	if(tipo=="facultad"):
+		if(accion=="add"):
+			return facultad.add()
+		if(accion=="edit"):
+			return facultad.edit(id)
+
+
+@app.route('/dashAdmin', methods=['GET', 'POST'])
+def dashAdmin():
+# 	data = json.loads('formaEstudiantes.json')
+	return '{"tasks": [    {      "titulo": "Estudiantes",      "url": "admin/estudiantes.html"    }, {      "titulo": "Facultad",      "url": "admin/facultad.html"    },     {      "titulo": "Administración",      "url": "admin/adminstracion.html"    },     {      "titulo": "Enfermeria",      "url": "admin/enfermeria.html"    },     {      "titulo": "Madres",      "url": "admin/madres.html"    },     {      "titulo": "Cursos",      "url": "admin/cursos.html"    },     {      "titulo": "Matricula",      "url": "admin/matricula.html"    },     {      "titulo": "Transcripción",      "url": "admin/transcripcion.html"    },     {      "titulo": "Oferta",      "url": "admin/oferta.html"    },     {      "titulo": "Visita Oficina",      "url": "admin/oficina.html"    },     {      "titulo": "Mensajes",      "url": "admin/mensajes.html"    }  ], "titulo": "Administración"}'

madre.py

@@ -0,0 +1,5 @@
+def add():
+	return '{"titulo":"Madre","accion":"A\u00f1adir","entradas":{"col1":[{"label":"Nombres","type":"text","name":"nombres"},{"label":"Apellidos","type":"text","name":"apellidos"},{"label":"Email","type":"text","name":"email"},{"label":"Fecha de Nacimiento","type":"date","name":"fecha_nac"},{"label":"Genero","type":"select","options":["","Femenino","Masculino","Otro"],"name":"genero"},{"label":"Tel\u00e9fono 2","type":"tel","name":"tel2"}],"col2":[{"label":"Direcci\u00f3n 1","name":"direccion1"},{"label":"Direcci\u00f3n 2","type":"text","name":"direccion2"},{"label":"Ciudad","type":"text","name":"ciudad"},{"label":"Zipcode","type":"text","name":"zipcode"},{"label":"Tel\u00e9fono 1","type":"tel","name":"tel1"}]}}'
+
+def edit(id):
+	return '{"titulo":"Madre","accion":"Editar","entradas":{"col1":[{"label":"Nombres","type":"text","name":"nombres"},{"label":"Apellidos","type":"text","name":"apellidos"},{"label":"Email","type":"text","name":"email"},{"label":"Fecha de Nacimiento","type":"date","name":"fecha_nac"},{"label":"Genero","type":"select","options":["","Femenino","Masculino","Otro"],"name":"genero"},{"label":"Tel\u00e9fono 2","type":"tel","name":"tel2"}],"col2":[{"label":"Direcci\u00f3n 1","name":"direccion1"},{"label":"Direcci\u00f3n 2","type":"text","name":"direccion2"},{"label":"Ciudad","type":"text","name":"ciudad"},{"label":"Zipcode","type":"text","name":"zipcode"},{"label":"Tel\u00e9fono 1","type":"tel","name":"tel1"}]}}'

static/dashboard.js

@@ -0,0 +1,20 @@
+var dashboard = angular.module('dashboard', []);
+
+// Define the `PhoneListController` controller on the `phonecatApp` module
+dashboard.controller('AdminListController', function AdminListController($http, $scope) {
+    $http.get('dashAdmin').then(function(response) {
+      $scope.tasks = response.data.tasks;
+      $scope.titulo = response.data.titulo;
+    console.log(response.data);
+    });
+
+});
+
+dashboard.controller('OtroListController', function OtroListController($http, $scope) {
+    $http.get('otroData.php').then(function(response) {
+      $scope.tasks = response.data.tasks;
+      $scope.titulo = response.data.titulo;
+    console.log(response.data);
+    });
+
+});

static/estilo.css

@@ -0,0 +1,84 @@
+:root {
+    --colorOscuro:#37474F;
+    --colorVerde:#63d297;
+    --fontClaro:#fff;
+}
+.boton
+{
+  background-color: var(--colorVerde); 
+  color: var(--colorOscuro);
+  text-align: center;
+  text-decoration: none;
+/*   cursor: pointer; */
+  display: inline-block;
+
+}
+.logout {
+  padding: 0 10px 10px;
+  line-height: 38px;
+  font-size: 12px;
+  margin: 20px 20px 20px 0px;
+  border-radius: 4px;
+  height: 36px;
+}
+.usuario {
+  padding: 0 10px 10px;
+  line-height: 38px;
+  font-size: 12px;
+  margin: 20px 20px 20px 0px;
+  border-radius: 4px;
+  height: 36px;
+}
+.labelForma {
+  padding: 5px 10px 0px;
+  line-height: 38px;
+  font-size: 16px;
+  margin: 10px 10px 10px 10px;
+  border-radius: 4px;
+  width: 200px;
+  height: 48px;
+}
+.task {
+  border: 2px solid var(--colorOscuro);
+  padding: 20px;
+  font-size: 30px;
+  margin: 4px 2% 140px;
+  border-radius: 12px;
+  width: 280px;
+  height: 100px;
+}
+
+.boton:hover {
+  text-decoration: none;
+}
+
+
+body {
+/*   padding: 20px; */
+  background-color: #fff; 
+  font-family: "arial";
+  text-align: center;
+}
+.header{
+  background-color: var(--colorOscuro); 
+  color: var(--fontClaro);;
+  width: 100%;
+  height: 80px;
+  line-height: 80px;
+  text-align: center;
+/*   padding: 0px 0 10px; */
+/*   padding: 10px 0 10px; */
+  font-size: 60px;
+}
+.logo
+{
+  font-size: 10px;
+	width:72px;
+	height:90%;
+	margin: 4px 0px 4px 20px;
+}
+.fila
+{
+	margin: 140px 0px 140px 0;
+	text-align: center;
+}

static/forma.js

@@ -0,0 +1,19 @@
+var forma = angular.module('forma', []);
+
+// Define the `PhoneListController` controller on the `phonecatApp` module
+
+forma.controller('FormController', function FormController($http, $scope, accion, tipo, id) {
+  	console.log(accion +","+ tipo +","+ id);
+  	var url = '/formaDatos/'+accion+'/'+tipo+'/'
+  	if(id!="none")
+  	{
+  		url+= id;
+  	}
+    $http.get(url).then(function(response) {
+      $scope.entradas = response.data.entradas;
+      $scope.titulo = response.data.titulo;
+      $scope.accion = response.data.accion;
+    console.log(response.data);
+    });
+});
+

templates/dashAdministracion.html

@@ -0,0 +1,42 @@
+<html>
+<head>
+    <meta charset="utf-8">
+	<link rel="stylesheet" href="{{ url_for('static', filename='estilo.css') }}" />
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
+	<script src="{{ url_for('static', filename='dashboard.js') }}"></script>
+
+</head>
+<body ng-app="dashboard" ng-controller="AdminListController">
+      {% raw %}
+<div class="container-fluid">
+<div class="header">
+  <div class="row">
+	    <div class="col-1">
+	    <div class="boton logo">
+		Logo
+	</div>
+	</div>
+    <div class="col-2">
+ </div>
+    <div class="col-6">
+	<p>Dashboard {{titulo}}</p>
+ </div>
+    <div class="col-2" style="visibility:visible">
+	<a href="" class="boton usuario">Carlos J Corrada Bravo</a>
+  </div>
+   <div class="col-1">
+	<a href="https://cdcc.uprrp.edu" class="boton logout">logout</a>
+  </div>
+ </div>
+</div>
+<div class="fila">
+<a  ng-repeat="task in tasks" href="{{task.url}}" class="boton task">{{task.titulo}}</a>
+</div>
+</div>
+      {% endraw %}
+</body>
+</html>

templates/forma.html

@@ -0,0 +1,87 @@
+<html>
+<head>
+    <meta charset="utf-8">
+	<link rel="stylesheet" href="{{ url_for('static', filename='estilo.css') }}" />
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
+	<script src="{{ url_for('static', filename='forma.js') }}"></script>
+    <script>
+       forma.value("accion", "{{accion}}").value("tipo", "{{tipo}}").value("id", "{{id}}");
+    </script>
+</head>
+<body ng-app="forma" ng-controller="FormController">
+<div class="container-fluid">
+<div class="header">
+  <div class="row">
+	    <div class="col-1">
+	    <div class="boton logo">
+		Logo
+	</div>
+	</div>
+    <div class="col-2">
+ </div>
+    <div class="col-6">
+      
+	<p>{% raw %}{{accion}} {{titulo}}  {% endraw %}
+</p>
+ </div>
+    <div class="col-2" style="visibility:visible">
+	<a href="" class="boton usuario">Carlos J Corrada Bravo</a>
+  </div>
+   <div class="col-1">
+	<a href="https://cdcc.uprrp.edu" class="boton logout">logout</a>
+  </div>
+ </div>
+</div>
+<div class="container" align="center">
+<form class="form">
+<span ng-repeat="entrada in entradas.col1">
+<div>
+      {% raw %}
+	<span class="boton labelForma">
+		{{entrada.label}}
+	</span>
+      {% endraw %}
+	<span ng-if="entrada.type=='select'">
+      {% raw %}
+		<select class="form-control-inline"  style="width: 250px;height: 48px;">
+			<option ng-for="let opcion of entrada.options" [value]=$index [selected]="$index==opcion.value">{{opcion}}</option>
+		</select>
+      {% endraw %}
+	</span>
+	      {% raw %}
+	<span ng-if="entrada.type!='select'">
+		<input  class="form-control-inline" type="{{entrada.type}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
+	</span>
+      {% endraw %}
+
+  <span ng-if="entradas.col2[$index].name">
+      {% raw %}
+	<span class="boton labelForma">
+		{{entradas.col2[$index].label}}
+	</span>
+      {% endraw %}
+	<span ng-if="entradas.col2[$index].type=='select'">
+      {% raw %}
+		<select class="form-control-inline"  style="width: 250px;height: 48px;">
+			<option ng-repeat="opcion in entradas.col2[$index].options" value="{{$index}}" [selected]="$index == entradas.col2[$index].value">{{opcion}}</option>
+		</select>
+      {% endraw %}
+	</span>
+	      {% raw %}
+	<span ng-if="entradas.col2[$index].type!='select'">
+		<input class="form-control-inline" type="{{entradas.col2[$index].type}}" name="{{entradas.col2[$index].name}}" value="{{entradas.col2[$index].value}}" style="width: 250px;height: 48px;align:left;">
+	</span>
+      {% endraw %}
+  </span>
+</div>
+</span>
+<input class="boton labelForma" type="submit">
+</form>
+</div>
+</div>
+</body>
+</html>

templates/formaEstudiante.html

@@ -0,0 +1,86 @@
+<html>
+<head>
+    <meta charset="utf-8">
+	<link rel="stylesheet" href="{{ url_for('static', filename='estilo.css') }}" />
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
+<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
+<!-- 	<script src="../angular-phonecat/app/lib/angular/angular.js"></script> -->
+  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
+<!-- 	<script src="forma.js"></script> -->
+	<script src="{{ url_for('static', filename='forma.js') }}"></script>
+</head>
+<body ng-app="forma" ng-controller="{{tipo}}FormController">
+<div class="container-fluid">
+<div class="header">
+  <div class="row">
+	    <div class="col-1">
+	    <div class="boton logo">
+		Logo
+	</div>
+	</div>
+    <div class="col-2">
+ </div>
+      {% raw %}
+    <div class="col-6">
+	<p>{{accion}} {{titulo}}</p>
+ </div>
+      {% endraw %}
+    <div class="col-2" style="visibility:visible">
+	<a href="" class="boton usuario">Carlos J Corrada Bravo</a>
+  </div>
+   <div class="col-1">
+	<a href="https://cdcc.uprrp.edu" class="boton logout">logout</a>
+  </div>
+ </div>
+</div>
+<div class="container" align="center">
+<form class="form">
+<span ng-repeat="entrada in entradas.col1">
+<div>
+      {% raw %}
+	<span class="boton labelForma">
+		{{entrada.label}}
+	</span>
+      {% endraw %}
+	<span ng-if="entrada.type=='select'">
+      {% raw %}
+		<select class="form-control-inline"  style="width: 250px;height: 48px;">
+			<option ng-repeat="opcion in entrada.options" value="{{$index}}" [selected]="forma.value == parcela.forma_parcela">{{opcion}}</option>
+		</select>
+      {% endraw %}
+	</span>
+	      {% raw %}
+	<span ng-if="entrada.type!='select'">
+		<input  class="form-control-inline" type="{{entrada.type}}" name="{{entrada.name}}" style="width: 250px;height: 48px;align:left;">
+	</span>
+      {% endraw %}
+
+  <span ng-if="entradas.col2[$index].name">
+      {% raw %}
+	<span class="boton labelForma">
+		{{entradas.col2[$index].label}}
+	</span>
+      {% endraw %}
+	<span ng-if="entradas.col2[$index].type=='select'">
+      {% raw %}
+		<select class="form-control-inline"  style="width: 250px;height: 48px;">
+			<option ng-repeat="opcion in entradas.col2[$index].options" value="{{$index}}" [selected]="forma.value == parcela.forma_parcela">{{opcion}}</option>
+		</select>
+      {% endraw %}
+	</span>
+	      {% raw %}
+	<span ng-if="entradas.col2[$index].type!='select'">
+		<input class="form-control-inline" type="{{entradas.col2[$index].type}}" name="{{entradas.col2[$index].name}}" style="width: 250px;height: 48px;align:left;">
+	</span>
+      {% endraw %}
+  </span>
+</div>
+</span>
+<input class="boton labelForma" type="submit">
+</form>
+</div>
+</div>
+</body>
+</html>