adrien/Jade
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better input

Browse Source
This commit is contained in:
adrien
2024-05-01 21:35:35 +02:00
parent 642fd8bb52
commit e433240939
14 changed files with 169 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/chat.html
+24 -15
View File
@@ -3,21 +3,30 @@
<div class="chat-input-container">
<div class="buttons">
<hx hx-get="/loadModelSelection" hx-trigger="load" hx-swap="outerHTML"></hx>
</div>
<div class="field has-addons mx-5">
<form class="control is-expanded" hx-post="/requestMultipleMessages" hx-swap="beforeend settle:200ms"
hx-target="#chat-messages" id="chat-input-form" class="chat-input"
hx-include="[name='message'], [name^='model-check-']">
<input class="input" type="text" placeholder="Type your message here..." name="message" />
</form>
<div class="control">
<button class="button is-primary" hx-post="/requestMultipleMessages" hx-swap="beforeend settle:200ms"
hx-target="#chat-messages" class="chat-input"
hx-include="[name='message'], [name^='model-check-']">Send</button>
<form class="control" hx-post="/requestMultipleMessages" hx-swap="beforeend settle:200ms"
hx-target="#chat-messages" id="chat-input-form" class="chat-input"
hx-include="[name='message'], [name^='model-check-']">
<div class="textarea-wrapper">
<textarea class="textarea" placeholder="Type your message here..." name="message"></textarea>
<div class="button-group">
<hx hx-get="/loadModelSelection" hx-trigger="load" hx-swap="outerHTML" hx-target="this"></hx>
<div class="dropdown is-hoverable is-up">
<div class="dropdown-trigger">
<button class="button is-small" aria-haspopup="true" aria-controls="dropdown-menu4">
<span>Settings</span>
</button>
</div>
<div class="dropdown-menu" id="dropdown-menu4" role="menu">
<div class="dropdown-content">
<div class="dropdown-item">
<h5>Hello</h5>
</div>
</div>
</div>
</div>
<button type="submit" class="send-button button is-primary is-small">Send</button>
</div>
</div>
</div>
</form>
</div>
</div>