aboutsummaryrefslogtreecommitdiff
path: root/webAO/ui.js
diff options
context:
space:
mode:
Diffstat (limited to 'webAO/ui.js')
-rw-r--r--webAO/ui.js76
1 files changed, 38 insertions, 38 deletions
diff --git a/webAO/ui.js b/webAO/ui.js
index 7bd7ab6..9e95be9 100644
--- a/webAO/ui.js
+++ b/webAO/ui.js
@@ -1,78 +1,78 @@
/* eslint indent: ["error", 2] */
// import GoldenLayout from "./golden/js/goldenlayout.js";
-import GoldenLayout from "golden-layout";
+import GoldenLayout from 'golden-layout';
const config = {
settings: {
showPopoutIcon: false,
- showCloseIcon: false
+ showCloseIcon: false,
},
dimensions: {
- minItemHeight: 40
+ minItemHeight: 40,
},
content: [{
- type: "row",
+ type: 'row',
content: [{
- type: "column",
+ type: 'column',
width: 40,
content: [{
- type: "component",
+ type: 'component',
isClosable: false,
- componentName: "template",
- title: "Game",
- componentState: { id: "client_wrapper" }
- }]
+ componentName: 'template',
+ title: 'Game',
+ componentState: { id: 'client_wrapper' },
+ }],
},
{
- type: "column",
+ type: 'column',
content: [{
- type: "row",
+ type: 'row',
height: 65,
content: [{
- type: "stack",
+ type: 'stack',
content: [{
- type: "component",
+ type: 'component',
isClosable: false,
- title: "Main",
- componentName: "template",
- componentState: { id: "mainmenu" }
+ title: 'Main',
+ componentName: 'template',
+ componentState: { id: 'mainmenu' },
},
{
- type: "component",
+ type: 'component',
isClosable: false,
- title: "Log",
- componentName: "template",
- componentState: { id: "log" }
- }]
+ title: 'Log',
+ componentName: 'template',
+ componentState: { id: 'log' },
+ }],
},
{
- type: "component",
- title: "Music",
+ type: 'component',
+ title: 'Music',
width: 30,
- componentName: "template",
- componentState: { id: "music" }
- }]
+ componentName: 'template',
+ componentState: { id: 'music' },
+ }],
},
{
- type: "row",
+ type: 'row',
content: [{
- type: "component",
- title: "Server chat",
- componentName: "template",
- componentState: { id: "ooc" }
- }]
- }]
- }]
- }]
+ type: 'component',
+ title: 'Server chat',
+ componentName: 'template',
+ componentState: { id: 'ooc' },
+ }],
+ }],
+ }],
+ }],
};
const golden = new GoldenLayout(config);
-golden.registerComponent("template", function (container, componentState) {
+golden.registerComponent('template', (container, componentState) => {
const template = document.querySelector(`#${componentState.id}`);
container.getElement().html(template.content);
// TODO: support multiple locales
// container.setTitle(document.querySelector(`#${componentState.id} meta[name='frame-title']`).getAttribute("content"));
});
-golden.init(); \ No newline at end of file
+golden.init();