diff --git a/runbot/static/src/stats/stats.scss b/runbot/static/src/stats/stats.scss index 2cf633b0..9672e28e 100644 --- a/runbot/static/src/stats/stats.scss +++ b/runbot/static/src/stats/stats.scss @@ -32,3 +32,7 @@ padding: 0; } } + +.o_runbot_stat_chart_backdrop { + backdrop-filter: blur(2px); +} diff --git a/runbot/static/src/stats/stats_chart.js b/runbot/static/src/stats/stats_chart.js index 883d65c5..481285d8 100644 --- a/runbot/static/src/stats/stats_chart.js +++ b/runbot/static/src/stats/stats_chart.js @@ -20,6 +20,7 @@ export class StatsChart extends Component { this.config = useConfig(); this.canvas = useRef('canvas'); this.state = useState({ + loading: false, data: {}, }); this.chartConfig = useState({ @@ -84,8 +85,7 @@ export class StatsChart extends Component { * on the debounced _fetchStat. */ fetchStats() { - this.loading = true; - this.env.bus.trigger('start-loading', {}); + this.state.loading = true; this._fetchStats(); // debounced } @@ -106,7 +106,7 @@ export class StatsChart extends Component { }, }); this.state.data = (await result.json()).result; - this.env.bus.trigger('stop-loading', {}); + this.state.loading = false; } /** diff --git a/runbot/static/src/stats/stats_chart.xml b/runbot/static/src/stats/stats_chart.xml index a9cbcf16..65ecc894 100644 --- a/runbot/static/src/stats/stats_chart.xml +++ b/runbot/static/src/stats/stats_chart.xml @@ -2,7 +2,14 @@
-
+
+
+
+ +
+ +
+
Mode: