Changeset 13701

Timestamp:

05/13/12 15:25:41 (13 years ago)

Author:

tbretz

Message:

Improved the status line.

Location:

trunk/FACT++/www/shift

Files:

• calendar.css (modified) (2 diffs)
• calendar.js (modified) (2 diffs)

trunk/FACT++/www/shift/calendar.css

@@ -55 +55 @@
                                 font-size: 0.66em;
                                 line-height: 1.5em;
-                                width: 2.0em;
+                                /*width: 2.0em;*/
                                 padding-left: 0.6em; 
                                 padding-right: 0.6em; 
@@ -70 +70 @@
                         }
                         
-                        #calendar table tfoot td.calendar_week {
+                        #calendar table tfoot td.clock {
                                 text-align: left;
+                        }
+
+                        #calendar table tfoot td.logout {
+                                text-align: right;
                         }
                         

trunk/FACT++/www/shift/calendar.js

@@ -191 +191 @@
 
         tr = document.createElement("tr");
-        td = this.getCell( "td", "logout", "calendar_week");
-        td.onclick = function(e) { logout(); }
-        td.height="1%";
-        td.colSpan = 1;
-        tr.appendChild( td );
 
         var td = document.createElement("td");
         td.height="1%";
-        td.colSpan = 5;
+        td.colSpan=7;
+        tr.appendChild(td);
+
+        var tab = document.createElement("table");
+        var tr2 = document.createElement("tr");
+        tab.width="100%";
+        tab.cellSpacing=0;
+        tab.cellPadding=0;
+        tab.style.borderWidth = 0;
+        tab.style.fontSize = "1.5em";
+        tab.style.marginBottom = "2px";
+        td.appendChild(tab);
+        tab.appendChild(tr2);
+
+        var tm = this.getCell( "td", this.timeTrigger(), "clock" );
+        tm.style.whiteSpace="nowrap";
+        tm.style.paddingLeft = "0px";
+        tm.style.width="33%";
+        tr2.appendChild( tm );
+
+        var self = this;
+        window.setInterval(function() { tm.firstChild.nodeValue = self.timeTrigger(); }, 500);
+
+        var td = document.createElement("td");
+        td.style.width="33%";
         td.style.textAlign="center";
         var a = document.createElement("a");
         a.href = "overview.png";
+        a.style.whiteSpace="nowrap";
         a.appendChild(document.createTextNode("click here for help"));
         td.appendChild(a);
-        tr.appendChild( td );
-
-        td = this.getCell( "td", this.timeTrigger(), "clock" );
-        td.colSpan = 1;
-        td.height="1%";
-        tr.appendChild( td );
+        tr2.appendChild( td );
+
+        td = this.getCell( "td", "logout", "logout");
+        td.style.width="33%";
+        td.onclick = function(e) { logout(); }
+        td.style.paddingRight = "0px";
+        tr2.appendChild( td );
+
         tfoot.appendChild( tr );
 
-        var self = this;
-        window.setInterval(function() { td.firstChild.nodeValue = self.timeTrigger(); }, 500);
         return tfoot;
     }
@@ -709 +729 @@
         var hh  = (now.getHours()  <10)?"0"+now.getHours()  :now.getHours();
 
-        var kw = "KW\u00a0" + this.getCalendarWeek(this.year, this.month, this.date);
+        var kw = "KW" + this.getCalendarWeek(this.year, this.month, this.date);
         var str = hh+":"+mm+":"+ss+"\u00a0["+kw+"]";
         return str;