[IMP] Use a systray icon for timezone notification (less intrusive)

bzr revid: fme@openerp.com-20121129213743-w79fh583icui2h2l

addons/web/static/src/css/base.css

@@ -652,7 +652,7 @@
   cursor: pointer;
 }
 .openerp .oe_dropdown_toggle {
-  color: #4C4C4C;
+  color: #4c4c4c;
   font-weight: normal;
 }
 .openerp .oe_dropdown_hover:hover .oe_dropdown_menu, .openerp .oe_dropdown_menu.oe_opened {
@@ -795,6 +795,19 @@
 .openerp .oe_notification {
   z-index: 1050;
 }
+.openerp .oe_webclient_timezone_notification a {
+  color: white;
+  text-decoration: underline;
+}
+.openerp .oe_webclient_timezone_notification p {
+  margin-top: 1em;
+}
+.openerp .oe_webclient_timezone_notification dt {
+  font-weight: bold;
+}
+.openerp .oe_timezone_systray span {
+  margin-top: 1px;
+}
 .openerp .oe_login {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAKUlEQVQIHWO8e/fufwYsgAUkJigoiCIF5DMyoYggcUiXgNnBiGQKmAkARpcEQeriln4AAAAASUVORK5CYII=);
   text-align: center;

addons/web/static/src/css/base.sass

@@ -671,9 +671,21 @@ $sheet-padding: 16px
         border-bottom-right-radius: 8px
         border-bottom-left-radius: 8px
     // }}}
-    // Notification {{{
+    // Notifications {{{
     .oe_notification
         z-index: 1050
+    .oe_webclient_timezone_notification
+        a
+            color: white
+            text-decoration: underline
+        p
+            margin-top: 1em
+        dt
+            font-weight: bold
+    .oe_timezone_systray
+        span
+            margin-top: 1px
+            //background-color: white
     // }}}
     // Login {{{
     .oe_login

addons/web/static/src/js/chrome.js

@@ -1175,18 +1175,23 @@ instance.web.WebClient = instance.web.Client.extend({
             browser_offset += _.str.sprintf("%02d", Math.abs(offset / 60));
             browser_offset += _.str.sprintf("%02d", Math.abs(offset % 60));
             if (browser_offset !== user_offset) {
-                var notification = self.do_warn(_t("Timezone"), QWeb.render('WebClient.timezone_notification', {
-                    user_timezone: instance.session.user_context.tz || 'UTC',
-                    user_offset: user_offset,
-                    browser_offset: browser_offset,
-                }), true);
-                notification.element.find('.oe_webclient_timezone_notification').on('click', function() {
-                    notification.close();
-                }).find('a').on('click', function() {
-                    notification.close();
-                    self.user_menu.on_menu_settings();
-                    return false;
+                var $icon = $(QWeb.render('WebClient.timezone_systray'));
+                $icon.on('click', function() {
+                    var notification = self.do_warn(_t("Timezone"), QWeb.render('WebClient.timezone_notification', {
+                        user_timezone: instance.session.user_context.tz || 'UTC',
+                        user_offset: user_offset,
+                        browser_offset: browser_offset,
+                    }), true);
+                    notification.element.find('.oe_webclient_timezone_notification').on('click', function() {
+                        notification.close();
+                    }).find('a').on('click', function() {
+                        $icon.remove();
+                        notification.close();
+                        self.user_menu.on_menu_settings();
+                        return false;
+                    });
                 });
+                $icon.appendTo(self.$('.oe_systray'));
             }
         });
     },

addons/web/static/src/xml/base.xml

@@ -462,6 +462,11 @@
         <p><a href="#">Click here to change your user's timezone.</a></p>
     </div>
 </t>
+<t t-name="WebClient.timezone_systray">
+    <div class="oe_topbar_item oe_timezone_systray" title="Timezone offset mismatch">
+        <span class="ui-icon ui-state-error ui-icon-alert"/>
+    </div>
+</t>
 
 <t t-name="EmbedClient">
     <div class="openerp">