From de26abf214c451a11a6dce074928b2fdd074f4ff Mon Sep 17 00:00:00 2001
From: Pierre Paridans <app@odoo.com>
Date: Wed, 30 Jan 2019 12:27:35 +0000
Subject: [PATCH] [IMP] board: single column layout on mobile

Improve the dashboard app on mobile by :

- Hide the change layout button
- Force one column view layout

Task Id: 1904747
---
 addons/board/static/src/js/board_view.js |  3 ++-
 addons/board/static/src/xml/board.xml    | 17 +++++++++++------
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/addons/board/static/src/js/board_view.js b/addons/board/static/src/js/board_view.js
index da8384f940f..0d9c90beb0e 100644
--- a/addons/board/static/src/js/board_view.js
+++ b/addons/board/static/src/js/board_view.js
@@ -2,6 +2,7 @@ odoo.define('board.BoardView', function (require) {
 "use strict";
 
 var Context = require('web.Context');
+var config = require('web.config');
 var core = require('web.core');
 var dataManager = require('web.data_manager');
 var Dialog = require('web.Dialog');
@@ -333,7 +334,7 @@ var BoardRenderer = FormRenderer.extend({
             });
         });
 
-        var $html = $('<div>').append($(QWeb.render('DashBoard', {node: node})));
+        var $html = $('<div>').append($(QWeb.render('DashBoard', {node: node, isMobile: config.device.isMobile})));
 
         // render each view
         _.each(this.actionsDescr, function (action) {
diff --git a/addons/board/static/src/xml/board.xml b/addons/board/static/src/xml/board.xml
index 4e6f65a7803..0f97fb36e2c 100644
--- a/addons/board/static/src/xml/board.xml
+++ b/addons/board/static/src/xml/board.xml
@@ -1,12 +1,17 @@
 <?xml version="1.0" encoding="utf-8"?>
 <template>
 <t t-name="DashBoard">
-    <div class="oe_dashboard_links">
-        <button type="button" class="button oe_dashboard_link_change_layout" title="Change Layout..">
-            <img src="/board/static/src/img/layout_1-1-1.png" width="16" height="16" alt=""/>
-            <span> Change Layout </span>
-        </button>
-    </div>
+    <t t-if="isMobile">
+        <t t-set="node.attrs.layout" t-value="1"/>
+    </t>
+    <t t-if="!isMobile">
+        <div class="oe_dashboard_links">
+            <button type="button" class="button oe_dashboard_link_change_layout" title="Change Layout..">
+                <img src="/board/static/src/img/layout_1-1-1.png" width="16" height="16" alt=""/>
+                <span> Change Layout </span>
+            </button>
+        </div>
+    </t>
     <table t-att-data-layout="node.attrs.layout" t-attf-class="oe_dashboard oe_dashboard_layout_#{node.attrs.layout}" cellspacing="0" cellpadding="0" border="0">
     <tr>
         <td t-foreach="node.children" t-as="column" t-if="column.tag == 'column'"