if/SymphonyElectron
1
0
Fork 0
mirror of https://github.com/finos/SymphonyElectron.git synced 2024-11-21 16:38:41 -06:00
Code Issues Packages Projects Releases Wiki Activity

SDA-4418 BrowserViews auto-resize disabled and handled by ourselves (#2039)

Browse Source 
* SDA-4418 BrowserViews auto-resize disabled and handled by ourselves

* Devtools resizing
This commit is contained in:
Salah Benmoussati 2023-12-21 15:25:24 +01:00 committed by GitHub
parent 38a78d02b8
commit a2025f748e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 46 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
package-lock.json generated
View File

@ -21,6 +21,7 @@
"electron-updater": "^6.1.3",
"filesize": "^10.0.6",
"lazy-brush": "^1.0.1",
"lodash.debounce": "^4.0.8",
"react": "16.14.0",
"react-dom": "16.14.0",
"rimraf": "^3.0.2",
@ -12163,8 +12164,8 @@
},
"node_modules/lodash.debounce": {
"version": "4.0.8",
"dev": true,
"license": "MIT"
"resolved": "https://repo.symphony.com/artifactory/api/npm/npm-virtual-dev/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
"integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
},
"node_modules/lodash.defaults": {
"version": "4.2.0",
@ -26729,7 +26730,8 @@
},
"lodash.debounce": {
"version": "4.0.8",
"dev": true
"resolved": "https://repo.symphony.com/artifactory/api/npm/npm-virtual-dev/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
"integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
},
"lodash.defaults": {
"version": "4.2.0"

1
package.json
View File

@ -222,6 +222,7 @@
"electron-updater": "^6.1.3",
"filesize": "^10.0.6",
"lazy-brush": "^1.0.1",
"lodash.debounce": "^4.0.8",
"react": "16.14.0",
"react-dom": "16.14.0",
"rimraf": "^3.0.2",

69
src/app/window-utils.ts
View File

@ -16,6 +16,7 @@ import electron = require('electron');
import fetch from 'electron-fetch';
import { filesize } from 'filesize';
import * as fs from 'fs';
import * as debounce from 'lodash.debounce';
import * as path from 'path';
import { format, parse } from 'url';
import { apiName, EPresenceStatusGroup } from '../common/api-interface';
@ -86,7 +87,7 @@ const DOWNLOAD_MANAGER_NAMESPACE = 'DownloadManager';
const TITLE_BAR_EVENTS = [
'maximize',
'unmaximize',
'move',
'moved',
'enter-full-screen',
'leave-full-screen',
];
@ -1315,7 +1316,9 @@ export const loadBrowserViews = async (
}, 500);
mainEvents.publish('enter-full-screen');
});
mainWindow?.on('leave-full-screen', () => {
logger.info('EVENT leave-full-screen!!');
if (
!titleBarView ||
!viewExists(titleBarView) ||
@ -1360,41 +1363,46 @@ export const loadBrowserViews = async (
mainEvents.publish('leave-full-screen');
});
mainWindow?.on('maximize', () => {
if (!mainView || !viewExists(mainView)) {
return;
}
const winBounds: Rectangle = mainWindow.getBounds();
const currentScreenBounds: Rectangle = screen.getDisplayMatching({
...winBounds,
}).workArea;
mainWindow?.on('maximize', async () => {
const width = await mainWindow?.webContents.executeJavaScript(
'window.innerWidth',
);
const height = await mainWindow?.webContents.executeJavaScript(
'window.innerHeight',
);
const titleBarDisplayed = mainWindow.getBrowserViews().length > 1;
mainView.setBounds({
width: currentScreenBounds.width,
height: currentScreenBounds.height - TITLE_BAR_HEIGHT,
height: titleBarDisplayed ? height - TITLE_BAR_HEIGHT : height,
width,
x: 0,
y: TITLE_BAR_HEIGHT,
y: titleBarDisplayed ? TITLE_BAR_HEIGHT : 0,
});
titleBarView.setBounds({
width: currentScreenBounds.width,
titleBarView?.setBounds({
height: TITLE_BAR_HEIGHT,
width,
x: 0,
y: 0,
});
});
mainWindow?.on('unmaximize', () => {
if (!mainView || !viewExists(mainView)) {
return;
}
const [width, height] = mainWindow.getSize();
const resizeWindow = async () => {
const width = await mainWindow?.webContents.executeJavaScript(
'window.innerWidth',
);
const height = await mainWindow?.webContents.executeJavaScript(
'window.innerHeight',
);
const titleBarDisplayed = mainWindow.getBrowserViews().length > 1;
mainView.setBounds({
height: titleBarDisplayed ? height - TITLE_BAR_HEIGHT : height,
width,
height: height - TITLE_BAR_HEIGHT,
x: 0,
y: TITLE_BAR_HEIGHT,
y: titleBarDisplayed ? TITLE_BAR_HEIGHT : 0,
});
titleBarView.setBounds({
width,
titleBarView?.setBounds({
height: TITLE_BAR_HEIGHT,
width,
x: 0,
y: 0,
});
@ -1403,7 +1411,12 @@ export const loadBrowserViews = async (
mainView.webContents.toggleDevTools();
mainView.webContents.toggleDevTools();
}
});
};
const onResize = debounce(async () => {
resizeWindow();
}, 100);
mainWindow?.on('resize', onResize);
mainWindow?.on('unmaximize', resizeWindow);
if (mainWindow?.isMaximized()) {
mainEvents.publish('maximize');
@ -1418,9 +1431,7 @@ export const loadBrowserViews = async (
...{ x: 0, y: 0, height: TITLE_BAR_HEIGHT },
});
titleBarView.setAutoResize({
vertical: false,
horizontal: true,
width: true,
width: false,
height: false,
});
@ -1431,8 +1442,8 @@ export const loadBrowserViews = async (
y: TITLE_BAR_HEIGHT,
});
mainView.setAutoResize({
width: true,
height: true,
width: false,
height: false,
});
windowHandler.setMainView(mainView);