Advertisement
Guest User

index.xhtml

a guest
Aug 6th, 2019
323
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.74 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html
  3.        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  4.        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml"
  7.      xmlns:h="http://java.sun.com/jsf/html"
  8.      xmlns:p="http://primefaces.org/ui">
  9.  
  10. <h:head>
  11.     <meta name="viewport"
  12.          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  13.     <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
  14.     <title>Register Application</title>
  15.     <h:outputStylesheet library="reg-app-lib" name="/css/bootstrap.min.css"/>
  16. </h:head>
  17.  
  18. <h:body>
  19.     <div class="container mt-3">
  20.         <hr style="height: 2px;" class="bg-dark"/>
  21.         <h1 class="text-center">Employee Register</h1>
  22.         <hr style="height: 2px;" class="bg-dark"/>
  23.         <table class="table">
  24.             <thead>
  25.             <tr class="row">
  26.                 <th scope="col" class="col-md-1">#</th>
  27.                 <th scope="col" class="col-md-2">First Name</th>
  28.                 <th scope="col" class="col-md-2">Last Name</th>
  29.                 <th scope="col" class="col-md-3">Position</th>
  30.                 <th scope="col" class="col-md-1">Salary</th>
  31.                 <th scope="col" class="col-md-1">Age</th>
  32.                 <th scope="col" class="col-md-2">Actions</th>
  33.             </tr>
  34.             </thead>
  35.             <tbody>
  36.             <tr class="row">
  37.                 <th scope="row" class="col-md-1">1</th>
  38.                 <td class="col-md-2">Mark</td>
  39.                 <td class="col-md-2">Otto</td>
  40.                 <td class="col-md-3">Computer Specialist</td>
  41.                 <td class="col-md-1">$5500.00</td>
  42.                 <td class="col-md-1">29</td>
  43.                 <td class="col-md-2">
  44.                     <button class="btn btn-danger">Remove</button>
  45.                 </td>
  46.             </tr>
  47.             <tr class="row">
  48.                 <th scope="row" class="col-md-1">2</th>
  49.                 <td class="col-md-2">Donald</td>
  50.                 <td class="col-md-2">Fitzgerald</td>
  51.                 <td class="col-md-3">Marketing Manager</td>
  52.                 <td class="col-md-1">$2500.00</td>
  53.                 <td class="col-md-1">34</td>
  54.                 <td class="col-md-2">
  55.                     <button class="btn btn-danger">Remove</button>
  56.                 </td>
  57.             </tr>
  58.             <tr class="row">
  59.                 <th scope="row" class="col-md-1">1</th>
  60.                 <td class="col-md-2">Casio</td>
  61.                 <td class="col-md-2">Florenco</td>
  62.                 <td class="col-md-3">Graphic Designer</td>
  63.                 <td class="col-md-1">$4000.00</td>
  64.                 <td class="col-md-1">27</td>
  65.                 <td class="col-md-2">
  66.                     <button class="btn btn-danger">Remove</button>
  67.                 </td>
  68.             </tr>
  69.             <tr class="row">
  70.                 <th scope="row" class="col-md-1">1</th>
  71.                 <td class="col-md-2">Isacc</td>
  72.                 <td class="col-md-2">Netero</td>
  73.                 <td class="col-md-3">Tech Support</td>
  74.                 <td class="col-md-1">$4900.00</td>
  75.                 <td class="col-md-1">30</td>
  76.                 <td class="col-md-2">
  77.                     <button class="btn btn-danger">Remove</button>
  78.                 </td>
  79.             </tr>
  80.             </tbody>
  81.         </table>
  82.         <hr style="height: 2px;" class="bg-dark"/>
  83.         <h:form class="form"/>
  84.             <div class="names-holder d-flex justify-content-between">
  85.                 <div class="form-group w-25">
  86.                     <h:outputLabel for="firstName" value="First Name "/>
  87.                     <h:inputText value="#{employeeRegisterBeen.registerBindingModel.firstName}" class="form-control" id="firstName" placeholder="First Name..." />
  88.                 </div>
  89.                 <div class="form-group w-25">
  90.                     <h:outputLabel for="lastName" value="Last Name "/>
  91.                     <h:inputText value="#{employeeRegisterBeen.registerBindingModel.lastName}" class="form-control" id="lastName" placeholder="Last Name..." />
  92.                 </div>
  93.                 <div class="form-group w-25">
  94.                     <h:outputLabel for="position" value="Position"/>
  95.                     <h:inputText value="#{employeeRegisterBeen.registerBindingModel.position}" class="form-control" id="position" placeholder="Position..." />
  96.                 </div>
  97.             </div>
  98.             <div class="numbers-holders d-flex justify-content-between">
  99.                 <div class="form-group w-25">
  100.                     <h:outputLabel for="salary" value="Salary"/>
  101.                     <p:inputNumber value="#{employeeRegisterBeen.registerBindingModel.salary}" class="form-control" id="salary" placeholder="Salary..." />
  102.                 </div>
  103.                 <div class="form-submit-holder d-flex justify-content-center w-25">
  104.                     <h:commandButton action="#{employeeRegisterBeen.register}"
  105.                                     class="btn btn-success mt-4 mb-3 mx-auto w-100" value="Register" />
  106.                 </div>
  107.                 <div class="form-group w-25">
  108.                     <h:outputLabel for="age" value="Age"/>
  109.                     <p:inputNumber value="#{employeeRegisterBeen.registerBindingModel.age}" class="form-control" id="age" placeholder="Age..." />
  110.                 </div>
  111.             </div>
  112.         <h:form />
  113.         <hr style="height: 2px;" class="bg-dark"/>
  114.         <div class="d-flex justify-content-between">
  115.             <h5 class="w-50">Total Money Needed: $16900.00</h5>
  116.             <h5 class="w-50 text-right">Average Salary: $4225.00</h5>
  117.         </div>
  118.         <hr style="height: 2px;" class="bg-dark"/>
  119.     </div>
  120. </h:body>
  121.  
  122. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement