[gnome-shell/wip/exalm/gestures2: 35/39] workspaceAnimation: Add a background

[Alexander Mikhaylenko <alexm src gnome org>]

commit 9d1fe2722135638cdc3b950a20b5807da1495ab6
Author: Alexander Mikhaylenko <exalm7659 gmail com>
Date:   Thu Jul 16 15:40:13 2020 +0500

    workspaceAnimation: Add a background
    
    In future we will need to use window clones to better support multiple
    monitors. To avoid having to hide every window, show wallpapers behind
    the workspace transition: one per monitor.
    
    Put the wallpaper into a separate class right away, later it will be
    useful to make the animation per-monitor.
    
    https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1326

 js/ui/workspaceAnimation.js | 36 +++++++++++++++++++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)
---
diff --git a/js/ui/workspaceAnimation.js b/js/ui/workspaceAnimation.js
index e3cac661da..a357302b61 100644
--- a/js/ui/workspaceAnimation.js
+++ b/js/ui/workspaceAnimation.js
@@ -3,6 +3,8 @@
 
 const { Clutter, GObject, Meta, Shell } = imports.gi;
 
+const Background = imports.ui.background;
+const Layout = imports.ui.layout;
 const Main = imports.ui.main;
 const SwipeTracker = imports.ui.swipeTracker;
 
@@ -85,6 +87,32 @@ class WorkspaceGroup extends Clutter.Actor {
     }
 });
 
+const MonitorGroup = GObject.registerClass(
+class MonitorGroup extends Clutter.Actor {
+    _init(monitor) {
+        super._init();
+
+        const constraint = new Layout.MonitorConstraint({ index: monitor.index });
+        this.add_constraint(constraint);
+
+        const background = new Meta.BackgroundGroup();
+
+        this.add_child(background);
+
+        this._bgManager = new Background.BackgroundManager({
+            container: background,
+            monitorIndex: monitor.index,
+            controlPosition: false,
+        });
+
+        this.connect('destroy', this._onDestroy.bind(this));
+    }
+
+    _onDestroy() {
+        this._bgManager.destroy();
+    }
+});
+
 var WorkspaceAnimationController = class {
     constructor() {
         this._movingWindow = null;
@@ -160,8 +188,13 @@ var WorkspaceAnimationController = class {
 
         switchData.container = new Clutter.Actor();
         switchData.container.add_child(switchData.curGroup);
+        switchData.backgroundGroup = new Clutter.Actor();
+
+        for (const monitor of Main.layoutManager.monitors)
+            switchData.backgroundGroup.add_child(new MonitorGroup(monitor));
 
-        Main.uiGroup.insert_child_above(switchData.container, global.window_group);
+        Main.uiGroup.insert_child_above(switchData.backgroundGroup, global.window_group);
+        Main.uiGroup.insert_child_above(switchData.container, switchData.backgroundGroup);
         Main.uiGroup.insert_child_above(switchData.movingWindowBin, switchData.container);
 
         for (const dir of Object.values(Meta.MotionDirection)) {
@@ -214,6 +247,7 @@ var WorkspaceAnimationController = class {
             switchData.movingWindow = null;
         }
 
+        switchData.backgroundGroup.destroy();
         switchData.container.destroy();
         switchData.movingWindowBin.destroy();