Advertisement
Guest User

lam

a guest
Apr 20th, 2016
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.11 KB | None | 0 0
  1. <?xml version='1.0' encoding='UTF-8' ?>
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  3. <html xmlns:h="http://java.sun.com/jsf/html"
  4. xmlns:f="http://java.sun.com/jsf/core"
  5. xmlns:ui="http://java.sun.com/jsf/facelets"
  6. xmlns:p="http://primefaces.org/ui">
  7.  
  8. <h:head lang="en">
  9.  
  10.  
  11. <f:facet name="first">
  12. <meta http-equiv="X-UA-Compatible" content="IE=8" />
  13. </f:facet>
  14.  
  15. <link href="../favicon.ico" type="image/x-icon" rel="shortcut icon" />
  16.  
  17. <link type="text/css" rel="stylesheet"
  18. href="http://fonts.googleapis.com/css?family=Roboto:500,300,400&amp;subset=latin,vietnamese" />
  19. <title>MTA.LAB</title>
  20. <link rel="stylesheet" href="css/metro.css" />
  21. <link rel="stylesheet" href="css/wwww-icons.css" />
  22. <link rel="stylesheet" href="css/style.css" />
  23. <link rel="stylesheet" href="css/qwww.css" />
  24. <link rel="stylesheet" href="css/wwww-with-sidebar.css" />
  25. <link href="plugin/fontawesome/css/font-awesome.min.css"
  26. rel="stylesheet" />
  27. <script src="plugin/slimScroll/jquery.slimscroll.min.js"></script>
  28.  
  29. <script src="js/metro.js"></script>
  30. <script src="js/ultility-sidebar.js"></script>
  31.  
  32. </h:head>
  33. <h:body>
  34. <div class="pwsidebar">
  35. <div class="top">
  36. <h:form>
  37. <div class="logo">
  38. <h1 class="tile-area-title">
  39. MTA.<span>LAB</span>
  40. </h1>
  41. </div>
  42. <div class="menutop"></div>
  43. <div class="currentuser">
  44. <div class="col-left">
  45. <span class="username"> Welcome <p:outputLabel
  46. value="#{loginBean.user.username}" /></span><br /> <span><p:commandLink
  47. value="Logout" title="logout"
  48. actionListener="#{loginBean.logOut}">
  49. </p:commandLink></span>
  50. </div>
  51. <div class="col-right">
  52. <img src="http://placehold.it/200x200&amp;text=HI!" alt="" />
  53. </div>
  54. </div>
  55. <div class="clear"></div>
  56. </h:form>
  57. </div>
  58. <div class="mid">
  59. <div class="page-sidebar-wrapper">
  60. <div class="page-sidebar">
  61. <span title="Ẩn menu trái" class="hide-sidebar"><i
  62. class="fa fa-angle-double-left" /></span>
  63. <h:form>
  64. <p:panelMenu styleClass="v-menu">
  65. <p:submenu label="Dashboard" />
  66. <p:submenu label="Lich Thực Hành">
  67. <p:menuitem value="Lịch" />
  68. <p:menuitem value="Đăng Kí" />
  69. </p:submenu>
  70. <p:submenu label="Thiết Bị">
  71. <p:menuitem value="Đăng kí Mượn" />
  72. <p:menuitem value="Thông tin thiết bị" />
  73. </p:submenu>
  74. <p:submenu label="Thông Báo">
  75. <p:menuitem value="Tin Tức" />
  76. <p:menuitem value="Chi Tiết" />
  77. </p:submenu>
  78. <p:submenu label="Report">
  79. <p:menuitem value="Lich Report" />
  80. <p:menuitem value="Thiet Bi Report" />
  81. </p:submenu>
  82. <p:submenu label="Setting">
  83.  
  84. </p:submenu>
  85.  
  86.  
  87. <p:submenu label="Administration" icon="ui-icon-home" />
  88. </p:panelMenu>
  89. </h:form>
  90. </div>
  91. </div>
  92. <!-- Conten -->
  93. <div class="page-content-wrapper">
  94. <div class="page-content box-blue">
  95. <div>
  96. <p:breadCrumb>
  97. <p:menuitem value="GiaoVien" url="#" />
  98. <p:menuitem value="Home" url="#" />
  99. <p:menuitem value="Thông tin giáo viên" url="#" />
  100. </p:breadCrumb>
  101. </div>
  102. <div class="page-header">Content header page</div>
  103. <div class="clear" />
  104. <h:form id="contengv">
  105.  
  106. <div class="blue">
  107. <div class="maintcontent">
  108.  
  109. <p:growl id="msgs" showDetail="true" />
  110. <!-- -DataTable -->
  111.  
  112. <p:dataTable var="giaovien" value="#{userbean.gvs}" id="growl"
  113. widgetVar="GvTable" rowKey="#{giaovien.magiaovien}"
  114. selection="#{userbean.selectedgv}"
  115. selectionMode="single"
  116. style="font-size:10px;margin-bottom:20px" rows="10"
  117. filteredValue="#{userbean.filtergv}"
  118. emptyMessage="No record found with given criteria"
  119. paginator="true"
  120. paginatorTemplate="{CurrentPageReport} {FirstPageLink}
  121. {PreviousPageLink} {PageLinks} {NextPageLink}
  122. {LastPageLink} {RowsPerPageDropdown}"
  123. rowsPerPageTemplate="5,10,15" scrollable="false"
  124. rowIndexVar="rowIndex" scrollWidth="50%"
  125. styleClass="table-freesize tableNMS">
  126. <f:facet name="header">
  127. THÔNG TIN GIÁO VIÊN
  128. </f:facet>
  129. <!-- <p:ajax event="rowEdit" listener="#{userbean.onRowEdit}"
  130. update="@([id$=msgs])" />
  131.  
  132. <p:ajax event="rowEditCancel"
  133. listener="#{userbean.onRowCancel}" update="@([id$=msgs])" />
  134. <p:ajax event="page"
  135. oncomplete="$('#call-me-after-page').click();"></p:ajax> -->
  136. <p:ajax event="rowSelect" listener="#{userbean.selectRow}"
  137. update="@([id$=msgs])" />
  138.  
  139. <p:column
  140. style="width:2px;font-size:11px; text-align: center; ">
  141. <f:facet name="header">
  142. STT
  143. </f:facet>
  144.  
  145. #{rowIndex+1}
  146. </p:column>
  147. <p:column headerText="Mã Giáo Viên"
  148. style="font-size:11px; width:70px"
  149. filterBy="#{giaovien.magiaovien}">
  150. <h:outputText value="#{giaovien.magiaovien}" id="omagiaovien" />
  151. <p:tooltip for="omagiaovien" value="#{giaovien.magiaovien}"
  152. style="font-size:11px" />
  153. </p:column>
  154. <p:column headerText="Tên Giáo Viên"
  155. style="font-size:11px; width:50px"
  156. filterBy="#{giaovien.tengiaovien}" filterMatchMode="contains">
  157.  
  158. <h:outputText value="#{giaovien.tengiaovien}"
  159. id="otengiaovien" />
  160. <p:tooltip for="otengiaovien" value="#{giaovien.tengiaovien}"
  161. style="font-size:11px" />
  162.  
  163. </p:column>
  164. <p:column headerText="Giới Tính"
  165. style="font-size:11px; width:50px"
  166. filterBy="#{giaovien.gioitinh}" filterMatchMode="contains">
  167.  
  168. <h:outputText value="#{giaovien.gioitinh}" id="ogioitinh" />
  169. <p:tooltip for="ogioitinh" value="#{giaovien.gioitinh}"
  170. style="font-size:11px" />
  171.  
  172. </p:column>
  173. <p:column headerText="Email" style="font-size:11px; width:50px"
  174. filterBy="#{giaovien.email}" filterMatchMode="contains">
  175.  
  176.  
  177. <h:outputText value="#{giaovien.email}" id="oemail" />
  178. <p:tooltip for="oemail" value="#{giaovien.email}"
  179. style="font-size:11px" />
  180.  
  181. </p:column>
  182. <p:column headerText="Số Điện Thoại"
  183. style="font-size:11px; width:50px"
  184. filterBy="#{giaovien.sodienthoai}" filterMatchMode="contains">
  185.  
  186. <h:outputText value="#{giaovien.sodienthoai}" id="sodienthoai" />
  187. <p:tooltip for="sodienthoai" value="#{giaovien.sodienthoai}"
  188. style="font-size:11px" />
  189.  
  190. </p:column>
  191. <p:column headerText="UserName"
  192. style="font-size:11px; width:50px"
  193. filterBy="#{giaovien.username}" filterMatchMode="contains">
  194.  
  195. <h:outputText value="#{giaovien.username}" id="ousername" />
  196. <p:tooltip for="ousername" value="#{giaovien.username}"
  197. style="font-size:11px" />
  198.  
  199. </p:column>
  200. <p:column headerText="PassWord"
  201. style="font-size:11px; width:70px"
  202. filterBy="#{giaovien.password}" filterMatchMode="contains">
  203.  
  204.  
  205. <h:outputText value="#{giaovien.password}" id="opassword" />
  206. <p:tooltip for="opassword" value="#{giaovien.password}"
  207. style="font-size:11px" />
  208.  
  209.  
  210. </p:column>
  211. <p:column headerText="Quyền" style="font-size:11px; width:70px"
  212. filterBy="#{giaovien.quyen}" filterMatchMode="contains">
  213. <h:outputText value="#{giaovien.quyen}" id="oquyen" />
  214. <p:tooltip for="oquyen" value="#{giaovien.quyen}"
  215. style="font-size:11px" />
  216. </p:column>
  217. <p:column style="width: 5%; text-align: center"
  218. headerText="Options" styleClass="ui-editable-column-options">
  219. <p:commandLink id="cmdEdit" ajax="true"
  220. oncomplete="PF('dlgedt').show()" update="@([id$=editDialog])">
  221. <f:setPropertyActionListener target="#{userbean.selectedgv}"
  222. value="#{giaovien}" />
  223. <p:graphicImage value="/image/edit.jpg" width="15"
  224. height="18" title="Edit" />
  225. </p:commandLink>
  226. <p:commandLink id="cmdDelete" ajax="true"
  227. oncomplete="PF('deleteDlg').show()" update="@([id$=deleteDialog])">
  228. <f:setPropertyActionListener target="#{userbean.selectedgv}"
  229. value="#{giaovien}" />
  230. <p:graphicImage value="/image/trash.png" width="15"
  231. height="18" title="DELETE" />
  232. </p:commandLink>
  233.  
  234. </p:column>
  235. <f:facet name="footer">
  236. <p:commandButton value="Thêm mới" type="button" ajax="true"
  237. onclick="PF('dlgadd').show();" />
  238. </f:facet>
  239. </p:dataTable>
  240. <!-- end table -->
  241. <p:confirmDialog widgetVar="deleteDlg" id="deleteDialog"
  242. header="Delete" message="Are you sure to delete this ID giáo viên (#{userbean.selectedgv.magiaovien})?" width="200px"
  243. showEffect="bounce" closable="true"
  244. severity="alert">
  245. <p:commandButton value="Yes" id="confirm"
  246. actionListener="#{userbean.DeleteGiaoVien}" immediate="true"
  247. oncomplete="PF('deleteDlg').hide()" update="@([id$=growl])" />
  248. <p:commandButton value="No" id="decline"
  249. oncomplete="PF('deleteDlg').hide()" />
  250. </p:confirmDialog>
  251.  
  252. <p:dialog header="Thêm Giáo Viên" dynamic="true" widgetVar="dlgadd" resizable="true"
  253. modal="true" >
  254. <h:panelGrid columns="3" cellpadding="8">
  255. <h:outputText value="Họ tên nhân viên:" />
  256. <p:inputText required="true"
  257. requiredMessage="Bạn cần nhập tên" id="itengiaovien"
  258. value="#{userbean.gvForIs.tengiaovien}" />
  259. <p:ajax update="msgtengiaovien" event="keyup" />
  260. <p:message for="itengiaovien" id="msgtengiaovien" display="icon" />
  261. <h:outputText value="Email:" />
  262. <p:inputText required="true" id="iemail"
  263. requiredMessage="Bạn cần nhập email"
  264. value="#{userbean.gvForIs.email}" />
  265. <p:ajax update="msgemail" event="keyup" />
  266. <p:message for="iemail" id="msgemail" display="icon" />
  267. <h:outputText value="Số Điện Thoại" />
  268. <p:inputText required="true" id="isodienthoai"
  269. requiredMessage="Bạn cần nhập Số điện thoại"
  270. value="#{userbean.gvForIs.sodienthoai}" />
  271. <p:ajax update="msgsodienthoai" event="keyup" />
  272. <p:message for="isodienthoai" id="msgsodienthoai" display="icon" />
  273. <h:outputText value="Giới Tính: " />
  274. <p:selectOneMenu required="true"
  275. requiredMessage="Bạn chưa chọn Giới Tính" effect="fold"
  276. value="#{userbean.gvForIs.gioitinh}" id="igioitinh">
  277. <f:selectItem itemLabel="Chọn Giới tính" />
  278. <f:selectItem itemLabel="Nam" itemValue="Nam" />
  279. <f:selectItem itemLabel="Nữ" itemValue="Nữ" />
  280. </p:selectOneMenu>
  281. <p:ajax update="msggioitinh" event="keyup" />
  282. <p:message for="igioitinh" id="msggioitinh" display="icon" />
  283. <h:outputText value="UserName" />
  284. <p:inputText required="true" id="iusername"
  285. requiredMessage="Bạn cần nhập thông tin UserName"
  286. value="#{userbean.gvForIs.username}" />
  287. <p:ajax update="msgusername" event="keyup" />
  288. <p:message for="iusername" id="msgusername" display="icon" />
  289. <h:outputText value="PassWord" />
  290. <p:inputText required="true" id="ipassword"
  291. requiredMessage="Bạn cần nhập thông tin PassWord"
  292. value="#{userbean.gvForIs.password}" />
  293. <p:ajax update="msgpassword" event="keyup" />
  294. <p:message for="ipassword" id="msgpassword" display="icon" />
  295. <h:outputText value="Quyền" />
  296. <p:selectOneMenu required="true" id="iquyen"
  297. requiredMessage="Bạn chưa chọn quyền" effect="fold"
  298. value="#{userbean.gvForIs.quyen}">
  299. <f:selectItem itemLabel="Chọn Quyền" />
  300. <f:selectItem itemLabel="1" itemValue="1" />
  301. <f:selectItem itemLabel="2" itemValue="2" />
  302. </p:selectOneMenu>
  303. <p:ajax update="msgquyen" event="keyup" />
  304. <p:message for="iquyen" id="msgquyen" display="icon" />
  305. </h:panelGrid>
  306. <f:facet name="footer">
  307. <div class="button-bar" align="right">
  308. <p:commandButton value="Thêm mới" update="@([id$=growl])"
  309. actionListener="#{userbean.addGiaoVien}" process="@this" ajax="true" immediate="true" oncomplete="PF('dlgadd').hide()" />
  310. <p:commandButton value="Reset" type="reset" />
  311. <p:commandButton value="Cancel" onclick="PF('dlgadd').hide()" />
  312. </div>
  313. </f:facet>
  314.  
  315. </p:dialog>
  316. <!-- dialog update -->
  317. <p:dialog header="Edit Giáo Viên" widgetVar="dlgedt" id="editDialog"
  318. modal="true">
  319.  
  320. <h:panelGrid columns="3" cellpadding="8">
  321. <h:outputText value="Họ tên nhân viên:" />
  322. <p:inputText required="true"
  323. requiredMessage="Bạn cần nhập tên" id="emagiaovien"
  324. value="#{userbean.selectedgv.tengiaovien}" />
  325. <p:message for="emagiaovien" />
  326. <h:outputText value="Email:" />
  327. <p:inputText required="true" id="eemail"
  328. requiredMessage="Bạn cần nhập email"
  329. value="#{userbean.selectedgv.email}" />
  330. <p:message for="eemail" />
  331. <h:outputText value="Số Điện Thoại" />
  332. <p:inputText required="true" id="esodienthoai"
  333. requiredMessage="Bạn cần nhập Số điện thoại"
  334. value="#{userbean.selectedgv.sodienthoai}" />
  335. <p:message for="esodienthoai" />
  336. <h:outputText value="Giới Tính: " />
  337. <p:selectOneMenu required="true"
  338. requiredMessage="Bạn chưa chọn Giới Tính" effect="fold"
  339. value="#{userbean.selectedgv.gioitinh}" id="egioitinh">
  340. <f:selectItem itemLabel="Chọn Giới tính" />
  341. <f:selectItem itemLabel="Nam" itemValue="Nam" />
  342. <f:selectItem itemLabel="Nữ" itemValue="Nữ" />
  343. </p:selectOneMenu>
  344. <p:message for="egioitinh" />
  345. <h:outputText value="UserName" />
  346. <p:inputText required="true" id="eusername"
  347. requiredMessage="Bạn cần nhập thông tin UserName"
  348. value="#{userbean.selectedgv.username}" />
  349. <p:message for="eusername" />
  350. <h:outputText value="PassWord" />
  351.  
  352. <p:inputText required="true" id="epassword"
  353. requiredMessage="Bạn cần nhập thông tin PassWord"
  354. value="#{userbean.selectedgv.password}" />
  355. <p:message for="epassword" />
  356. <h:outputText value="Quyền" />
  357. <p:selectOneMenu required="true" id="equyen"
  358. requiredMessage="Bạn chưa chọn quyền" effect="fold"
  359. value="#{userbean.selectedgv.quyen}">
  360. <f:selectItem itemLabel="Chọn Quyền" />
  361. <f:selectItem itemLabel="1" itemValue="1" />
  362. <f:selectItem itemLabel="2" itemValue="2" />
  363. </p:selectOneMenu>
  364. <p:message for="equyen" />
  365. <h:outputText />
  366.  
  367.  
  368. </h:panelGrid>
  369. <f:facet name="footer">
  370. <div class="button-bar" align="right">
  371. <p:commandButton value="Save" update="@([id$=growl])"
  372. oncomplete="PF('dlgedt').hide()" immediate="true" process="@this" actionListener="#{userbean.UpdateGiaoVien}" />
  373. <p:commandButton value="Cane" type="button" onclick="PF('dlgedt').hide()" />
  374. </div>
  375. </f:facet>
  376.  
  377. </p:dialog>
  378. </div>
  379. </div>
  380. </h:form>
  381. </div>
  382. </div>
  383.  
  384. <div class="clear" />
  385. </div>
  386.  
  387. <div class="bot">
  388. <h2 class="footer-area-title">© Copyright 2016</h2>
  389. </div>
  390. </div>
  391. </h:body>
  392. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement