noe/bliss
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add support for mounting existing dbs by id

Browse source
This commit is contained in:
HRG @ SCExC 2024-06-04 01:21:32 -04:00
parent 7aac7aabdd
commit 365b297397
3 changed files with 65 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

50
views/workshop/new_db_modal.eta
View file

@ -7,16 +7,42 @@
</div>
</div>
<div class="window-body">
<form hx-post="/workshop/<%= it.structure.id %>/db" hx-target="#response">
<div class="field-row-stacked" style="width: 200px">
<label for="name">Name</label>
<input name="name" id="name" type="text" />
</div>
<section class="field-row" style="justify-content: flex-end">
<button type="submit">OK</button>
<button type="button" _="on click trigger closeModal">Cancel</button>
</section>
</form>
<div id="response"></div>
<section class="tabs" style="max-width: 500px">
<menu role="tablist" aria-label="Sample Tabs">
<button role="tab" aria-selected="true" aria-controls="new" _="on click add .hidden to #existing then remove .hidden from #new then setAttribute('aria-selected', 'true')">New</button>
<button role="tab" aria-controls="existing" _="on click add .hidden to #new then remove .hidden from #existing then setAttribute('aria-selected', 'true') to me">Existing</button>
</menu>
<article role="tabpanel" id="new">
<form hx-post="/workshop/<%= it.structure.id %>/db" hx-target="#response">
<div class="field-row-stacked" style="width: 200px">
<label for="name">Name</label>
<input name="name" id="name" type="text" />
</div>
<section class="field-row" style="justify-content: flex-end">
<button type="submit">OK</button>
<button type="button" _="on click trigger closeModal">Cancel</button>
</section>
</form>
<div id="response"></div>
</article>
<article role="tabpanel" class="hidden" id="existing">
<form hx-post="/workshop/<%= it.structure.id %>/db/attach" hx-target="#response">
<div class="field-row-stacked" style="width: 200px">
<label for="alias">Alias</label>
<input name="alias" id="alias" type="text" />
</div>
<div class="field-row-stacked" style="width: 200px">
<label for="db_id">DB ID</label>
<input name="db_id" id="db_id" type="text" />
</div>
<section class="field-row" style="justify-content: flex-end">
<button type="submit">OK</button>
<button type="button" _="on click trigger closeModal">Cancel</button>
</section>
</form>
<div id="response"></div>
</article>
</section>
</div>
</div>
</div>
</div>