diff --git a/index.html b/index.html index 7e766a2..fb3ecb2 100644 --- a/index.html +++ b/index.html @@ -455,7 +455,8 @@ function Client () { this.interface.start() this.source.new() this.onResize() - setTimeout(() => { document.body.className += ' ready' }, 250) + this.interface.update(true) // force an update + setTimeout(() => { document.body.className += ' ready'; }, 250) } this.update = () => { this.manager.update() @@ -762,12 +763,7 @@ function Interface (client) { this.menu_el.id = 'menu' this.isVisible = true this.zoom = false - this.install = function (host) { - host.appendChild(this.el) - } - this.start = function (host) { - let html = '' - const options = { + const options = { cast: { line: { key: 'A', icon: 'M60,60 L240,240' }, arc_c: { key: 'S', icon: 'M60,60 A180,180 0 0,1 240,240' }, @@ -793,6 +789,11 @@ function Interface (client) { grid: { key: 'H', icon: 'M65,155 Q155,245 245,155 M65,155 Q155,65 245,155 M155,125 A30,30 0 0,1 185,155 A30,30 0 0,1 155,185 A30,30 0 0,1 125,155 A30,30 0 0,1 155,125 ' } } } + this.install = function (host) { + host.appendChild(this.el) + } + this.start = function (host) { + let html = '' for (const type in options) { const tools = options[type] for (const name in tools) { @@ -1420,7 +1421,6 @@ function Tool (client) { if (!type) { return false } if (type === 'close') { const prev = this.layer()[this.layer().length - 1] - console.log(this.vertices.length) if (!prev || prev.type === 'close' || this.vertices.length !== 0) { return false } diff --git a/scripts/client.js b/scripts/client.js index fe8def9..79145b9 100644 --- a/scripts/client.js +++ b/scripts/client.js @@ -103,7 +103,9 @@ function Client () { this.source.new() this.onResize() - setTimeout(() => { document.body.className += ' ready' }, 250) + this.interface.update(true) // force an update + + setTimeout(() => { document.body.className += ' ready'; }, 250) } this.update = () => { diff --git a/scripts/interface.js b/scripts/interface.js index 3bedd8d..29343a4 100644 --- a/scripts/interface.js +++ b/scripts/interface.js @@ -10,13 +10,7 @@ function Interface (client) { this.isVisible = true this.zoom = false - this.install = function (host) { - host.appendChild(this.el) - } - - this.start = function (host) { - let html = '' - const options = { + const options = { cast: { line: { key: 'A', icon: 'M60,60 L240,240' }, arc_c: { key: 'S', icon: 'M60,60 A180,180 0 0,1 240,240' }, @@ -43,6 +37,13 @@ function Interface (client) { } } + this.install = function (host) { + host.appendChild(this.el) + } + + this.start = function (host) { + let html = '' + for (const type in options) { const tools = options[type] for (const name in tools) { diff --git a/scripts/tool.js b/scripts/tool.js index f678d22..8720502 100644 --- a/scripts/tool.js +++ b/scripts/tool.js @@ -229,7 +229,6 @@ function Tool (client) { // Cannot cast close twice if (type === 'close') { const prev = this.layer()[this.layer().length - 1] - console.log(this.vertices.length) if (!prev || prev.type === 'close' || this.vertices.length !== 0) { return false }