123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123 |
- <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.6.9/angular.min.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.js"></script>
- <script src="{{ url_for('static', filename='forma.js') }}"></script>
- <script>
- forma.value("accion", "{{accion}}").value("tipo", "{{tipo}}").value("id", "{{id}}").value("user_type", "{{user_type}}");
- </script>
- <script>
-
- </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" action="/procesaUser" method="POST"> -->
- <form class="form-inline" action="/{{user_type}}/procesaUser" method="POST">
- {% raw %}
- <div class="row">
- <div class="col-md-6">
- <span ng-repeat="entrada in entradas.col1">
- <div class="form-group">
- <label for="{{entrada.name}}" class="boton labelForma">
- {{entrada.label}}
- </label>
- <span ng-if="entrada.type=='select'">
- <select ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" name="{{entrada.name}}" id="{{entrada.name}}" class="form-control-inline" style="width: 250px;height: 48px;"
- ng-options="opcion.label for opcion in entrada.options track by opcion.id"
- ng-model="entrada.value"
- ng-required="true" required
- ></select>
- </span>
- <span ng-if="entrada.type=='checkbox'">
- <input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" class="form-control-inline" type="{{entrada.type}}" name="{{entrada.name}}" id="{{entrada.name}}" value="1" ng-checked="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
- </span>
- <span ng-if="entrada.type=='tel'">
- <input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" class="form-control-inline" type="tel" placeholder="787-123-4567" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" ng-required="entrada.require" id="{{entrada.name}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
- </span>
- <span ng-if="entrada.type=='date'">
- <input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" class="form-control-inline" type="date" placeholder="yyyy-MM-dd" pattern="\d{4}-\d{1,2}-\d{1,2}" ng-required="entrada.require" id="{{entrada.name}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
- </span>
- <span ng-if="entrada.type!='select' && entrada.type!='checkbox' && entrada.type!='tel' && entrada.type!='date'">
- <input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" ng-required="entrada.require" class="form-control-inline" type="{{entrada.type}}" id="{{entrada.name}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
- </span>
- </div>
- </span>
- </div>
- <div class="col-md-6">
- <span ng-repeat="entrada in entradas.col2">
- <div class="form-group">
- <label for="{{entrada.name}}" class="boton labelForma">
- {{entrada.label}}
- </label>
- <span ng-if="entrada.type=='select'">
- <select ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" name="{{entrada.name}}" id="{{entrada.name}}" class="form-control-inline" style="width: 250px;height: 48px;"
- ng-options="opcion.label for opcion in entrada.options track by opcion.id"
- ng-model="entrada.value"
- ng-required="true" required
- ></select>
- </span>
- <span ng-if="entrada.type=='checkbox'">
- <input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" class="form-control-inline" type="{{entrada.type}}" name="{{entrada.name}}" id="{{entrada.name}}" value="1" ng-checked="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
- </span>
- <span ng-if="entrada.type=='tel'">
- <input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" class="form-control-inline" type="tel" placeholder="787-123-4567" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" ng-required="entrada.require" id="{{entrada.name}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
- </span>
- <span ng-if="entrada.type=='date'">
- <input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" class="form-control-inline" type="date" placeholder="yyyy-MM-dd" pattern="\d{4}-\d{1,2}-\d{1,2}" ng-required="entrada.require" id="{{entrada.name}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
- </span>
- <span ng-if="entrada.type!='select' && entrada.type!='checkbox' && entrada.type!='tel' && entrada.type!='date'">
- <input ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" ng-required="entrada.require" class="form-control-inline" type="{{entrada.type}}" id="{{entrada.name}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
- </span>
- </div>
- </span>
- </div>
- </div>
-
- {% endraw %}
- <input type="hidden" name="id" value="{{id}}">
- <input type="hidden" name="accion" value="{{accion}}">
- <input type="hidden" name="tipo" value="{{tipo}}">
- {% raw %}
- <div class="modal-body row">
- <div class="col-md-12" align="center">
- <span ng-if="abled">
- <input class="boton labelForma" type="submit">
- </span>
- </div>
- </div>
- {% endraw %}
- </form>
- </div>
- </body>
- </html>
|