13.0

backend_theme_v12/__manifest__.py → backend_theme_v13/__manifest__.py

@@ -1,15 +1,15 @@
 # -*- coding: utf-8 -*-
-# Copyright 2016, 2019 Openworx
+# Copyright 2016, 2020 Openworx - Mario Gielissen
 # License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl.html).
 
 {
-    "name": "Openworx Material Backend Theme V12",
-    "summary": "Openworx Material Backend Theme V12	",
-    "version": "12.0.0.1",
+    "name": "Openworx Material Backend Theme V13",
+    "summary": "Openworx Material Backend Theme V13",
+    "version": "13.0.0.3",
     "category": "Theme/Backend",
     "website": "http://www.openworx.nl",
 	"description": """
-		Openworx Material Backend theme for Odoo 12.0 community edition.
+		Openworx Material Backend theme for Odoo 13.0 community edition.
     """,
 	'images':[
         'images/screen.png'
@@ -26,10 +26,9 @@
         'views/assets.xml',
 		'views/res_company_view.xml',
 		'views/users.xml',
-        'views/sidebar.xml',
-		#'views/web.xml',
+        	'views/sidebar.xml',
     ],
-    'live_test_url': 'https://youtu.be/JX-ntw2ORl8'
+    #'live_test_url': 'https://youtu.be/JX-ntw2ORl8'
 
 }
 

backend_theme_v12/controllers/main.py → backend_theme_v13/controllers/main.py

@@ -6,7 +6,7 @@
 from odoo.http import Controller, request, route
 from werkzeug.utils import redirect
 
-DEFAULT_IMAGE = '/backend_theme_v12/static/src/img/material-background.jpg'
+DEFAULT_IMAGE = '/backend_theme_v13/static/src/img/material-background.png'
 
 class DasboardBackground(Controller):
 

backend_theme_v12/models/__init__.py → backend_theme_v13/models/__init__.py

@@ -1,3 +1,4 @@
 # -*- coding: utf-8 -*-
 from . import res_company
-from . import res_users
+from . import res_users
+

openworx_backend_theme/static/description/index.html → backend_theme_v13/static/description/index.html

@@ -1,15 +1,13 @@
 <section class="oe_container">
     <div class="oe_row oe_spaced">
 		<div class="oe_span12">
-			<h1 class="oe_slogan" style="color:#337ab7;">Openworx Backend Theme</h1>
-			<h2 class="oe_slogan">The first Odoo 12.0 community backend theme</h2>
+			<h1 class="oe_slogan" style="color:#337ab7;">Openworx Material Backend Theme</h1>
+			<h2 class="oe_slogan">The most popular backend theme for Odoo 13.0 Community</h2>
 			<div class="oe_screenshot" style="text-align: center;">
-				<h3 class="oe_slogan" style="color:#337ab7;">Enterprise look'n'feel and App Sidebar</h3>
-				<img style="max-width: 100%;" src="contacts.png"/><br><br>
-				<h3 class="oe_slogan" style="color:#337ab7;">Side Chatter on widescreen</h3>
-				<img style="max-width: 100%;" src="sidechatter.png"/><br><br>
-				<h3 class="oe_slogan" style="color:#337ab7;">CRM</h3>
-				<img style="max-width: 100%;" src="crm.png"/><br><br>
+				<h3 class="oe_slogan" style="color:#337ab7;">Enterprise look'n'feel App dashboard</h3>
+				<img style="max-width: 100%;" src="screenshot1.png"/><br><br>
+				<h3 class="oe_slogan" style="color:#337ab7;">Formview</h3>
+				<img style="max-width: 100%;" src="screenshot2.png"/><br><br>
 			</div>
 		</div>
 	</div>
@@ -22,6 +20,7 @@ <h3 class="oe_slogan" style="color:#337ab7;">CRM</h3>
     <div class="oe_row">
         <div class="oe_span12">
             <div class="oe_centeralign">
+                <p>You can change the App dashboard background under Company Settings.</p>
                 <p>Remark: It is possible that the Odoo service needs to be restarted after install.</p>
             </div>
         </div>	
@@ -38,7 +37,7 @@ <h3 class="oe_slogan" style="color:#337ab7;">CRM</h3>
             <h3>Help & Support</h3>	
             <br/>	
                 Website: <a href="https://www.openworx.nl" target="_blank">Openworx</a><br/>	
-                Contact: <a href="mailto:[email protected]" subject="Material/United Backend Theme v11">Email Support</a><br/>	
+                Contact: <a href="mailto:[email protected]" subject="Material Backend Theme v12">Email Support</a><br/>	
             <br/>	
         </div>	
     </div>	

backend_theme_v12/static/src/js/sidebar-toggle.js → backend_theme_v13/static/src/js/sidebar-toggle.js

@@ -1,7 +1,7 @@
 /* Copyright 2017 Openworx.
  * License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). */
 
-odoo.define('backend_theme_v12.sidebar-toggle', function (require) {
+odoo.define('backend_theme_v13.sidebar-toggle', function (require) {
     "use strict";
 
     var session = require('web.session');

backend_theme_v12/static/src/js/sidebar.js → backend_theme_v13/static/src/js/sidebar.js

@@ -2,7 +2,7 @@
  * License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). */
 
 // Check if debug mode is active and then add debug into URL when clicking on the App sidebar
-odoo.define('backend_theme_v12.Sidebar', function(require) {
+odoo.define('backend_theme_v13.Sidebar', function(require) {
     "use strict";
     var core = require('web.core');
     var session = require('web.session');

backend_theme_v13/static/src/scss/colors.scss

@@ -0,0 +1,2 @@
+$brand-primary: #008DCA;
+$brand-secondary: #5EC269;

backend_theme_v12/static/src/scss/sidebar.scss → backend_theme_v13/static/src/scss/sidebar.scss

@@ -8,7 +8,8 @@ $odoo-sidebar-width: 180px;
 .app-sidebar-panel {
 	flex: 0 0 $odoo-sidebar-width;	
     background-color: $gray-base;
-    height: 100% !important;
+    height: calc(100% - 46px) !important;
+    //height: 100% !important;
     overflow-y: auto;
     @media (max-width: 768px) {
       display: none;
@@ -65,5 +66,5 @@ $odoo-sidebar-width: 180px;
 }
 
 .toggle-sidebar {
-    margin-left: 0px - $odoo-sidebar-width;
-}
+    display: none;
+}

backend_theme_v12/static/src/scss/style.scss → backend_theme_v13/static/src/scss/style.scss

@@ -4,7 +4,7 @@
 
 @font-face {
     font-family: Roboto;
-    src: url(/backend_theme_v12/static/src/font/Roboto-Regular.ttf)
+    src: url(/backend_theme_v13/static/src/font/Roboto-Regular.ttf)
 }
 
 
@@ -15,18 +15,6 @@ $gray:                   #777;
 $gray-light:             #AEA79F;
 $gray-lighter: lighten($gray-base, 93.5%);
 
-
-// Change colors here
-
-// Odoo EE colors
-//$brand-primary: #875a7b;
-//$brand-secondary: #00A09D;
-//------------------------
-$brand-primary: #008DCA;
-$brand-secondary: #5EC269;
-//------------------------
-
-
 $brand-primary-dark: darken($brand-primary, 10%);
 $brand-secondary-dark: darken($brand-secondary, 10%);
 
@@ -60,6 +48,31 @@ body {
 
 }
 
+//.app-sidebar {
+//    display: none;
+//}
+
+// Sidebar
+html .o_web_client {
+    flex-flow: row wrap;
+
+    >header {
+        flex: 0 0 100%;
+    }
+
+    >.o_action_manager {
+        @media (max-width: 768px) {
+            flex: 0 0 100%;
+        }
+        flex: 0 0 calc(100% - 180px);
+        height: calc(100% - 46px) !important;
+    }
+
+    .toggle-sidebar~.o_action_manager {
+        flex: 0 0 100%;
+    }
+}
+
 // Fix color Add file button
 .o_control_panel .o_cp_sidebar .o_hidden_input_file .o_form_binary_form span {
     color: $gray-dark !important;
@@ -140,6 +153,11 @@ oe_highlight {
     color: $brand-primary !important;
 }
 
+// Badges
+
+.badge {
+    border: 1px solid $brand-secondary;
+}
 
 // Calendar
 
@@ -360,10 +378,20 @@ textarea, select, .o_form_view.o_form_editable .o_form_field_many2manytags,
 // App Dashboard
 
 .o_menu_apps .dropdown-menu.show {
-	background: transparent url('/dashboard') no-repeat scroll center center / cover;
-
+    background: url(/dashboard);
+    background-origin: border-box;
+    background-size: cover;
+    height: calc(100vh);
+    max-height: calc(100vh);
+    border-top: $o-navbar-height solid transparent;
+    top: 0 !important;
 }
 
+.o_main_navbar > ul.o_menu_systray {
+    float: right;
+    position: relative;
+    z-index: 200;
+}
 
 .fa-th-large::before {
     content: "\f00a";
@@ -373,6 +401,8 @@ textarea, select, .o_form_view.o_form_editable .o_form_field_many2manytags,
     width: 46px;
     font-size: 18px;
     text-align: center;
+    position: relative;
+    z-index: 200;
 }
 
 .o-app-name {
@@ -405,4 +435,4 @@ textarea, select, .o_form_view.o_form_editable .o_form_field_many2manytags,
 
 .o_thread_window .o_thread_window_header {
 	background-color: $brand-primary;
-}
+}

backend_theme_v12/views/assets.xml → backend_theme_v13/views/assets.xml

@@ -10,10 +10,11 @@
     <data>
 		<template id="assets_backend" name="Openworx Backend Theme" inherit_id="web.assets_backend">
 		<xpath expr=".">
-                <link rel="stylesheet" href="/backend_theme_v12/static/src/scss/style.scss"/>
-				<link rel="stylesheet" href="/backend_theme_v12/static/src/scss/sidebar.scss"/>
-				<script type="application/javascript" src="/backend_theme_v12/static/src/js/sidebar.js"/>
-				<script type="application/javascript" src="/backend_theme_v12/static/src/js/sidebar-toggle.js"/>
+                <link rel="stylesheet" href="/backend_theme_v13/static/src/scss/colors.scss"/>
+                <link rel="stylesheet" href="/backend_theme_v13/static/src/scss/style.scss"/>
+				<link rel="stylesheet" href="/backend_theme_v13/static/src/scss/sidebar.scss"/>
+				<script type="application/javascript" src="/backend_theme_v13/static/src/js/sidebar.js"/>
+				<script type="application/javascript" src="/backend_theme_v13/static/src/js/sidebar-toggle.js"/>
 			</xpath>
 		</template>
     </data>

backend_theme_v12/views/sidebar.xml → backend_theme_v13/views/sidebar.xml

@@ -8,7 +8,7 @@
 
 <odoo>
     <template id="app_sidebar" inherit_id="web.webclient_bootstrap" name="Apps Sidebar">
-        <xpath expr="//div[hasclass('o_main')]//main[hasclass('o_main_content')]" position="before">
+        <xpath expr="//t[@t-set='body_classname']" position="after">
             <div id="app-sidebar" class="app-sidebar-panel">
 <!--                <div class="app-sidebar navbar-collapse collapse"> -->
 		    <div class="app-sidebar">