Ei kuvausta

forma.html 6.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  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. <script>
  16. </script>
  17. </head>
  18. <body ng-app="forma" ng-controller="FormController">
  19. <div class="container-fluid">
  20. <div class="header">
  21. <div class="row">
  22. <div class="col-1">
  23. <div class="boton logo">
  24. Logo
  25. </div>
  26. </div>
  27. <div class="col-2">
  28. </div>
  29. <div class="col-6">
  30. <p>{% raw %}{{accion}} {{titulo}} {% endraw %}
  31. </p>
  32. </div>
  33. <div class="col-2" style="visibility:visible">
  34. <a href="" class="boton usuario">Carlos J Corrada Bravo</a>
  35. </div>
  36. <div class="col-1">
  37. <a href="https://cdcc.uprrp.edu" class="boton logout">logout</a>
  38. </div>
  39. </div>
  40. </div>
  41. <div class="container" align="center">
  42. <!-- <form class="form" action="/procesaUser" method="POST"> -->
  43. <form class="form" action="/{{user_type}}/procesaUser" method="POST">
  44. {% raw %}
  45. <span ng-repeat="entrada in entradas.col1">
  46. <div>
  47. <span class="boton labelForma">
  48. {{entrada.label}}
  49. </span>
  50. <span ng-if="entrada.type=='select'">
  51. <select ng-disabled="entrada.disabled" tabindex="{{entrada.tabindex}}" name="{{entrada.name}}" id="{{entrada.name}}" class="form-control-inline" style="width: 250px;height: 48px;"
  52. ng-options="opcion.label for opcion in entrada.options track by opcion.id"
  53. ng-model="entrada.value"
  54. ng-required="true" required
  55. ></select>
  56. </span>
  57. <span ng-if="entrada.type=='checkbox'">
  58. <input ng-disabled="entrada.disabled" 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;">
  59. </span>
  60. <span ng-if="entrada.type=='tel'">
  61. <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" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
  62. </span>
  63. <span ng-if="entrada.type=='date'">
  64. <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" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
  65. </span>
  66. <span ng-if="entrada.type!='select' && entrada.type!='checkbox' && entrada.type!='tel' && entrada.type!='date'">
  67. <input ng-disabled="entrada.disabled" 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;">
  68. </span>
  69. <span ng-if="entradas.col2[$index].name">
  70. <span class="boton labelForma">
  71. {{entradas.col2[$index].label}}
  72. </span>
  73. <span ng-if="entradas.col2[$index].type=='select'">
  74. <select ng-disabled="entradas.col2[$index].disabled" name="{{entradas.col2[$index].name}}" id="{{entradas.col2[$index].name}}" class="form-control-inline" style="width: 250px;height: 48px;"
  75. ng-options="opcion.label for opcion in entradas.col2[$index].options track by opcion.id"
  76. ng-model="entradas.col2[$index].value"
  77. ng-required="entradas.col2[$index].require"
  78. ></select>
  79. </span>
  80. <span ng-if="entradas.col2[$index].type=='checkbox'">
  81. <input ng-disabled="entradas.col2[$index].disabled" 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;">
  82. </span>
  83. <span ng-if="entradas.col2[$index].type=='tel'">
  84. <input ng-disabled="entradas.col2[$index].disabled" 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;">
  85. </span>
  86. <span ng-if="entradas.col2[$index].type=='date'">
  87. <input ng-disabled="entradas.col2[$index].disabled" 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;">
  88. </span>
  89. <span ng-if="entradas.col2[$index].type!='select' && entradas.col2[$index].type!='checkbox' && entradas.col2[$index].type!='tel' && entradas.col2[$index].type!='date'">
  90. <input ng-disabled="entradas.col2[$index].disabled" 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;">
  91. </span>
  92. </span>
  93. </div>
  94. </span>
  95. {% endraw %}
  96. <input type="hidden" name="id" value="{{id}}">
  97. <input type="hidden" name="accion" value="{{accion}}">
  98. <input type="hidden" name="tipo" value="{{tipo}}">
  99. {% raw %}
  100. <span ng-if="abled">
  101. <input class="boton labelForma" type="submit">
  102. </span>
  103. {% endraw %}
  104. </form>
  105. </div>
  106. </div>
  107. </body>
  108. </html>