diff options
| author | stoned <Tukz@gmx.de> | 2024-08-16 22:22:32 +0200 |
|---|---|---|
| committer | stoned <Tukz@gmx.de> | 2024-08-16 22:22:32 +0200 |
| commit | 20888d8dcffbd3e990c95b222d5f0604e9c6431b (patch) | |
| tree | 09466cc4536d0234d2c82833f569826f32491b02 /webAO/multiUI.js | |
| parent | e6366d72358fc41ba6eb16c3154fd21145a6c388 (diff) | |
use multiui as default
Diffstat (limited to 'webAO/multiUI.js')
| -rw-r--r-- | webAO/multiUI.js | 162 |
1 files changed, 0 insertions, 162 deletions
diff --git a/webAO/multiUI.js b/webAO/multiUI.js deleted file mode 100644 index 144270b..0000000 --- a/webAO/multiUI.js +++ /dev/null @@ -1,162 +0,0 @@ -/* eslint indent: ["error", 2, { "SwitchCase": 1 }] */ -/* eslint no-param-reassign: ["error", -{ "props": true, "ignorePropertyModificationsFor": ["container"] }] */ -import { GoldenLayout } from 'golden-layout'; - -const config = { - settings: { - showPopoutIcon: false, - showCloseIcon: false, - }, - dimensions: { - minItemHeight: 40, - }, - content: [{ - type: 'row', - content: [{ - type: 'column', - width: 40, - content: [{ - type: 'component', - height: 67, - isClosable: false, - componentName: 'template', - title: 'IC', - componentState: { id: 'client_wrapper' }, - }, - { - type: 'component', - height: 33, - isClosable: false, - title: 'IC Options', - componentName: 'template', - componentState: { id: 'icoptions' }, - }] - }, - { - type: 'column', - content: [{ - type: 'row', - height: 65, - content: [{ - type: 'stack', - content: [{ - type: 'component', - isClosable: false, - title: 'Main', - componentName: 'template', - componentState: { id: 'mainmenu' }, - }, - { - type: 'component', - isClosable: false, - title: 'Log', - componentName: 'template', - componentState: { id: 'log' }, - }], - }, - { - type: 'component', - title: 'Music', - width: 30, - componentName: 'template', - componentState: { id: 'music' }, - }], - }, - { - type: 'row', - content: [{ - type: 'component', - title: 'OOC', - componentName: 'template', - componentState: { id: 'ooc' }, - }], - }], - }], - }], -}; - - -const configMobile = { - settings: { - showPopoutIcon: false, - showCloseIcon: false, - }, - dimensions: { - minItemHeight: 40, - }, - content: [{ - type: 'row', - content: [{ - type: 'column', - content: [{ - type: 'component', - isClosable: false, - reorderEnabled: false, - componentName: 'template', - title: 'IC', - componentState: { id: 'client_wrapper' }, - height: 56 // Adjust the height proportion as needed - }, - { - type: 'stack', - height: 44, - content: [{ - type: 'component', - isClosable: false, - reorderEnabled: false, - title: 'IC Options', - componentName: 'template', - componentState: { id: 'icoptions' }, - }, - { - type: 'component', - isClosable: false, - reorderEnabled: false, - title: 'Main', - componentName: 'template', - componentState: { id: 'mainmenu' }, - }, - { - type: 'component', - isClosable: false, - reorderEnabled: false, - title: 'Log', - componentName: 'template', - componentState: { id: 'log' }, - }, - { - type: 'component', - isClosable: false, - reorderEnabled: false, - title: 'Music', - componentName: 'template', - componentState: { id: 'music' }, - }, - { - type: 'component', - isClosable: false, - reorderEnabled: false, - title: 'OOC', - componentName: 'template', - componentState: { id: 'ooc' }, - }] - }] - }] - }] -} - - -const isMobileDevice = window.innerWidth <= 768; - -const golden = new GoldenLayout(); -golden.registerComponentFactoryFunction('template', (container, componentState) => { - const template = document.querySelector(`#${componentState.id}`); - container.element.innerHTML = template.innerHTML; -}); -if (isMobileDevice){ - golden.loadLayout(configMobile); -} -else { - golden.loadLayout(config); -} |
