rehauled time and added more timezones

eww/eww.yuck

@@ -5,21 +5,8 @@
 ;; left
 
 
-(defwidget time []
+
-    (box
+
-        :class "barbox"
-        :space-evenly false
-        :spacing 3
-        (space)
-        (eventbox
-            :onclick ``
-            :class "smallBox"
-            :valign "center"
-            :height 20
-            :width 70
-            (label
-                :text "${formattime(EWW_TIME, "%H:%M:%S")}"))
-            (space)))
 
 ;; center
 
@@ -105,23 +92,17 @@
 ;; Widget blocks
 
 (defwidget media []
-    (box
-        :class "barbox"
-        :visible {media.status == "Playing" ? true : false}
-        :spacing 3
-        :space-evenly false
-        :halign "end"
-        :valign "center"
-        :height 30
-        (space)
         (box
             :class "smallBox"
             :height 20
             :valign "center"
+            :spacing 1
+            :space-evenly false
+            (space)
             (label
                 :text {media.name}
                 :tooltip {media.name}
-                :truncate true))
+                :truncate true)
             (space)))
 
 (defwidget processing []
@@ -195,6 +176,31 @@
             (power)
             (smallSpacer))))
 
+;; Boxes
+
+(defwidget timeBox []
+    (box
+        :class "barbox"
+        :spacing 3
+        :space-evenly false
+        :halign "end"
+        :valign "center"
+        :height 30
+        (testtime)))
+
+(defwidget mediaBox []
+    (box
+        :class "barbox"
+        :visible {media.status == "Playing" ? true : false}
+        :spacing 3
+        :space-evenly false
+        :halign "end"
+        :valign "center"
+        :height 30
+            (space)
+            (media)
+            (space)))
+
 
 (defwidget start []
     (box
@@ -204,9 +210,9 @@
         :halign "start"
         :valign "center"
         :spacing 3
-        (time)
+        (timeBox)
-        (media)
+        (mediaBox)
-        (space)))
+        (box)))
 
 (defwidget center [monitor]
     (box
@@ -249,6 +255,19 @@
         (space)))
 
 (defwidget end []
+    (box
+        :orientation "h"
+        :space-evenly false
+        :spacing 3
+        :height  30
+        :valign "center"
+        :halign "end"
+        (testtime
+            :name "US East"
+            :timezone "EST")
+        (testtime
+            :name "Asia"
+            :timezone "Asia/Seoul")
         (box
 	    :class "barbox"
             :spacing 2
@@ -257,6 +276,7 @@
             :height  30
             :valign "center"
             :halign "end"
+            
             (space)
 ;;            (systray
 ;;                :spacing 2
@@ -280,7 +300,7 @@
 
             (energy)
 
-        (space)))
+            (space))))
 
 (defwidget bar [monitor]
     (centerbox

eww/templates.yuck

@@ -86,3 +86,26 @@
             :valign "center"
             :text "|"
             )))
+
+(defwidget testtime [?name ?icon ?timezone]
+    (box
+        :class "barbox"
+        :space-evenly false
+        :spacing 3
+        (space)
+        (box
+            :onclick ``
+            :class "smallBox"
+            :spacing 1
+            :space-evenly false
+            :valign "center"
+            :height 20
+            (space)
+            (eventbox
+                (label
+                    :truncate {name != "" ? true : false }
+                    :truncate-left {name != "" ? true : false }
+                    :text {timezone != "" ? "${name} ${formattime(EWW_TIME, "%H:%M", timezone)}" : "${formattime(EWW_TIME, "%H:%M:%S")}"}
+                    :tooltip {timezone != "" ? "${formattime(EWW_TIME, "%A %d.%m.%G", timezone)}" : "${formattime(EWW_TIME, "%A %d.%m.%G")}"}))
+            (space))
+        (space)))