0036731: Mobile Infrastructure should allow to add or overwrite css classes of main application container

# HG changeset patch
# User Guillermo Alvarez de Eulate <guillermo.alvarez@openbravo.com>
# Date 1500317664 -7200
# Node ID 3d1dde5c6f80ba27df01ce1df959114b414e0b82
# Parent  29c83fa3bf78738b5748af9fe37e8d21c5885ef9
[SCO] Allow to certain windows to add or overwrite css classes of main container

diff -r 29c83fa3bf78 -r 3d1dde5c6f80 web/org.openbravo.mobile.core/assets/css/ob-standard.css
--- a/web/org.openbravo.mobile.core/assets/css/ob-standard.css	Mon Jul 17 18:56:09 2017 +0200
+++ b/web/org.openbravo.mobile.core/assets/css/ob-standard.css	Mon Jul 17 20:54:24 2017 +0200
@@ -343,6 +343,10 @@
   padding: 0px 30px;
 }
 
+.pos-container .pos-container-top-separator{
+  height: 10px;
+}
+
 /*
    Media query for dynamic horizontal padding from 5px to 30px when
    the viewport aspect ratio goes from 5:4 (1.25) to 3:2 (1.5) respectively
diff -r 29c83fa3bf78 -r 3d1dde5c6f80 web/org.openbravo.mobile.core/source/component/ob-terminal-component.js
--- a/web/org.openbravo.mobile.core/source/component/ob-terminal-component.js	Mon Jul 17 18:56:09 2017 +0200
+++ b/web/org.openbravo.mobile.core/source/component/ob-terminal-component.js	Mon Jul 17 20:54:24 2017 +0200
@@ -23,7 +23,7 @@
   classes: 'pos-container',
   style: 'height:700px',
   components: [{
-    style: 'height: 10px;'
+    classes: 'pos-container-top-separator'
   }, {
     components: [{
       name: 'containerLoading',
diff -r 29c83fa3bf78 -r 3d1dde5c6f80 web/org.openbravo.mobile.core/source/model/ob-terminal-model.js
--- a/web/org.openbravo.mobile.core/source/model/ob-terminal-model.js	Mon Jul 17 18:56:09 2017 +0200
+++ b/web/org.openbravo.mobile.core/source/model/ob-terminal-model.js	Mon Jul 17 20:54:24 2017 +0200
@@ -1723,6 +1723,26 @@
       params: params
     });
 
+    //remove possible external classes
+    _.each(this.windows.models, function (win) {
+      if (win && win.get('containerCssClass')) {
+        if (OB.MobileApp.view.hasClass(win.get('containerCssClass'))) {
+          OB.MobileApp.view.removeClass(win.get('containerCssClass'));
+        }
+      }
+    });
+    //Add original css-class
+    if (!OB.MobileApp.view.hasClass('pos-container')) {
+      OB.MobileApp.view.addClass('pos-container');
+    }
+    //If window is overwritting container, remove original and put new one
+    if (windowObject && windowObject.get('containerCssClass')) {
+      if (windowObject.get('overwriteOriginalContainerCssClass')) {
+        OB.MobileApp.view.removeClass('pos-container');
+      }
+      OB.MobileApp.view.addClass(windowObject.get('containerCssClass'));
+    }
+
     OB.MobileApp.view.currentWindow = windowName;
   },