aboutsummaryrefslogtreecommitdiff
path: root/webAO/multiUI.js
diff options
context:
space:
mode:
Diffstat (limited to 'webAO/multiUI.js')
-rw-r--r--webAO/multiUI.js162
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);
-}