diff --git a/static/css/main.css b/static/css/main.css index 7dc5907..5e62d57 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -245,6 +245,12 @@ select:focus { display: block; height: 24px; } +#script-hooks > .label { + color: var(--section-color); + font-weight: bold; + font-size: 1.25em; + margin-bottom: 8px; +} #select-node { padding: 32px; display: grid; diff --git a/static/js/app.mjs b/static/js/app.mjs index 4fd4c09..06828a0 100644 --- a/static/js/app.mjs +++ b/static/js/app.mjs @@ -121,7 +121,7 @@ export class App { case 'SCRIPT_DELETED': this.scriptsList.setSelected(null) - this.scriptsList.fetchScripts().catch(err=>showError(err)) + this.scriptsList.fetchScripts().catch(err => showError(err)) break case 'SCRIPT_EDIT': @@ -292,6 +292,9 @@ export class App { const connectedNodes = new ConnectedNodes(json.Node.ConnectedNodes) document.getElementById('connected-nodes').replaceChildren(connectedNodes.render()) + + const scriptHooks = new ScriptHooks(json.Node.ScriptHooks) + document.getElementById('script-hooks').replaceChildren(scriptHooks.render()) }) .catch(err => showError(err)) }// }}} @@ -969,6 +972,20 @@ class ConnectedNode { }// }}} } +class ScriptHooks extends Component { + constructor() { + super() + } + renderComponent() { + const div = document.createElement('div') + div.innerHTML = ` +