解决冲突

web_environment_ribbon/static/src/css/ribbon.css

@@ -0,0 +1,36 @@
+/* Copyright 2015 Francesco OpenCode Apruzzese <cescoap@gmail.com>
+   Copyright 2017 Thomas Binsfeld <thomas.binsfeld@acsone.eu>
+   Copyright 2021 Andreas Perhab <a.perhab@wtioit.at>
+ * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl). */
+
+.test-ribbon {
+    width: 300px;
+    top: 25px;
+    left: -100px;
+    text-align: center;
+    padding: 10px;
+    line-height: 20px;
+    letter-spacing: 1px;
+    color: #f0f0f0;
+    -webkit-transform: rotate(-45deg);
+    -ms-transform: rotate(-45deg);
+    -moz-transform: rotate(-45deg);
+    -o-transform: rotate(-45deg);
+    transform: rotate(-45deg);
+    z-index: 9999;
+    position: fixed;
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
+    background: rgba(255, 0, 0, 0.6);
+    pointer-events: none;
+}
+
+.test-ribbon b {
+    font-size: 20px;
+}
+
+header:hover ~ .test-ribbon,
+nav:hover ~ .test-ribbon {
+    /* Ease out ribbon when user is using the navigation in Odoo */
+    opacity: 0;
+    transition: 0.2s ease;
+}

web_environment_ribbon/static/src/js/ribbon.js

@@ -0,0 +1,62 @@
+/* Copyright 2015 Sylvain Calador <sylvain.calador@akretion.com>
+   Copyright 2015 Javi Melendez <javi.melendez@algios.com>
+   Copyright 2016 Antonio Espinosa <antonio.espinosa@tecnativa.com>
+   Copyright 2017 Thomas Binsfeld <thomas.binsfeld@acsone.eu>
+   Copyright 2017 Xavier Jiménez <xavier.jimenez@qubiq.es>
+   License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl). */
+
+odoo.define("web_environment_ribbon.ribbon", function (require) {
+    "use strict";
+    var rpc = require("web.rpc");
+    var core = require("web.core");
+
+    // Code from: http://jsfiddle.net/WK_of_Angmar/xgA5C/
+    function validStrColour(strToTest) {
+        if (strToTest === "") {
+            return false;
+        }
+        if (strToTest === "inherit") {
+            return true;
+        }
+        if (strToTest === "transparent") {
+            return true;
+        }
+        var image = document.createElement("img");
+        image.style.color = "rgb(0, 0, 0)";
+        image.style.color = strToTest;
+        if (image.style.color !== "rgb(0, 0, 0)") {
+            return true;
+        }
+        image.style.color = "rgb(255, 255, 255)";
+        image.style.color = strToTest;
+        return image.style.color !== "rgb(255, 255, 255)";
+    }
+
+    core.bus.on("web_client_ready", null, function () {
+        var ribbon = $('<div class="test-ribbon hidden"/>');
+        $("body").append(ribbon);
+        ribbon.hide();
+        // Get ribbon data from backend
+        rpc.query({
+            model: "web.environment.ribbon.backend",
+            method: "get_environment_ribbon",
+        }).then(function (ribbon_data) {
+            // Ribbon name
+            if (ribbon_data.name && ribbon_data.name !== "False") {
+                ribbon.html(ribbon_data.name);
+                ribbon.show();
+            }
+            // Ribbon color
+            if (ribbon_data.color && validStrColour(ribbon_data.color)) {
+                ribbon.css("color", ribbon_data.color);
+            }
+            // Ribbon background color
+            if (
+                ribbon_data.background_color &&
+                validStrColour(ribbon_data.background_color)
+            ) {
+                ribbon.css("background-color", ribbon_data.background_color);
+            }
+        });
+    });
+});