diff options
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); -} |
