diff options
| author | Dhawal Limbuwala <dli@odoo.com> | 2017-12-05 10:15:18 +0100 |
|---|---|---|
| committer | Yannick Tivisse <yti@odoo.com> | 2017-12-05 13:13:23 +0100 |
| commit | 4764cae315af2c0886d7dbacca79071cacd16ebe (patch) | |
| tree | b1862df06e8ac443441a799941372429502b2ca7 /addons/website/static/src/xml | |
| parent | 595a7b9c1b3ca55ab6f2f277f853252ff6f4414a (diff) | |
[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
Diffstat (limited to 'addons/website/static/src/xml')
| -rw-r--r-- | addons/website/static/src/xml/website.backend.xml | 60 |
1 files changed, 44 insertions, 16 deletions
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 && 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 && 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 && 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 && 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> |