API tools faq
paste
Guest User

Untitled

a guest
Dec 14th, 2018
59
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.21 KB | None | 0 0
raw download clone embed print report
  1. <ui:composition xmlns="http://www.w3.org/1999/xhtml"
  2. xmlns:h="http://java.sun.com/jsf/html"
  3. xmlns:f="http://java.sun.com/jsf/core"
  4. xmlns:ui="http://java.sun.com/jsf/facelets"
  5. xmlns:p="http://primefaces.org/ui"
  6. template="/WEB-INF/template.xhtml"
  7. xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">
  8.  
  9. <ui:define name="title">Tareas de Mantenimiento</ui:define>
  10. <ui:define name="head"></ui:define>
  11.  
  12. <ui:define name="content">
  13. <script type="text/javascript" src="../resources/verona-layout/js/validacion.js"></script>
  14. <div class="ui-g ui-fluid">
  15. <div class="message-center-static ui-g-12 ui-lg-12 ui-md-12 ui-sm-12 ui-xl-12 ">
  16. <p:messages class="message" id="messages" showDetail="true" closable="true"/>
  17. </div>
  18. <div class="ui-g-12 ui-lg-12">
  19. <div class="card card-w-title">
  20. <h:form id="formulario">
  21. <div>
  22. <!-- Este metodo pinta las opciones del submenu --> ${menu.writeOption('244')}
  23. <p:menuButton value="Opciones" model="${menu.menuButton}">
  24. </p:menuButton>
  25. </div>
  26. <br/>
  27. <h2 class="labelTitle">Tareas de Mantenimiento</h2>
  28. <hr/>
  29. <div id="form_fields" style="display: none">
  30. <p:panel id="gran_panel" style="background-color: white">
  31. <p:panelGrid id="for_grid" columns="3" layout="grid" styleClass="ui-panelgrid-blank form-group form-elements">
  32. <h:panelGroup>
  33. <p:outputLabel class="labelColor" for="descripcion" value="Descripción:" />
  34. <p:inputText id="descripcion" value="${maintenanceTasksBean.n_task.desc_task_maintenance}" onkeypress="return alfanumerico(event)" required="true" requiredMessage="!Campo requerido!" validatorMessage="Mínimo 1 carácter, Máximo 300 caracteres">
  35. <f:validateLength minimum="1" maximum="300"/>
  36. </p:inputText>
  37. <p:message for="descripcion" display="text" />
  38. </h:panelGroup>
  39. <h:panelGroup>
  40. <p:outputLabel class="labelColor" for="tipoTarea" value="Tipo de tarea:" />
  41. <p:selectOneMenu id="tipoTarea" value="${maintenanceTasksBean.n_task.cve_type_task}" required="true" requiredMessage="!Campo requerido!">
  42. <f:selectItem itemLabel="Seleccionar" itemValue=""/>
  43. <f:selectItems value="${maintenanceTasksBean.types_task.entrySet()}" var="type" itemLabel="${type.value}" itemValue="${type.key}" />
  44. </p:selectOneMenu>
  45. <p:message for="tipoTarea" display="text" />
  46. </h:panelGroup>
  47. <h:panelGroup style="margin-left: 10%;">
  48. <div>
  49. <p:selectBooleanCheckbox id="activa" value="${maintenanceTasksBean.n_task.task_main_status}"/>
  50. <p:outputLabel class="labelColor" for="activa" value=" Activa" />
  51. </div>
  52. </h:panelGroup>
  53. <h:panelGroup>
  54. <h:panelGrid columns="4">
  55. <h:panelGroup>
  56. <p:outputLabel class="labelColor" for="horas_hombre" value="Horas hombre:" />
  57. </h:panelGroup>
  58. <h:panelGroup>
  59. <p:inputText style="width: 70px" id="horas_hombre" value="${maintenanceTasksBean.n_task.task_main_hh1}" onkeypress="return solo_numeros(event)" onblur="ponerCeros(this)" placeholder="Hrs" validatorMessage="Mínimo 1 digito, Máximo 2 dígitos">
  60. <f:validateLength minimum="1" maximum="2"/>
  61. <f:convertNumber pattern="00"/>
  62. </p:inputText>
  63. <p:message for="horas_hombre" display="text" />
  64. </h:panelGroup>
  65. <h:outputLabel value=":"/>
  66. <h:panelGroup>
  67. <p:inputText style="width: 70px" id="min_hombre" value="${maintenanceTasksBean.n_task.task_main_hh2}" onkeypress="return solo_numeros(event)" onblur="ponerCeros(this)" placeholder="mm" validatorMessage="Mínimo 1 digito, Máximo 2 dígitos">
  68. <f:validateLength minimum="1" maximum="2"/>
  69. <f:convertNumber pattern="00"/>
  70. </p:inputText>
  71. <p:message for="min_hombre" display="text" />
  72. </h:panelGroup>
  73. </h:panelGrid>
  74. </h:panelGroup>
  75. <h:panelGroup>
  76. <h:panelGrid columns="4">
  77. <p:outputLabel class="labelColor" for="paro" value="Tiempo de paro:" />
  78. <h:panelGroup>
  79. <p:inputText style="width: 70px" id="paro" value="${maintenanceTasksBean.n_task.task_main_ts1}" onkeypress="return solo_numeros(event)" onblur="ponerCeros(this)" placeholder="Hrs" validatorMessage="Mínimo 1 digito, Máximo 2 dígitos">
  80. <f:validateLength minimum="1" maximum="2"/>
  81. <f:convertNumber pattern="00"/>
  82. </p:inputText>
  83. <p:message for="paro" display="text" />
  84. </h:panelGroup>
  85. <h:outputLabel value=":"/>
  86. <h:panelGroup>
  87. <p:inputText style="width: 70px" id="min_paro" value="${maintenanceTasksBean.n_task.task_main_ts2}" onkeypress="return solo_numeros(event)" onblur="ponerCeros(this)" placeholder="mm" validatorMessage="Mínimo 1 digito, Máximo 2 dígitos">
  88. <f:validateLength minimum="1" maximum="2"/>
  89. <f:convertNumber pattern="00"/>
  90. </p:inputText>
  91. <p:message for="min_paro" display="text" />
  92. </h:panelGroup>
  93. </h:panelGrid>
  94. </h:panelGroup>
  95. <h:panelGroup>
  96. <p:outputLabel class="labelColor" for="clasificacion" value="Clasificación:" />
  97. <p:selectOneMenu id="clasificacion" value="${maintenanceTasksBean.n_task.cve_clas_task}" required="true" requiredMessage="!Campo requerido!">
  98. <f:selectItem itemLabel="Seleccionar" itemValue=""/>
  99. <f:selectItems value="${maintenanceTasksBean.clas_task.entrySet()}" var="clas" itemLabel="${clas.value}" itemValue="${clas.key}" />
  100. </p:selectOneMenu>
  101. <p:message for="clasificacion" display="text" />
  102. </h:panelGroup>
  103. <h:panelGroup>
  104. <p:outputLabel class="labelColor" for="prioridad" value="Prioridad:" />
  105. <p:selectOneMenu id="prioridad" value="${maintenanceTasksBean.n_task.task_main_prio}" required="true" requiredMessage="!Campo requerido!" >
  106. <f:selectItem itemLabel="Seleccionar" itemValue=""/>
  107. <f:selectItem itemLabel="Alta" itemValue="1"/>
  108. <f:selectItem itemLabel="Media" itemValue="2"/>
  109. <f:selectItem itemLabel="Baja" itemValue="3"/>
  110. </p:selectOneMenu>
  111. <p:message for="prioridad" display="text"/>
  112. </h:panelGroup>
  113.  
  114. </p:panelGrid>
  115.  
  116. <h2>Programación:</h2>
  117. <h2>Realizar cada</h2>
  118. <p:panelGrid columns="4" id="grid2" layout="grid" styleClass="ui-panelgrid-blank form-group form-elements">
  119. <h:panelGroup>
  120. <p:outputLabel class="labelColor" for="odometro" value="Odómetro:" />
  121. <p:inputNumber id="odometro" placeholder="KM" value="${maintenanceTasksBean.n_task.task_prog_odo}" onkeypress="return solo_numeros(event)" converterMessage="El valor Máximo de Odómetro es 999,999" decimalPlaces="0">
  122. <f:validateLength maximum="6" />
  123. </p:inputNumber>
  124. <p:message for="odometro" display="text"/>
  125. </h:panelGroup>
  126. <h:panelGroup>
  127. <p:outputLabel class="labelColor" for="dias" value="Días:"/>
  128. <p:inputText id="dias" value="#{maintenanceTasksBean.n_task.task_prog_day}" onkeypress="return solo_numeros(event)" validatorMessage="Mínimo 1 digito, Máximo 3 dígitos">
  129. <f:validateLength minimum="1" maximum="3"/>
  130. </p:inputText>
  131. <p:message for="dias" display="text"/>
  132. </h:panelGroup>
  133. <h:panelGroup>
  134. <p:outputLabel class="labelColor" for="horas" value="Horas:" />
  135. <p:inputText id="horas" value="${maintenanceTasksBean.n_task.task_prog_hr}" required="true" requiredMessage="Campo requerido" onkeypress="return solo_numeros(event)" onblur="ponerCeros(this)" validatorMessage="Mínimo 1 digito, Máximo 2 dígitos">
  136. <f:validateLength minimum="1" maximum="2"/>
  137. <f:convertNumber pattern="00"/>
  138. </p:inputText>
  139. <p:message for="horas" display="text"/>
  140. </h:panelGroup>
  141. <h:panelGroup>
  142. <p:outputLabel class="labelColor" value="Imagen:"/><br/>
  143. <p:outputLabel class="labelColor" value=" Solo iconos con extensión .gif, .jpg, .png"/>
  144. <p:fileUpload style="width: auto; height: auto;" invalidFileMessage='¡Formato Incorrecto!' class="btn-photouploadGrand" fileUploadListener="${maintenanceTasksBean.uploadProfile}" auto="true" label="" allowTypes="/(.|/)(gif|jpg|png)$/">
  145. <p:graphicImage style="margin-top: 15px" id="profileImage" class="fotoTask" url="#{maintenanceTasksBean.n_task.task_main_image.urlFile}" />
  146. </p:fileUpload>
  147. <span class="iconPhotoGrand fa fa-image"></span>
  148. <p:message for="profileImage" display="text"/>
  149. </h:panelGroup>
  150. </p:panelGrid>
  151.  
  152. <h2>Procedimiento</h2>
  153. <p:panelGrid id="grid_coments" columns="3" layout="grid" styleClass="ui-panelgrid-blank form-group form-elements">
  154. <h:panelGroup>
  155. <p:outputLabel class="labelColor" value="Descripción:" />
  156. <p:inputTextarea id="description" value="${maintenanceTasksBean.n_task.task_main_desc}" rows="4" cols="60" queryDelay="750" minQueryLength="4" />
  157. </h:panelGroup>
  158. <h:panelGroup>
  159. <p:outputLabel class="labelColor" value="Comentarios:" />
  160. <p:inputTextarea id="comentarios" value="${maintenanceTasksBean.n_task.task_main_com}" rows="4" cols="20" queryDelay="750" minQueryLength="4" />
  161. </h:panelGroup>
  162. </p:panelGrid>
  163. </p:panel>
  164. </div>
  165. <br/>
  166. <p:commandButton class="pull-right btn-nuevo" id="btn_Nuevo" process="@this" value="" title="Nuevo" onclick="mostrar()"/>
  167. <p:commandButton class="pull-right btn-cancelar" id="btn_Cancelar" action="${maintenanceTasksBean.cancelar()}" value="" title="Cancelar" onclick="cancelar()" update="gran_panel" process="@this">
  168. <p:resetInput target="gran_panel" />
  169. </p:commandButton>
  170. <p:commandButton class="pull-right btn-guardar" id="btn_Guardar" actionListener="${maintenanceTasksBean.insertTask()}" process="@form" update="gran_panel" value="" title="Guardar" />
  171. <p:inputText id="busca" value="${maintenanceTasksBean.searchkey}" style="width:20%;" maxlength="100" placeholder="Buscar" onkeypress="return alfanumerico(event)"/>
  172. <p:commandButton class="btn-buscar" id="btn_Consultar" actionListener="${maintenanceTasksBean.searchTareas()}" process="@this busca" value="" title="Buscar" update="data_table"/>
  173. <br/><br/>
  174. <div id="table_view">
  175. <p:dataTable id="data_table" value="#{maintenanceTasksBean.tasks}" var="tarea" rowStyleClass="selec_table" resizableColumns="true" scrollable="true" scrollWidth="100%" scrollHeight="350"
  176. emptyMessage="No existen registros con este criterio de búsqueda">
  177. <p:column headerText="Tarea">
  178. <h:outputText value="#{tarea.desc_task_maintenance}" />
  179. </p:column>
  180. <p:column headerText="Tipo Tarea">
  181. <h:outputText value="#{tarea.name_tipo}" />
  182. </p:column>
  183.  
  184. <p:column headerText="Clasificación">
  185. <h:outputText value="#{tarea.name_clas}" />
  186. </p:column>
  187.  
  188. <p:column style="width: 65px">
  189. <p:commandButton class="row_object btn-editar" id="btn_Editar" actionListener="${maintenanceTasksBean.selectTask(tarea)}" update="formulario:gran_panel" process="@this" value="" title="Editar" onclick="mostrar()" />
  190. <p:commandButton class="btn-eliminar" actionListener="${maintenanceTasksBean.deleteTask(tarea)}" id="btn_Delete" process="@this" update="data_table" value="" title="Eliminar" action="#" >
  191. <p:confirm header="!Atención!" message="¿Está seguro que deseas eliminar la tarea ${tarea.desc_task_maintenance}?" icon="fa fa-question-circle "/>
  192. </p:commandButton>
  193. </p:column>
  194. </p:dataTable>
  195. </div>
  196. <p:confirmDialog global="true" showEffect="fade" hideEffect="fade" >
  197. <p:commandButton value="Aceptar" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
  198. <p:commandButton value="Cancelar" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
  199. </p:confirmDialog>
  200. </h:form>
  201. </div>
  202. </div>
  203. </div>
  204. <script type="text/javascript">
  205.  
  206. function ocultaMsj(time) {
  207. setTimeout(function () {
  208. $("#messages").children("div").slideUp();
  209. return false;
  210. }, time);
  211. }
  212.  
  213. function mostrar() {
  214. $('#form_fields').css('display', 'block');
  215. $('#formulario\:btn_Guardar').css('display', 'inline-block');
  216. $('#formulario\:btn_Cancelar').css('display', 'inline-block');
  217. $('#formulario\:btn_Nuevo').css("display", "none");
  218.  
  219. }
  220. function cancelar() {
  221. $('#form_fields').css('display', 'none');
  222. $('#formulario\:btn_Guardar').css('display', 'none');
  223. $('#formulario\:btn_Nuevo').css('display', 'inline-block');
  224. $('#formulario\:btn_Cancelar').css("display", "none");
  225. }
  226. function ponerCeros(num) {
  227. while (num.value.length < 2)
  228. num.value = '0' + num.value;
  229. }
  230. </script>
  231. </ui:define>
  232. </ui:composition>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!