No Description

forma.html 5.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <link rel="stylesheet" href="{{ url_for('static', filename='estilo.css') }}" />
  5. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  6. <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  7. <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  8. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
  9. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
  10. <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.js"></script>
  11. <script src="{{ url_for('static', filename='forma.js') }}"></script>
  12. <script>
  13. forma.value("accion", "{{accion}}").value("tipo", "{{tipo}}").value("id", "{{id}}").value("user_type", "{{user_type}}");
  14. </script>
  15. </head>
  16. <body ng-app="forma" ng-controller="FormController">
  17. <div class="container-fluid">
  18. <div class="header">
  19. <div class="row">
  20. <div class="col-1">
  21. <div class="boton logo">
  22. Logo
  23. </div>
  24. </div>
  25. <div class="col-2">
  26. </div>
  27. <div class="col-6">
  28. <p>{% raw %}{{accion}} {{titulo}} {% endraw %}
  29. </p>
  30. </div>
  31. <div class="col-2" style="visibility:visible">
  32. <a href="" class="boton usuario">Carlos J Corrada Bravo</a>
  33. </div>
  34. <div class="col-1">
  35. <a href="https://cdcc.uprrp.edu" class="boton logout">logout</a>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="container" align="center">
  40. <!-- <form class="form" action="/procesaUser" method="POST"> -->
  41. <form class="form" action="/{{user_type}}/procesaUser" method="POST">
  42. {% raw %}
  43. <span ng-repeat="entrada in entradas.col1">
  44. <div>
  45. <span class="boton labelForma">
  46. {{entrada.label}}
  47. </span>
  48. <span ng-if="entrada.type=='select'">
  49. <select tabindex="{{entrada.tabindex}}" name="{{entrada.name}}" id="{{entrada.name}}" class="form-control-inline" style="width: 250px;height: 48px;"
  50. ng-options="opcion.label for opcion in entrada.options track by opcion.id"
  51. ng-model="entrada.value"
  52. ng-required="true" required
  53. ></select>
  54. </span>
  55. <span ng-if="entrada.type=='checkbox'">
  56. <input tabindex="{{entrada.tabindex}}" class="form-control-inline" type="{{entrada.type}}" name="{{entrada.name}}" value="1" ng-checked="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
  57. </span>
  58. <span ng-if="entrada.type=='tel'">
  59. <input 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" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
  60. </span>
  61. <span ng-if="entrada.type=='date'">
  62. <input 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" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
  63. </span>
  64. <span ng-if="entrada.type!='select' && entrada.type!='checkbox' && entrada.type!='tel' && entrada.type!='date'">
  65. <input tabindex="{{entrada.tabindex}}" ng-required="entrada.require" class="form-control-inline" type="{{entrada.type}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
  66. </span>
  67. <span ng-if="entradas.col2[$index].name">
  68. <span class="boton labelForma">
  69. {{entradas.col2[$index].label}}
  70. </span>
  71. <span ng-if="entradas.col2[$index].type=='select'">
  72. <select name="{{entradas.col2[$index].name}}" id="{{entradas.col2[$index].name}}" class="form-control-inline" style="width: 250px;height: 48px;"
  73. ng-options="opcion.label for opcion in entradas.col2[$index].options track by opcion.id"
  74. ng-model="entradas.col2[$index].value"
  75. ng-required="entradas.col2[$index].require"
  76. ></select>
  77. </span>
  78. <span ng-if="entradas.col2[$index].type=='checkbox'">
  79. <input class="form-control-inline" type="checkbox" name="{{entradas.col2[$index].name}}" value="1" ng-checked="{{entradas.col2[$index].value}}" style="width: 250px;height: 48px;align:left;">
  80. </span>
  81. <span ng-if="entradas.col2[$index].type=='tel'">
  82. <input class="form-control-inline" type="tel" placeholder="787-123-4567" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" ng-required="entradas.col2[$index].require" name="{{entradas.col2[$index].name}}" value="{{entradas.col2[$index].value}}" style="width: 250px;height: 48px;align:left;">
  83. </span>
  84. <span ng-if="entradas.col2[$index].type=='date'">
  85. <input class="form-control-inline" type="date" placeholder="yyyy-MM-dd" pattern="\d{4}-\d{1,2}-\d{1,2}" ng-required="entradas.col2[$index].require" name="{{entradas.col2[$index].name}}" value="{{entradas.col2[$index].value}}" style="width: 250px;height: 48px;align:left;">
  86. </span>
  87. <span ng-if="entradas.col2[$index].type!='select' && entradas.col2[$index].type!='checkbox' && entradas.col2[$index].type!='tel' && entradas.col2[$index].type!='date'">
  88. <input class="form-control-inline" type="{{entradas.col2[$index].type}}" ng-required="entradas.col2[$index].require" name="{{entradas.col2[$index].name}}" value="{{entradas.col2[$index].value}}" style="width: 250px;height: 48px;align:left;">
  89. </span>
  90. </span>
  91. </div>
  92. </span>
  93. {% endraw %}
  94. <input type="hidden" name="id" value="{{id}}">
  95. <input type="hidden" name="accion" value="{{accion}}">
  96. <input type="hidden" name="tipo" value="{{tipo}}">
  97. <input class="boton labelForma" type="submit">
  98. </form>
  99. </div>
  100. </div>
  101. </body>
  102. </html>