indicadores.php 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <?php
  2. $strModulo = 'PRUEBA';
  3. ?>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <meta http-equiv="imagetoolbar" content="no" />
  9. <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Poppins:400,500,700,300,600">
  10. <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans">
  11. <link media="screen" rel="stylesheet" type="text/css" href="css/principal.css" />
  12. <!--<link media="screen" rel="stylesheet" type="text/css" href="css/pagination.css" />--> <!--Paginador-->
  13. <link rel="shortcut icon" type="image/x-icon" href="css/layout/global/sp.ico" />
  14. <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.14.1/dijit/themes/claro/claro.css">
  15. <script src="//ajax.googleapis.com/ajax/libs/dojo/1.14.1/dojo/dojo.js" data-dojo-config="async: true, parseOnLoad:true"></script>
  16. <script type="application/javascript">
  17. // Cargamos los complementos de dojo
  18. require(["dojo/dom", "dojo/_base/fx", "dojo/_base/array", "dojo/query", "dojo/dom-construct", "dijit/registry", "dojo/dom-style", "dojo/ready", "dojo/on", "dojo/window",
  19. "dojo/store/Memory", "dijit/form/FilteringSelect", "dijit/form/Button", "dojo/dom-class", "dijit/Dialog",
  20. "dojo/_base/lang", "dojox/grid/DataGrid", "dojo/data/ItemFileWriteStore", "dojox/grid/enhanced/plugins/DnD", "dojox/grid/EnhancedGrid", "dojox/grid/enhanced/plugins/Selector", "dojox/grid/enhanced/plugins/IndirectSelection", "dojox/grid/enhanced/plugins/NestedSorting",
  21. "dijit/ProgressBar", "dijit/ConfirmDialog", "dojo/dom-style", "dijit/form/ComboButton", "dijit/Menu", "dijit/MenuItem", "dijit/MenuSeparator", "dijit/Tooltip", "dijit/form/Form", "dijit/form/TextBox",
  22. "dojox/grid/enhanced/plugins/Filter", "dijit/form/ValidationTextBox", "dijit/form/NumberSpinner", "dojo/request", "dojo/parser"],
  23. function(dom, fx, array, query, domConstruct, dijit, style, ready, on, win,
  24. Memory, FilteringSelect, Button, domClass, Dialog,
  25. lang, DataGrid, ItemFileWriteStore, DnDConfig, EnhancedGrid, Selector, indirectSelection, nestedSorting,
  26. ProgressBar, ConfirmDialog, style, ComboButton, Menu, MenuItem, MenuSeparator, Tooltip, Form, TextBox, filter, ValidationTextBox, NumberSpinner, request) {
  27. const idModulo = "<?php echo($strModulo);?>";
  28. // Para Mostrar de Mensajes de "error o éxito"
  29. var dgEjecuta = new Dialog({title: 'Procesando...', style: 'width:300px'});
  30. var pbMarcar = new ProgressBar({value: Number.POSITIVE_INFINITY, layoutAlign: 'left'});
  31. dgEjecuta.setContent(pbMarcar);
  32. dgResultadoError = new ConfirmDialog({ title:"<b>Error</b>", style: "min-width:300px; heigth; auto" });
  33. style.set(dgResultadoError.cancelButton.domNode, 'display', 'none');
  34. dgResultadoExito = new ConfirmDialog({ title:"<b>Éxito</b>", style: "min-width:300px; heigth; auto" });
  35. style.set(dgResultadoExito.cancelButton.domNode, 'display', 'none');
  36. /****************************************************************** Botones ******************************************************************/
  37. // Limpiar
  38. new Button({
  39. label: "Limpiar",
  40. iconClass: "dijitEditorIcon dijitEditorIconRemoveFormat",
  41. showLabel: true,
  42. onClick: function() {
  43. dijit.byId("frm").submit();
  44. }
  45. }, "BTNLIMPIAR").startup();
  46. // Buscar
  47. new Button({
  48. id: "BTNBUSCAR",
  49. label: "Buscar",
  50. iconClass: "dijitIcon dijitIconDatabase",
  51. showLabel: true,
  52. onClick: function(){
  53. alert("Buscando");
  54. }
  55. }, "BTNBUSCAR").startup();
  56. ready(function() {
  57. // Actualizar el tamaño del TabContainer en función del tamaño de página
  58. var ventana = win.getBox();
  59. var strVentana = (ventana.h-110)+"px";
  60. var strVentanaPan = (ventana.h-75)+"px";
  61. //style.set(dijit.byId("djTab").id, { height:strVentana });
  62. style.set(dom.byId("framePanel"), "height", strVentanaPan);
  63. //dijit.byId("djTab").resize();
  64. // Actualizar el tamaño del TabContainer en función del tamaño de página
  65. on(window, "resize", function() {
  66. var ventana = win.getBox();
  67. var strVentana = (ventana.h-75-100)+"px";
  68. //style.set(dijit.byId("djTab").id, { height:strVentana });
  69. style.set(dom.byId("framePanel"), "height", strVentana);
  70. //dijit.byId("djTab").resize();
  71. });
  72. // Eliminar la cortina de entrada
  73. fx.fadeOut({node: dom.byId("loadingOverlay"), duration: 1}).play();
  74. setTimeout(function () {
  75. domConstruct.destroy("loadingOverlay");
  76. }, 1);
  77. });
  78. });
  79. </script>
  80. </head>
  81. <body class="claro">
  82. <div id="loadingOverlay" class="loadingOverlay pageOverlay">
  83. <div class="loadingMessage">Espere...</div>
  84. </div>
  85. <div id="wrapper_container_module">
  86. <div id="wrapper_table" style="position:relative;">
  87. <div data-dojo-type="dijit/form/Form" id="frm" data-dojo-id="frm" encType="multipart/form-data"
  88. action="<?php echo($_SERVER['PHP_SELF']); ?>" method="post" style="position:relative;">
  89. <script type="dojo/on" data-dojo-event="submit">return true;</script>
  90. <div id="wrapper_table_head">Panel de Control de Indicadores</div>
  91. <div id="wrapper_table_body_mod_app">
  92. <!--<table width="100%" height="auto">
  93. <tr>
  94. <td width="100%" colspan="20" align="center">
  95. </tr>
  96. <tr>
  97. <td width="100%" colspan="20" align="center">
  98. <button id="BTNBUSCAR" type="button"></button>
  99. <button id="BTNLIMPIAR" type="button"></button>
  100. </td>
  101. </tr>
  102. </table>-->
  103. <iframe id="framePanel" src="shared/panel_general/index.html" frameborder="0" style="width:100%;"></iframe>
  104. <!--<div id="djTab" data-dojo-type="dijit/layout/TabContainer" data-dojo-props="tabPosition:'top'" style="width:100%;">
  105. <div data-dojo-type="dijit/layout/ContentPane" title="Panel de Control" data-dojo-props="selected:true">
  106. <div style="margin-top: 15px">
  107. <div id="div_GridPrincipal">
  108. <iframe id="framePanel" src="panel/index.html" frameborder="0" style="width:100%;"></iframe>
  109. </div>
  110. </div>
  111. </div>
  112. </div>-->
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </body>