From bd71cfd241eb379cb33cd5559798afe6d8c8f3d9 Mon Sep 17 00:00:00 2001
From: Phyo <phyo.theingi@code2lab.com>
Date: Wed, 21 Jun 2017 13:21:40 +0630
Subject: [PATCH] Clock Reality in Origami

---
 app/views/layouts/_header_orgiami.html.erb | 28 +++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/app/views/layouts/_header_orgiami.html.erb b/app/views/layouts/_header_orgiami.html.erb
index 9fc53f02..0ae18ff5 100644
--- a/app/views/layouts/_header_orgiami.html.erb
+++ b/app/views/layouts/_header_orgiami.html.erb
@@ -1,7 +1,7 @@
 <div class="container-fluid" style="min-height:30px; padding-left:0px !important; padding-right:0px !important; background:#54A5AF; margin-bottom:5px">
     <div style="padding-top:5px;padding-bottom:5px;margin-left:15px; margin-right:15px;">
       <div style="float:left;margin-top:3px;text-align:left;color:#ffffff">
-         <strong>Cashier Station 1 - <%= Time.now.strftime('%a, %d %b %Y %H:%M:%S %p') %></strong>
+         <strong>Cashier Station 1 - <span id="clockbox"></span></strong>
       </div>
       <div style="float:right; margin-top:3px; text-align:right;width:200px;color:#ffffff">
         <% if current_login_employee %>
@@ -10,3 +10,29 @@
       </div>
    </div>
 </div>
+<script type="text/javascript">
+tday=new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");
+tmonth=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
+
+function GetClock(){
+var d=new Date();
+var nday=d.getDay(),nmonth=d.getMonth(),ndate=d.getDate(),nyear=d.getFullYear();
+var nhour=d.getHours(),nmin=d.getMinutes(),nsec=d.getSeconds(),ap;
+
+if(nhour==0){ap=" AM";nhour=12;}
+else if(nhour<12){ap=" AM";}
+else if(nhour==12){ap=" PM";}
+else if(nhour>12){ap=" PM";nhour-=12;}
+
+if(nmin<=9) nmin="0"+nmin;
+if(nsec<=9) nsec="0"+nsec;
+
+document.getElementById('clockbox').innerHTML=""+tday[nday]+", "+tmonth[nmonth]+" "+ndate+", "+nyear+" "+nhour+":"+nmin+":"+nsec+ap+"";
+}
+
+window.onload=function(){
+GetClock();
+setInterval(GetClock,1000);
+}
+</script>
+<div id="clockbox"></div>