1 files changed, 97 insertions, 0 deletions
diff --git a/js/ui/switchMonitor.js b/js/ui/switchMonitor.js
new file mode 100644
index 0000000..5ac5825
--- /dev/null
+++ b/js/ui/switchMonitor.js
@@ -0,0 +1,97 @@
+// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*-
+/* exported SwitchMonitorPopup */
+
+const { Clutter, GObject, Meta, St } = imports.gi;
+
+const SwitcherPopup = imports.ui.switcherPopup;
+
+var APP_ICON_SIZE = 96;
+
+var SwitchMonitorPopup = GObject.registerClass(
+class SwitchMonitorPopup extends SwitcherPopup.SwitcherPopup {
+    _init() {
+        let items = [{ icon: 'view-mirror-symbolic',
+                       /* Translators: this is for display mirroring i.e. cloning.
+                        * Try to keep it under around 15 characters.
+                        */
+                       label: _('Mirror') },
+                     { icon: 'video-joined-displays-symbolic',
+                       /* Translators: this is for the desktop spanning displays.
+                        * Try to keep it under around 15 characters.
+                        */
+                       label: _('Join Displays') },
+                     { icon: 'video-single-display-symbolic',
+                       /* Translators: this is for using only an external display.
+                        * Try to keep it under around 15 characters.
+                        */
+                       label: _('External Only') },
+                     { icon: 'computer-symbolic',
+                       /* Translators: this is for using only the laptop display.
+                        * Try to keep it under around 15 characters.
+                        */
+                       label: _('Built-in Only') }];
+
+        super._init(items);
+
+        this._switcherList = new SwitchMonitorSwitcher(items);
+    }
+
+    show(backward, binding, mask) {
+        if (!Meta.MonitorManager.get().can_switch_config())
+            return false;
+
+        return super.show(backward, binding, mask);
+    }
+
+    _initialSelection() {
+        let currentConfig = Meta.MonitorManager.get().get_switch_config();
+        let selectConfig = (currentConfig + 1) % Meta.MonitorSwitchConfigType.UNKNOWN;
+        this._select(selectConfig);
+    }
+
+    _keyPressHandler(keysym, action) {
+        if (action == Meta.KeyBindingAction.SWITCH_MONITOR)
+            this._select(this._next());
+        else if (keysym == Clutter.KEY_Left)
+            this._select(this._previous());
+        else if (keysym == Clutter.KEY_Right)
+            this._select(this._next());
+        else
+            return Clutter.EVENT_PROPAGATE;
+
+        return Clutter.EVENT_STOP;
+    }
+
+    _finish() {
+        super._finish();
+
+        Meta.MonitorManager.get().switch_config(this._selectedIndex);
+    }
+});
+
+var SwitchMonitorSwitcher = GObject.registerClass(
+class SwitchMonitorSwitcher extends SwitcherPopup.SwitcherList {
+    _init(items) {
+        super._init(true);
+
+        for (let i = 0; i < items.length; i++)
+            this._addIcon(items[i]);
+    }
+
+    _addIcon(item) {
+        let box = new St.BoxLayout({ style_class: 'alt-tab-app',
+                                     vertical: true });
+
+        let icon = new St.Icon({ icon_name: item.icon,
+                                 icon_size: APP_ICON_SIZE });
+        box.add_child(icon);
+
+        let text = new St.Label({
+            text: item.label,
+            x_align: Clutter.ActorAlign.CENTER,
+        });
+        box.add_child(text);
+
+        this.addItem(box, text);
+    }
+});