[UPDT] Index Updated 'hr_zk_attendance'

hr_zk_attendance/static/description/index.html

@@ -1,4 +1,4 @@
-<div class="row" style="margin: 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4;text-align: center; margin: auto; display: flex;justify-content: center;">  <a  href="https://www.cybrosys.com/" target="_blank"><img src="images/cybrosys.png" style=" width: 293px; padding: 1rem 0rem; margin: auto" alt="cybrosys-logo"></a> </div>
+   <div class="row" style="margin: 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4;text-align: center; margin: auto; display: flex;justify-content: center;">  <a  href="https://www.cybrosys.com/" target="_blank"><img src="images/cybrosys.png" style=" width: 293px; padding: 1rem 0rem; margin: auto" alt="cybrosys-logo"></a> </div>
 <div class="row" style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;">
    <div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px">
       <div style=" margin: 0 0 0px;padding: 20px 0 10;font-size: 23px;line-height: 35px;font-weight: 400;color: #000;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.11);text-align: left;">
@@ -15,8 +15,7 @@
          <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> This module will support with ZKteco model 'uFace 202', ZKteco model 'iFace990'  </li>
       </ul>
     </div>
-	
-	<div class="col-md-5 col-sm-12 col-xs-12"> <img src="images/attendance.png" class="img-responsive" alt=""> </div>
+	<div class="col-md-5 col-sm-12 col-xs-12"><img src="images/employee.png" class="img-responsive" alt=""></div>
 </div>
 
 <div>
@@ -84,38 +83,49 @@
                               <div class="carousel-inner">
                                  <div class="carousel-item active" style="min-height: 0px;">
                                     <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Create a normal order. </h3>
-                                      
-                                   
-                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/normal order.png"> </div>
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Biometric Device Configuration </h3>
+                                          <p>Here you can configure your all devices with it's IP address and port number. </p>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/bio_att_log.png"> </div>
                                     </div>
                                   </div>
                                  
                                  <div class="carousel-item" style="min-height: 0px;">
                                     <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Click on Return button In order to return products. </h3>
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Download/Clear Device Attendance Log </h3>
+                                          <p> After configuration, you can download your device attendance log into Odoo through 'Download' button.If the device is connected, then the Odoo will download all device attendance log. Otherwise, the Odoo will display you a warning message as follow. </p>
                                       
-                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/return click.png"> </div>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/download.png"> </div>
+
+                                       <p> You can also clear all attendance log from both Odoo and device via 'Clear' button. If the device is not connected it will display you a warning message as follow. </p>
+
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/clear.png"> </div>
+
                                     </div>
                                  </div>
+                                 
                                  <div class="carousel-item" style="min-height: 0px;">
                                     <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Select the order and click on Return. </h3>
-                                    <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/order log to return.png"> </div>
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Biometric Device Attendance Log </h3>
+                                          <p>Here you can see all device attendance log </p>
+                                    <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/biometric log.png"> </div>
                                     </div>
                                  </div>
 
                                  <div class="carousel-item" style="min-height: 0px;">
                                     <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Return some of the products.  </h3>
-                                    <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/return order.png"> </div>
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">HR Attendance </h3>
+                                          <p> Here, Odoo automatically generates HR attendance log while downloading the device attendance. </p>
+                                    <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/attendance log.png"> </div>
                                     </div>
                                  </div>
 
                                  <div class="carousel-item" style="min-height: 0px;">
                                     <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
-                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> We get the return reference and status of the return from backend also.  </h3>
-                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/return status.png"> </div>    
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Employee Configuration </h3>
+                                          <p>You can update existing employees with the 'Device Id' which are the id in the biometric device. If there is no match with the biometric device id then system will automatically create corresponding employee. </p>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/employee badge id.png"> </div>  
+                                          <p> Note:- This integration is only applicable for the device ZKteco model 'uFace 202'
+                                          Please install zklib library (sudo pip install zklib) </p>  
                                     </div>
                                  </div>
                               </div>