[init/add] generic backend theme

muk_web_theme-19/muk_web_refresh/LICENSE

@@ -0,0 +1,165 @@
+                   GNU LESSER GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+
+  This version of the GNU Lesser General Public License incorporates
+the terms and conditions of version 3 of the GNU General Public
+License, supplemented by the additional permissions listed below.
+
+  0. Additional Definitions.
+
+  As used herein, "this License" refers to version 3 of the GNU Lesser
+General Public License, and the "GNU GPL" refers to version 3 of the GNU
+General Public License.
+
+  "The Library" refers to a covered work governed by this License,
+other than an Application or a Combined Work as defined below.
+
+  An "Application" is any work that makes use of an interface provided
+by the Library, but which is not otherwise based on the Library.
+Defining a subclass of a class defined by the Library is deemed a mode
+of using an interface provided by the Library.
+
+  A "Combined Work" is a work produced by combining or linking an
+Application with the Library.  The particular version of the Library
+with which the Combined Work was made is also called the "Linked
+Version".
+
+  The "Minimal Corresponding Source" for a Combined Work means the
+Corresponding Source for the Combined Work, excluding any source code
+for portions of the Combined Work that, considered in isolation, are
+based on the Application, and not on the Linked Version.
+
+  The "Corresponding Application Code" for a Combined Work means the
+object code and/or source code for the Application, including any data
+and utility programs needed for reproducing the Combined Work from the
+Application, but excluding the System Libraries of the Combined Work.
+
+  1. Exception to Section 3 of the GNU GPL.
+
+  You may convey a covered work under sections 3 and 4 of this License
+without being bound by section 3 of the GNU GPL.
+
+  2. Conveying Modified Versions.
+
+  If you modify a copy of the Library, and, in your modifications, a
+facility refers to a function or data to be supplied by an Application
+that uses the facility (other than as an argument passed when the
+facility is invoked), then you may convey a copy of the modified
+version:
+
+   a) under this License, provided that you make a good faith effort to
+   ensure that, in the event an Application does not supply the
+   function or data, the facility still operates, and performs
+   whatever part of its purpose remains meaningful, or
+
+   b) under the GNU GPL, with none of the additional permissions of
+   this License applicable to that copy.
+
+  3. Object Code Incorporating Material from Library Header Files.
+
+  The object code form of an Application may incorporate material from
+a header file that is part of the Library.  You may convey such object
+code under terms of your choice, provided that, if the incorporated
+material is not limited to numerical parameters, data structure
+layouts and accessors, or small macros, inline functions and templates
+(ten or fewer lines in length), you do both of the following:
+
+   a) Give prominent notice with each copy of the object code that the
+   Library is used in it and that the Library and its use are
+   covered by this License.
+
+   b) Accompany the object code with a copy of the GNU GPL and this license
+   document.
+
+  4. Combined Works.
+
+  You may convey a Combined Work under terms of your choice that,
+taken together, effectively do not restrict modification of the
+portions of the Library contained in the Combined Work and reverse
+engineering for debugging such modifications, if you also do each of
+the following:
+
+   a) Give prominent notice with each copy of the Combined Work that
+   the Library is used in it and that the Library and its use are
+   covered by this License.
+
+   b) Accompany the Combined Work with a copy of the GNU GPL and this license
+   document.
+
+   c) For a Combined Work that displays copyright notices during
+   execution, include the copyright notice for the Library among
+   these notices, as well as a reference directing the user to the
+   copies of the GNU GPL and this license document.
+
+   d) Do one of the following:
+
+       0) Convey the Minimal Corresponding Source under the terms of this
+       License, and the Corresponding Application Code in a form
+       suitable for, and under terms that permit, the user to
+       recombine or relink the Application with a modified version of
+       the Linked Version to produce a modified Combined Work, in the
+       manner specified by section 6 of the GNU GPL for conveying
+       Corresponding Source.
+
+       1) Use a suitable shared library mechanism for linking with the
+       Library.  A suitable mechanism is one that (a) uses at run time
+       a copy of the Library already present on the user's computer
+       system, and (b) will operate properly with a modified version
+       of the Library that is interface-compatible with the Linked
+       Version.
+
+   e) Provide Installation Information, but only if you would otherwise
+   be required to provide such information under section 6 of the
+   GNU GPL, and only to the extent that such information is
+   necessary to install and execute a modified version of the
+   Combined Work produced by recombining or relinking the
+   Application with a modified version of the Linked Version. (If
+   you use option 4d0, the Installation Information must accompany
+   the Minimal Corresponding Source and Corresponding Application
+   Code. If you use option 4d1, you must provide the Installation
+   Information in the manner specified by section 6 of the GNU GPL
+   for conveying Corresponding Source.)
+
+  5. Combined Libraries.
+
+  You may place library facilities that are a work based on the
+Library side by side in a single library together with other library
+facilities that are not Applications and are not covered by this
+License, and convey such a combined library under terms of your
+choice, if you do both of the following:
+
+   a) Accompany the combined library with a copy of the same work based
+   on the Library, uncombined with any other library facilities,
+   conveyed under the terms of this License.
+
+   b) Give prominent notice with the combined library that part of it
+   is a work based on the Library, and explaining where to find the
+   accompanying uncombined form of the same work.
+
+  6. Revised Versions of the GNU Lesser General Public License.
+
+  The Free Software Foundation may publish revised and/or new versions
+of the GNU Lesser General Public License from time to time. Such new
+versions will be similar in spirit to the present version, but may
+differ in detail to address new problems or concerns.
+
+  Each version is given a distinguishing version number. If the
+Library as you received it specifies that a certain numbered version
+of the GNU Lesser General Public License "or any later version"
+applies to it, you have the option of following the terms and
+conditions either of that published version or of any later version
+published by the Free Software Foundation. If the Library as you
+received it does not specify a version number of the GNU Lesser
+General Public License, you may choose any version of the GNU Lesser
+General Public License ever published by the Free Software Foundation.
+
+  If the Library as you received it specifies that a proxy can decide
+whether future versions of the GNU Lesser General Public License shall
+apply, that proxy's public statement of acceptance of any version is
+permanent authorization for you to choose that version for the
+Library.

muk_web_theme-19/muk_web_refresh/__init__.py

@@ -0,0 +1 @@
+from .import models

muk_web_theme-19/muk_web_refresh/__manifest__.py

@@ -0,0 +1,44 @@
+{
+    'name': 'MuK Web Refresh', 
+    'summary': 'Automatically refresh any list or kanban view',
+    'description': '''
+        Activate the auto refresh button to reload the view every
+        30 seconds. The refresh will reload and update the data
+        of the view.
+    ''',
+    'version': '19.0.1.0.0',
+    'category': 'Tools/UI',
+    'license': 'LGPL-3', 
+    'author': 'MuK IT',
+    'website': 'http://www.mukit.at',
+    'live_test_url': 'https://youtu.be/LmDAgBBWZBQ',
+    'contributors': [
+        'Mathias Markl <mathias.markl@mukit.at>',
+    ],
+    'depends': [
+        'web',
+    ],
+    'assets': {
+        'web.assets_backend': [            
+            (
+                'after',
+                '/web/static/src/search/control_panel/control_panel.js',
+                '/muk_web_refresh/static/src/search/control_panel.js',
+            ),            
+            (
+                'after',
+                '/web/static/src/search/control_panel/control_panel.xml',
+                '/muk_web_refresh/static/src/search/control_panel.xml',
+            ),
+        ],
+        'web.assets_unit_tests': [
+            'muk_web_refresh/static/tests/**/*',
+        ],
+    },
+    'images': [
+        'static/description/banner.png',
+    ],
+    'installable': True,
+    'application': False,
+    'auto_install': False,
+}

muk_web_theme-19/muk_web_refresh/doc/changelog.rst

@@ -0,0 +1,4 @@
+`1.0.0`
+-------
+
+- Initial Release

muk_web_theme-19/muk_web_refresh/doc/index.rst

@@ -0,0 +1,56 @@
+===============
+MuK Web Refresh
+===============
+
+Activate the auto-refresh button to reload the view every 30 seconds. 
+The refresh will reload and update the view’s data. The refresh button 
+is visible in every list and kanban view, on the left side of the pager.
+
+Installation
+============
+
+To install this module, you need to:
+
+Download the module and add it to your Odoo addons folder. Afterward, log on to
+your Odoo server and go to the Apps menu. Trigger the debug mode and update the
+list by clicking on the "Update Apps List" link. Now install the module by
+clicking on the install button.
+
+Upgrade
+============
+
+To upgrade this module, you need to:
+
+Download the module and add it to your Odoo addons folder. Restart the server
+and log on to your Odoo server. Select the Apps menu and upgrade the module by
+clicking on the upgrade button.
+
+Configuration
+=============
+
+No additional configuration is needed to use this module.
+
+Usage
+=============
+
+In any view, click the refresh button to enable auto-refresh.
+
+Credits
+=======
+
+Contributors
+------------
+
+* Mathias Markl <mathias.markl@mukit.at>
+
+Author & Maintainer
+-------------------
+
+This module is maintained by the `MuK IT GmbH <https://www.mukit.at/>`_.
+
+MuK IT is an Austrian company specialized in customizing and extending Odoo.
+We develop custom solutions for your individual needs to help you focus on
+your strength and expertise to grow your business.
+
+If you want to get in touch please contact us via mail
+(sale@mukit.at) or visit our website (https://mukit.at).

muk_web_theme-19/muk_web_refresh/i18n/de.po

@@ -0,0 +1,31 @@
+# Translation of Odoo Server.
+# This file contains the translation of the following modules:
+# 	* muk_web_refresh
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: Odoo Server 19.0\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2025-11-26 13:24+0000\n"
+"PO-Revision-Date: 2025-11-26 13:24+0000\n"
+"Last-Translator: \n"
+"Language-Team: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#. module: muk_web_refresh
+#: model:ir.model.fields,field_description:muk_web_refresh.field_ir_http__display_name
+msgid "Display Name"
+msgstr "Anzeigename"
+
+#. module: muk_web_refresh
+#: model:ir.model,name:muk_web_refresh.model_ir_http
+msgid "HTTP Routing"
+msgstr "HTTP-Routing"
+
+#. module: muk_web_refresh
+#: model:ir.model.fields,field_description:muk_web_refresh.field_ir_http__id
+msgid "ID"
+msgstr "ID"

muk_web_theme-19/muk_web_refresh/models/__init__.py

@@ -0,0 +1 @@
+from . import ir_http

muk_web_theme-19/muk_web_refresh/models/ir_http.py

@@ -0,0 +1,20 @@
+from odoo import models
+
+
+class IrHttp(models.AbstractModel):
+
+    _inherit = 'ir.http'
+
+    #----------------------------------------------------------
+    # Functions
+    #----------------------------------------------------------
+    
+    def session_info(self):
+        result = super().session_info()
+        result['pager_autoload_interval'] = int(
+            self.env['ir.config_parameter'].sudo().get_param(
+                'muk_web_refresh.pager_autoload_interval', 
+                default=30000
+            )
+        )
+        return result

muk_web_theme-19/muk_web_refresh/static/description/icon.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 100 100" width="100pt" height="100pt"><defs><clipPath id="_clipPath_TzoLSQBFjHhkFKLgpM6wqrWXRbeXQKzS"><rect width="100" height="100"/></clipPath></defs><g clip-path="url(#_clipPath_TzoLSQBFjHhkFKLgpM6wqrWXRbeXQKzS)"><rect width="100" height="100" style="fill:rgb(0,0,0)" fill-opacity="0"/><path d=" M 93.77 37.5 L 95.313 37.5 C 97.91 37.5 100 35.411 100 32.813 L 100 4.689 C 100 2.794 98.867 1.076 97.109 0.353 C 95.352 -0.37 93.34 0.041 91.992 1.369 L 81.895 11.486 C 73.243 4.318 62.111 0.001 50.001 0.001 C 24.807 0.001 3.968 18.634 0.511 42.871 C 0.023 46.289 2.386 49.453 5.804 49.941 C 9.221 50.43 12.385 48.047 12.874 44.649 C 15.471 26.466 31.115 12.501 50.001 12.501 C 58.673 12.501 66.642 15.431 72.989 20.372 L 63.868 29.493 C 62.521 30.84 62.13 32.852 62.853 34.61 C 63.575 36.368 65.294 37.5 67.188 37.5 L 93.77 37.5 Z " fill="rgb(150,43,72)"/><path d=" M 99.512 57.129 C 100 53.711 97.617 50.547 94.219 50.059 C 90.821 49.57 87.637 51.953 87.149 55.351 C 84.551 73.515 68.907 87.479 50.021 87.479 C 41.349 87.479 33.381 84.55 27.033 79.608 L 36.135 70.507 C 37.482 69.16 37.873 67.148 37.15 65.39 C 36.428 63.632 34.709 62.5 32.815 62.5 L 4.69 62.5 C 2.093 62.5 0.003 64.589 0.003 67.187 L 0.003 95.311 C 0.003 97.206 1.136 98.924 2.894 99.647 C 4.651 100.37 6.663 99.959 8.011 98.631 L 18.127 88.514 C 26.76 95.682 37.892 99.999 50.001 99.999 C 75.196 99.999 96.035 81.366 99.492 57.129 L 99.512 57.129 Z " fill="rgb(252,134,139)"/></g></svg>

muk_web_theme-19/muk_web_refresh/static/description/index.html

@@ -0,0 +1,137 @@
+<section class="oe_container">
+	<div class="oe_row oe_spaced">
+		<h2 class="oe_slogan">MuK Web Refresh</h2>
+		<h3 class="oe_slogan mb-0">Automatically refresh any list or kanban view</h3>
+		<img src="logo.png" style="width: 150px;" class="mx-auto center-block">
+		<h4 class="oe_slogan mt-0" style="font-size: 23px">MuK IT GmbH - www.mukit.at</h4>
+		<div class="mb-4" style="text-align: center;">
+			<span 
+				class="btn btn-sm mb-2" 
+				style="font-size:14px; font-weight:500; background-color:#243742; color:#fff; cursor:default;"
+			>
+				<i class="fa fa-check"></i> Community
+			</span>
+			<span 
+				class="btn btn-sm mb-2" 
+				style="font-size:14px; font-weight:500; background-color:#5D8DA8; color:#fff; cursor:default;"
+			>
+				<i class="fa fa-check me-1"></i> Enterprise
+			</span>
+		</div>
+		<div class="oe_demo oe_screenshot"
+			style="max-width: 84%; margin: 16px 8%">
+			<img src="screenshot.png">
+		</div>
+	</div>
+</section>
+
+<section class="oe_container">
+	<div class="oe_row oe_spaced">
+		<div class="text-justify" style="max-width: 84%; margin: 16px 8%;">
+			<h3 class="oe_slogan">Overview</h3>
+			<p class="oe_mt32">
+				Activate the auto-refresh button to reload the view every 30 seconds. 
+				The refresh will reload and update the view’s data. The refresh button 
+				is visible in every list and kanban view, on the left side of the pager.
+			</p>
+		</div>
+	</div>
+</section>
+
+<section
+	class="oe_container oe_dark d-flex justify-content-around align-items-lg-center flex-column flex-lg-row">
+	<div class="d-flex flex-column m-3 ms-lg-4">
+		<h3 class="oe_slogan mb-3 mt-3 text-left">
+			<i class="fa fa-comments mr8"></i>Want more?
+		</h3>
+		<p>
+			Are you having troubles with your Odoo integration? Or do you feel
+			your system lacks of essential features? <br>If your answer is <b>YES</b>
+			to one of the above questions, feel free to contact us at anytime
+			with your inquiry. <br>We are looking forward to discuss your
+			needs and plan the next steps with you. <br>
+		</p>
+	</div>
+	<div
+		class="oe_slogan d-flex flex-column ms-1 me-1 ms-lg-4 me-lg-4 flex-grow-1">
+		<a class="btn btn-primary btn-lg m-3"
+			href="mailto:sale@mukit.at?subject=Request%20Quote"
+			style="font-size: 1.2rem; position: relative; overflow: hidden;">
+			<i class="fa fa-envelope me-1"></i>REQUEST QUOTE
+		</a>
+
+	</div>
+</section>
+
+<section class="oe_container">
+	<div class="oe_row oe_spaced">
+		<h3 class="oe_slogan">Our Services</h3>
+		<div class="d-flex justify-content-between">
+			<div>
+				<div>
+					<div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
+						<img src="/service_development.png" style="width: 100%; border-radius: 100%">
+					</div>
+					<h3 
+						class="oe_slogan" 
+						style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px"
+					>
+						Odoo <br>Development
+					</h3>
+				</div>
+			</div>
+			<div>
+				<div>
+					<div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
+						<img src="/service_integration.png" style="width: 100%; border-radius: 100%">
+					</div>
+					<h3 
+						class="oe_slogan" 
+						style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px"
+					>
+						Odoo <br>Integration
+					</h3>
+				</div>
+			</div>
+			<div>
+				<div>
+					<div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
+						<img src="/service_infrastructure.png" style="width: 100%; border-radius: 100%">
+					</div>
+					<h3 
+						class="oe_slogan" 
+						style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px"
+					>
+						Odoo <br>Infrastructure
+					</h3>
+				</div>
+			</div>
+			<div>
+				<div>
+					<div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
+						<img src="/service_training.png" style="width: 100%; border-radius: 100%">
+					</div>
+					<h3 
+						class="oe_slogan" 
+						style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px"
+					>
+						Odoo <br>Training
+					</h3>
+				</div>
+			</div>
+			<div>
+				<div>
+					<div style="width: 75px; height: 75px; border-radius: 100%; margin: auto">
+						<img src="/service_support.png" style="width: 100%; border-radius: 100%">
+					</div>
+					<h3 
+						class="oe_slogan" 
+						style="text-align: center; font-size: 14px; width: 100%; margin: 0; margin-top: 5px; color: #000 !important; opacity: 1 !important; line-height: 17px"
+					>
+						Odoo <br>Support
+					</h3>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>

muk_web_theme-19/muk_web_refresh/static/src/search/control_panel.js

@@ -0,0 +1,99 @@
+import { useState, onWillStart, useEffect } from '@odoo/owl';
+
+import { browser } from '@web/core/browser/browser';
+import { patch } from '@web/core/utils/patch';
+import { session } from '@web/session';
+
+import {ControlPanel} from '@web/search/control_panel/control_panel';
+
+patch(ControlPanel.prototype, {
+	setup() {
+		super.setup(...arguments);
+        this.autoLoadState = useState({
+			active: false,
+			counter: 0,
+        });
+		onWillStart(() => {
+			if (
+				this.checkAutoLoadAvailability() && 
+				this.getAutoLoadStorageValue()
+			) {
+				this.autoLoadState.active = true;
+			}
+		});
+		useEffect(
+			() => {
+				if (!this.autoLoadState.active) {
+					return;
+				}
+				this.autoLoadState.counter = (
+					this.getAutoLoadRefreshInterval()
+				);
+				const interval = browser.setInterval(
+					() => {
+						this.autoLoadState.counter = (
+							this.autoLoadState.counter ? 
+							this.autoLoadState.counter - 1 : 
+							this.getAutoLoadRefreshInterval()
+						);
+						if (this.autoLoadState.counter <= 0) {
+							this.autoLoadState.counter = (
+								this.getAutoLoadRefreshInterval()
+							);
+							if (this.pagerProps?.onUpdate) {
+								this.pagerProps.onUpdate({
+									offset: this.pagerProps.offset, 
+									limit: this.pagerProps.limit
+								});
+							} else if (typeof this.env.searchModel?.search) {
+								this.env.searchModel.search();
+							}
+						}
+					}, 
+					1000
+				);
+				return () => browser.clearInterval(interval);
+			},
+			() => [this.autoLoadState.active]
+		);
+	},
+	checkAutoLoadAvailability() {
+		return ['kanban', 'list'].includes(this.env.config.viewType);
+	},
+    getAutoLoadRefreshInterval() {
+    	return (session.pager_autoload_interval ?? 30000) / 1000;
+	},
+    getAutoLoadStorageKey() {
+		const keys = [
+			this.env?.config?.actionId ?? '',
+			this.env?.config?.viewType ?? '',
+			this.env?.config?.viewId ?? '',
+		];
+		return `pager_autoload:${keys.join(',')}`;
+    },
+    getAutoLoadStorageValue() {
+    	return browser.localStorage.getItem(
+        	this.getAutoLoadStorageKey()
+        );
+	},
+    setAutoLoadStorageValue() {
+    	browser.localStorage.setItem(
+			this.getAutoLoadStorageKey(), true
+		);
+	},
+    removeAutoLoadStorageValue() {
+    	browser.localStorage.removeItem(
+            this.getAutoLoadStorageKey()
+        );
+	},
+	toggleAutoLoad() {
+		this.autoLoadState.active = (
+			!this.autoLoadState.active
+		);
+		if (this.autoLoadState.active) {
+			this.setAutoLoadStorageValue();
+		} else {
+			this.removeAutoLoadStorageValue();
+		}
+	},
+});

muk_web_theme-19/muk_web_refresh/static/src/search/control_panel.xml

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+    <t t-inherit="web.ControlPanel" t-inherit-mode="extension">
+        <xpath expr="//Pager/.." position="before">
+            <div 
+                t-if="this.checkAutoLoadAvailability()"
+                class="d-inline-flex align-items-center gap-1 align-self-center"
+            >
+                <span
+                    t-if="this.autoLoadState.active and this.autoLoadState.counter &gt; 0"
+                    class="small text-muted"
+                >
+                    <t t-out="this.autoLoadState.counter"/>s
+                </span>
+                <button
+                    t-if="!env.isSmall"
+                    class="btn btn-link p-0 d-inline-flex align-items-center justify-content-center"
+                    type="button"
+                    t-on-click.stop="this.toggleAutoLoad"
+                >
+                    <i 
+                        class="fa fa-refresh fa-fw"
+                        t-att-class="this.autoLoadState.active ? 'text-info fa-spin' : 'text-muted'"
+                    />
+                </button>
+            </div>
+        </xpath>
+    </t>
+
+</templates>

muk_web_theme-19/muk_web_refresh/static/tests/refresh.test.js

@@ -0,0 +1,39 @@
+import { expect, test } from '@odoo/hoot';
+import {
+    models,
+    fields,
+    defineModels,
+    mountView,
+    onRpc,
+    contains,
+} from '@web/../tests/web_test_helpers';
+
+class Product extends models.Model {
+    name = fields.Char();
+    _records = [
+        { id: 1, name: 'Test 1' },
+        { id: 2, name: 'Test 2' },
+    ];
+}
+defineModels({ Product });
+
+onRpc('has_group', () => true);
+
+test(
+    'refresh toggle switches active state', 
+    async () => {
+        await mountView({
+            type: 'list',
+            resModel: 'product',
+            arch: `<list><field name='name'/></list>`,
+        });
+        expect('.o_control_panel i.fa-refresh').toHaveClass('text-muted');
+        expect('.o_control_panel i.fa-refresh').not.toHaveClass('fa-spin');
+        await contains('.o_control_panel i.fa-refresh').click();
+        expect('.o_control_panel i.fa-refresh').toHaveClass('fa-spin');
+        expect('.o_control_panel i.fa-refresh').toHaveClass('text-info');
+        expect('.o_control_panel i.fa-refresh').not.toHaveClass('text-muted');
+        await contains('.o_control_panel i.fa-refresh').click();
+        expect('.o_control_panel i.fa-refresh').not.toHaveClass('fa-spin');
+        expect('.o_control_panel i.fa-refresh').toHaveClass('text-muted');
+});