From 4764cae315af2c0886d7dbacca79071cacd16ebe Mon Sep 17 00:00:00 2001
From: Dhawal Limbuwala <dli@odoo.com>
Date: Tue, 5 Dec 2017 10:15:18 +0100
Subject: [IMP] website(_sale): Improve UX for the website dashboard

Purpose
=======

There are some usability issues in the website dashboard

Specification
=============

1/ Move button 'Go to Website' in the header
2/ Hide the action button bar if there's nothing in it
3/ Align the labels in the graph's legend
4/ Make the legend labels and display more obvious
5/ Modify the graph colors to be more readable
6/ Remove margins around todo buttons
---
 addons/website/static/src/xml/website.backend.xml | 60 +++++++++++++++++------
 1 file changed, 44 insertions(+), 16 deletions(-)

(limited to 'addons/website/static/src/xml/website.backend.xml')

diff --git a/addons/website/static/src/xml/website.backend.xml b/addons/website/static/src/xml/website.backend.xml
index bc7248bbcf4..cbddc2840b9 100644
--- a/addons/website/static/src/xml/website.backend.xml
+++ b/addons/website/static/src/xml/website.backend.xml
@@ -9,7 +9,7 @@
         <div class="o_dashboards">
             <div class="container-fluid o_website_dashboard">
                 <t t-call="website.dashboard_header"/>
-                <div class="o_website_dashboard_content"/>
+                <t t-call="website.dashboard_content"/>
             </div>
         </div>
     </t>
@@ -18,21 +18,23 @@
         <div class="row o_dashboard_common"/>
     </t>
 
-    <t t-name="website.dashboard_visits">
-        <div class="row o_dashboard_visits" t-if="widget.groups.website_designer">
-            <div class="col-xs-12 o_box">
-                <h2>Visits</h2>
-                <div t-if="widget.dashboards_data.visits &amp;&amp; widget.dashboards_data.visits.ga_client_id">
-                    <div class="row js_analytics_components"/>
-                    <a href="#" class="js_link_analytics_settings">Edit my Analytics Client ID</a>
-                </div>
-                <div t-if="!(widget.dashboards_data.visits &amp;&amp; widget.dashboards_data.visits.ga_client_id)" class="col-md-12">
-                    <div class="o_demo_background">
-                        <div class="o_layer">
-                        </div>
-                        <div class="o_buttons text-center">
-                            <h3>There is no data currently available.</h3>
-                            <button class="btn btn-sm btn-primary js_link_analytics_settings center-block mb8">Link my Analytics Account</button>
+    <t t-name="website.dashboard_content">
+        <div class="o_website_dashboard_content">
+            <div class="row o_dashboard_visits" t-if="widget.groups.website_designer">
+                <div class="col-xs-12 o_box">
+                    <h2>Visits</h2>
+                    <div t-if="widget.dashboards_data.visits &amp;&amp; widget.dashboards_data.visits.ga_client_id">
+                        <div class="row js_analytics_components"/>
+                        <a href="#" class="js_link_analytics_settings">Edit my Analytics Client ID</a>
+                    </div>
+                    <div t-if="!(widget.dashboards_data.visits &amp;&amp; widget.dashboards_data.visits.ga_client_id)" class="col-md-12">
+                        <div class="o_demo_background">
+                            <div class="o_layer">
+                            </div>
+                            <div class="o_buttons text-center">
+                                <h3>There is no data currently available.</h3>
+                                <button class="btn btn-sm btn-primary js_link_analytics_settings center-block mb8">Link my Analytics Account</button>
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -66,4 +68,30 @@
         </div>
     </t>
 
+    <t t-name="website.SalesChartTooltip">
+        <table>
+            <thead>
+                <tr><td colspan="3"><strong><t t-esc="chartData.series[0].key"/></strong></td></tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td class="legend-color-guide"><div class="o_legend0"/></td>
+                    <td class="key o_tooltip_key"><t t-esc="format.date(moment(chartData.value))"/></td>
+                    <td class="value"><t t-esc="format.float(chartData.series[0].data[1])"/></td>
+                </tr>
+                <tr>
+                    <td class="legend-color-guide"><div class="o_legend1"/></td>
+                    <td class="key o_tooltip_key"><t t-esc="format.date(moment(chartData.value).subtract(1, dateRange))"/></td>
+                    <td class="value"><t t-esc="format.float(chartData.series[1].data[1])"/></td>
+                </tr>
+            </tbody>
+        </table>
+    </t>
+
+    <t t-name="website.GoToButtons">
+        <a href="/" class="btn btn-primary" title="Go to Website">
+            Go to Website
+        </a>
+    </t>
+
 </templates>
-- 
cgit v1.2.3