magnus/datagraph
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases 3 Packages Wiki Activity Actions

Show version, added closing Xs to dialogs

Browse source
This commit is contained in:
Magnus Åhall 2025-08-21 10:50:53 +02:00
parent 2173060338
commit f89668b4a0
5 changed files with 109 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

12
static/js/app.mjs
View file

@ -500,7 +500,8 @@ class NodeCreateDialog {
this.dialog.id = 'create-type'
this.dialog.addEventListener('close', () => this.dialog.remove())
this.dialog.innerHTML = `
<div style="padding: 16px">
<div class="dialog-close" onclick="console.log(event.target.closest('dialog').close())"></div>
<div style="margin-top: 32px; padding: 16px">
<select></select>
<input type="text" placeholder="Name">
<button>Create</button>
@ -1388,6 +1389,7 @@ class ScriptSelectDialog extends Component {
renderComponent() {// {{{
const div = document.createElement('div')
div.innerHTML = `
<div class="dialog-close" onclick="console.log(event.target.closest('dialog').close())"></div>
<div class="header">Search for script</div>
<div><input class="search-for" type="text" value="%"></div>
<div><button>Search</button></div>
@ -1469,9 +1471,10 @@ class ScriptHookDialog extends Component {
renderComponent() {// {{{
const div = document.createElement('div')
div.innerHTML = `
<div class="dialog-close" onclick="console.log(event.target.closest('dialog').close())"></div>
<img class="trash" src="/images/${_VERSION}/node_modules/@mdi/svg/svg/trash-can.svg">
<div class="top">
<div class="header"></div>
<img src="/images/${_VERSION}/node_modules/@mdi/svg/svg/trash-can.svg">
</div>
<div class="label">SSH</div>
@ -1493,7 +1496,7 @@ class ScriptHookDialog extends Component {
`
div.querySelector('.header').innerText = `Hook for ${this.hook.Script.Name}`
div.querySelector('.top img').addEventListener('click', () => this.delete())
div.querySelector('.trash').addEventListener('click', () => this.delete())
this.ssh = div.querySelector('.ssh')
this.ssh.value = this.hook.SSH
@ -1693,9 +1696,10 @@ class ScriptExecutionValueDialog extends Component {
renderComponent() {// {{{
const div = document.createElement('div')
div.innerHTML = `
<div class="dialog-close" onclick="console.log(event.target.closest('dialog').close())"></div>
<img class="copy" src="/images/${_VERSION}/node_modules/@mdi/svg/svg/content-copy.svg" />
<div class="top">
<div class="header">${this.valueName}</div>
<img class="copy" src="/images/${_VERSION}/node_modules/@mdi/svg/svg/content-copy.svg" />
</div>
<div class="label">${this.execution.ID}</div>
<div class="value"></div>

12
static/js/select_node.mjs
View file

@ -18,6 +18,7 @@ export class SelectNodeDialog {
dlg.addEventListener('close', () => dlg.remove())
dlg.innerHTML = `
<div class="dialog-close" onclick="console.log(event.target.closest('dialog').close())"></div>
<div class="label">Search for node</div>
<input class="search-text" type="text" placeholder="Search" />
<select></select>
@ -203,13 +204,12 @@ export class ConnectionDataDialog {
dlg.addEventListener('close', () => dlg.remove())
dlg.innerHTML = `
<div class="dialog-close" onclick="console.log(event.target.closest('dialog').close())"></div>
<div style="position: absolute; right: 44px; top: 8px;" class="tooltip left" data-tooltip="Delete the connection">
<img src="/images/${_VERSION}/node_modules/@mdi/svg/svg/trash-can.svg" />
</div>
<div>
<div style="float: left;" class="label">Connection data</div>
<div style="float: right;">
<div class="tooltip left" data-tooltip="Delete the connection">
<img src="/images/${_VERSION}/node_modules/@mdi/svg/svg/trash-can.svg" />
</div>
</div>
<div class="label">Connection data</div>
</div>
<div style="clear: both;"><b>${this.node.Name}</b></div>
<div><textarea></textarea></div>