55 lines
2.1 KiB
HTML
55 lines
2.1 KiB
HTML
<div class="message-user mt-3" id="{{ ID }}">
|
|
<div class="columns is-mobile">
|
|
<div class="column is-narrow" id="icon-column">
|
|
<figure class="image is-48x48" style="flex-shrink: 0;">
|
|
<img src="icons/bouvai2.png" alt="User Image">
|
|
</figure>
|
|
</div>
|
|
|
|
<div class="column" id="content-column">
|
|
<div class="is-flex is-align-items-start" style="position: relative; padding-right: 30px;">
|
|
<div class="message-content">
|
|
<div class="message-header">
|
|
<p>
|
|
You
|
|
</p>
|
|
</div>
|
|
<div class="message-body">
|
|
<div class="content" style="overflow-x: auto;">
|
|
{{ Content|safe }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="is-flex is-justify-content mt-2">
|
|
<button id="redo-button-{{ ID }}" class="button is-small is-primary delete-button is-outlined mr-2">
|
|
<span class="icon">
|
|
<i class="fa-solid fa-arrows-rotate"></i>
|
|
</span>
|
|
</button>
|
|
<button id="edit-button-{{ ID }}" class="button is-small is-primary delete-button is-outlined mr-2">
|
|
<span class="icon">
|
|
<i class="fa-solid fa-pen"></i>
|
|
</span>
|
|
</button>
|
|
<button id="delete-button-{{ ID }}" hx-post="/deleteMessage?id={{ ID }}" hx-swap="outerHTML"
|
|
hx-target="#chat-container" class="button is-small is-danger delete-button is-outlined mr-2">
|
|
<span class="icon">
|
|
<i class="fa-solid fa-trash"></i>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.delete-button {
|
|
opacity: 0;
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
|
|
.message-user:hover .delete-button {
|
|
opacity: 1;
|
|
}
|
|
</style> |