make session multimonitor (#424)

.config/ags/modules/session/main.js

@@ -2,7 +2,7 @@ import Widget from 'resource:///com/github/Aylur/ags/widget.js';
 import SessionScreen from "./sessionscreen.js";
 import PopupWindow from '../.widgethacks/popupwindow.js';
 
-export default (id = '') => PopupWindow({ // On-screen keyboard
+export default (id = 0) => PopupWindow({ // On-screen keyboard
     name: `session${id}`,
     visible: false,
     keymode: 'exclusive',

.config/ags/modules/session/sessionscreen.js

@@ -59,7 +59,7 @@ const SessionButton = (name, icon, command, props = {}, colorid = 0) => {
     });
 }
 
-export default ({ id = '' }) => {
+export default ({ id = 0 }) => {
     // lock, logout, sleep
     const lockButton = SessionButton('Lock', 'lock', () => { App.closeWindow(`session${id}`); execAsync(['loginctl', 'lock-session']).catch(print) }, {}, 1);
     const logoutButton = SessionButton('Logout', 'logout', () => { App.closeWindow(`session${id}`); execAsync(['bash', '-c', 'pkill Hyprland || pkill sway || pkill niri || loginctl terminate-user $USER']).catch(print) }, {}, 2);
@@ -98,8 +98,8 @@ export default ({ id = '' }) => {
     return Widget.Box({
         className: 'session-bg',
         css: `
-        min-width: ${monitors[(id == '' ? 0 : id)].width}px;
-        min-height: ${monitors[(id == '' ? 0 : id)].height}px;
+        min-width: ${monitors[id].width}px;
+        min-height: ${monitors[id].height}px;
         `, // idk why but height = screen height doesn't fill
         vertical: true,
         children: [

.config/ags/modules/sideright/quicktoggles.js

@@ -228,7 +228,7 @@ export const ModulePowerIcon = (props = {}) => Widget.Button({
     tooltipText: 'Session',
     onClicked: () => {
         closeEverything();
-        Utils.timeout(1, () => App.openWindow('session'));
+        Utils.timeout(1, () => openWindowOnAllMonitors('session'));
     },
     child: MaterialIcon('power_settings_new', 'norm'),
     setup: button => {