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

Almost working edit button

Browse Source
This commit is contained in:
adrien
2024-05-11 17:15:05 +02:00
parent b104c989a5
commit 95a58f0f4b
9 changed files with 129 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/layouts/main.html
+7
View File
@@ -22,6 +22,13 @@
{{embed}}
<script>
function updateIcon(icon, ConversationAreaId) {
var selectedIcon = document.getElementById('selectedIcon-' + ConversationAreaId);
selectedIcon.src = 'icons/' + icon + '.png';
}
</script>
<script>
function copyToClipboardCode(button) {
// Get the code element next to the button
views/partials/edit-message-form.html
+15
View File
@@ -0,0 +1,15 @@
<div class="field">
<div class="control">
<textarea class="textarea mt-2" placeholder="Enter your message here"
style="background-color: transparent;">{{ Content }}</textarea>
</div>
</div>
<div class="field is-grouped mb-3">
<div class="control">
<button hx-get="/test" class="button is-primary is-small">Submit</button>
</div>
<div class="control">
<button hx-get="/messageContent?id={{ ID }}&onlyContent=true" hx-target="#content-{{ ID }}"
class="button is-light is-outlined is-small">Cancel</button>
</div>
</div>
views/partials/message-bot.html
+1 -19
View File
@@ -66,22 +66,4 @@
</div>
</div>
</div>
</div>
<style>
.message-button {
opacity: 0;
transition: opacity 0.3s ease;
}
.message-bot:hover .message-button {
opacity: 1;
}
</style>
<script>
function updateIcon(icon, ConversationAreaId) {
var selectedIcon = document.getElementById('selectedIcon-' + ConversationAreaId);
selectedIcon.src = 'icons/' + icon + '.png';
}
</script>
</div>
views/partials/message-user.html
+4 -14
View File
@@ -15,7 +15,7 @@
</p>
</div>
<div class="message-body">
<div class="content" style="overflow-x: auto;">
<div class="content" style="overflow-x: auto;" id="content-{{ ID }}">
{{ Content|safe }}
</div>
</div>
@@ -27,7 +27,8 @@
<i class="fa-solid fa-arrows-rotate"></i>
</span>
</button>
<button id="edit-button-{{ ID }}" class="button is-small is-primary message-button is-outlined mr-2">
<button hx-get="/editMessageForm?id={{ ID }}" hx-target="#content-{{ ID }}" id="edit-button-{{ ID }}"
class="button is-small is-primary message-button is-outlined mr-5">
<span class="icon">
<i class="fa-solid fa-pen"></i>
</span>
@@ -41,15 +42,4 @@
</div>
</div>
</div>
</div>
<style>
.message-button {
opacity: 0;
transition: opacity 0.3s ease;
}
.message-user:hover .message-button {
opacity: 1;
}
</style>
</div>