From daefd9e22bd4968172b66fedefff863c599081cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20=28avd=29?= <avd@odoo.com>
Date: Fri, 15 Jan 2021 16:08:52 +0000
Subject: [PATCH] [IMP] microsoft_calendar: change color of synched pill.

closes odoo/odoo#64660

Signed-off-by: Yannick Tivisse (yti) <yti@odoo.com>
---
 .../microsoft_calendar/static/src/js/microsoft_calendar.js   | 4 ++--
 .../static/src/scss/microsoft_calendar.scss                  | 5 +++++
 .../views/microsoft_calendar_templates.xml                   | 3 +++
 3 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 addons/microsoft_calendar/static/src/scss/microsoft_calendar.scss

diff --git a/addons/microsoft_calendar/static/src/js/microsoft_calendar.js b/addons/microsoft_calendar/static/src/js/microsoft_calendar.js
index 209ab8681dd..8753814363c 100644
--- a/addons/microsoft_calendar/static/src/js/microsoft_calendar.js
+++ b/addons/microsoft_calendar/static/src/js/microsoft_calendar.js
@@ -189,7 +189,7 @@ const MicrosoftCalendarRenderer = CalendarRenderer.include({
 
     _initMicrosoftPillButton: function() {
         this.$microsoftStopButton.css({"cursor":"pointer", "font-size":"0.9em"});
-        var switchBadgeClass = (elem) => {elem.toggleClass('badge-success'); elem.toggleClass('badge-danger');};
+        var switchBadgeClass = (elem) => {elem.toggleClass('badge-primary'); elem.toggleClass('badge-danger');};
         this.$('.o_stop_microsoft_sync_button').hover(() => {
             switchBadgeClass(this.$microsoftStopButton);
             this.$microsoftStopButton.html("<i class='fa mr-2 fa-times'/>".concat(_t("Stop the Synchronization")));
@@ -210,7 +210,7 @@ const MicrosoftCalendarRenderer = CalendarRenderer.include({
     _getMicrosoftStopButton: function () {
         return  $('<span/>', {
             html: _t("Synched with Outlook"),
-            class: 'w-100 badge badge-pill badge-success border-0 o_stop_microsoft_sync_button'
+            class: 'w-100 badge badge-pill badge-primary border-0 o_stop_microsoft_sync_button'
         })
         .prepend($('<i/>', {class: "fa mr-2 fa-check"}));
     },
diff --git a/addons/microsoft_calendar/static/src/scss/microsoft_calendar.scss b/addons/microsoft_calendar/static/src/scss/microsoft_calendar.scss
new file mode 100644
index 00000000000..49556614c52
--- /dev/null
+++ b/addons/microsoft_calendar/static/src/scss/microsoft_calendar.scss
@@ -0,0 +1,5 @@
+.o_calendar_sidebar {
+    .badge-primary {
+        background-color: $o-enterprise-primary-color;
+    }
+}
diff --git a/addons/microsoft_calendar/views/microsoft_calendar_templates.xml b/addons/microsoft_calendar/views/microsoft_calendar_templates.xml
index bed2c813842..7b338c22dc0 100644
--- a/addons/microsoft_calendar/views/microsoft_calendar_templates.xml
+++ b/addons/microsoft_calendar/views/microsoft_calendar_templates.xml
@@ -5,5 +5,8 @@
             <script type="text/javascript" src="/microsoft_calendar/static/src/js/microsoft_calendar_popover.js"></script>
             <script type="text/javascript" src="/microsoft_calendar/static/src/js/microsoft_calendar.js"></script>
         </xpath>
+        <xpath expr="link[last()]" position="after">
+            <link rel="stylesheet" type="text/scss" href="/microsoft_calendar/static/src/scss/microsoft_calendar.scss"/>
+        </xpath>
     </template>
 </odoo>