Brak opisu

forma.html 3.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  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.4.9/angular.min.js"></script>
  10. <script src="{{ url_for('static', filename='forma.js') }}"></script>
  11. <script>
  12. forma.value("accion", "{{accion}}").value("tipo", "{{tipo}}").value("id", "{{id}}");
  13. </script>
  14. </head>
  15. <body ng-app="forma" ng-controller="FormController">
  16. <div class="container-fluid">
  17. <div class="header">
  18. <div class="row">
  19. <div class="col-1">
  20. <div class="boton logo">
  21. Logo
  22. </div>
  23. </div>
  24. <div class="col-2">
  25. </div>
  26. <div class="col-6">
  27. <p>{% raw %}{{accion}} {{titulo}} {% endraw %}
  28. </p>
  29. </div>
  30. <div class="col-2" style="visibility:visible">
  31. <a href="" class="boton usuario">Carlos J Corrada Bravo</a>
  32. </div>
  33. <div class="col-1">
  34. <a href="https://cdcc.uprrp.edu" class="boton logout">logout</a>
  35. </div>
  36. </div>
  37. </div>
  38. <div class="container" align="center">
  39. <form class="form">
  40. <span ng-repeat="entrada in entradas.col1">
  41. <div>
  42. {% raw %}
  43. <span class="boton labelForma">
  44. {{entrada.label}}
  45. </span>
  46. {% endraw %}
  47. <span ng-if="entrada.type=='select'">
  48. {% raw %}
  49. <select class="form-control-inline" style="width: 250px;height: 48px;">
  50. <option ng-for="let opcion of entrada.options" [value]=$index [selected]="$index==opcion.value">{{opcion}}</option>
  51. </select>
  52. {% endraw %}
  53. </span>
  54. {% raw %}
  55. <span ng-if="entrada.type!='select'">
  56. <input class="form-control-inline" type="{{entrada.type}}" name="{{entrada.name}}" value="{{entrada.value}}" style="width: 250px;height: 48px;align:left;">
  57. </span>
  58. {% endraw %}
  59. <span ng-if="entradas.col2[$index].name">
  60. {% raw %}
  61. <span class="boton labelForma">
  62. {{entradas.col2[$index].label}}
  63. </span>
  64. {% endraw %}
  65. <span ng-if="entradas.col2[$index].type=='select'">
  66. {% raw %}
  67. <select class="form-control-inline" style="width: 250px;height: 48px;">
  68. <option ng-repeat="opcion in entradas.col2[$index].options" value="{{$index}}" [selected]="$index == entradas.col2[$index].value">{{opcion}}</option>
  69. </select>
  70. {% endraw %}
  71. </span>
  72. {% raw %}
  73. <span ng-if="entradas.col2[$index].type!='select'">
  74. <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;">
  75. </span>
  76. {% endraw %}
  77. </span>
  78. </div>
  79. </span>
  80. <input class="boton labelForma" type="submit">
  81. </form>
  82. </div>
  83. </div>
  84. </body>
  85. </html>