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

fix

Browse Source
This commit is contained in:
adrien
2024-05-31 21:28:40 +02:00
parent f8bb7ffc84
commit b60ff3ee6f
5 changed files with 90 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/partials/popover-conversation.html
+32 -3
View File
@@ -23,7 +23,8 @@
</div>
<input class="input is-small mt-2 is-hidden" type="text" id="conversation-name-input"
name="conversation-name-input" placeholder="Conversation name" autocomplete="off">
<div class="is-flex is-justify-content-space-between mt-4">
<div
class="is-flex is-justify-content-space-between mt-4 {% if not IsDefaultConversation %}is-hidden{% endif %}">
<button disabled class="button is-small is-danger" id="delete-conversation-button"
hx-get="/deleteConversation" hx-swap="outerHTML" hx-target="#conversation-dropdown"
hx-vals="js:{conversationId: findSelectedConversationID()}">
@@ -31,6 +32,12 @@
<i class="fa-solid fa-trash"></i>
</span>
</button>
<button class="button is-small is-info is-outlined {% if SelectedIsDefault %} is-hidden {% endif %}"
id="archive-default-conversation-button">
<span class="icon">
<i class="fa-solid fa-box-archive"></i>
</span>
</button>
<button class="button is-small is-danger is-outlined is-hidden" id="cancel-conversation-button">
<span class="icon">
<i class="fa-solid fa-xmark"></i>
@@ -51,6 +58,14 @@
<i class="fa-solid fa-check"></i>
</span>
</button>
<button class="button is-small is-success is-outlined is-hidden"
id="confirm-archive-default-conversation-button" hx-get="/archiveDefaultConversation"
hx-include="[name='conversation-name-input']" hx-swap="outerHTML"
hx-target="#conversation-dropdown">
<span class="icon">
<i class="fa-solid fa-check"></i>
</span>
</button>
</div>
</div>
</div>
@@ -83,9 +98,11 @@
}
if (name === 'Default') {
document.getElementById('delete-conversation-button').disabled = true;
document.getElementById('delete-conversation-button').classList.add('is-hidden');
document.getElementById('archive-default-conversation-button').classList.remove('is-hidden');
} else {
document.getElementById('delete-conversation-button').disabled = false;
document.getElementById('delete-conversation-button').classList.remove('is-hidden');
document.getElementById('archive-default-conversation-button').classList.add('is-hidden');
}
}
@@ -113,6 +130,17 @@
}
});
document.getElementById('archive-default-conversation-button').addEventListener('click', function () {
document.getElementById('conversation-name-input').classList.remove('is-hidden');
document.getElementById('confirm-archive-default-conversation-button').classList.remove('is-hidden');
document.getElementById('create-conversation-button').classList.add('is-hidden');
document.getElementById('cancel-conversation-button').classList.remove('is-hidden');
document.getElementById('delete-conversation-button').classList.add('is-hidden');
document.getElementById('conversation-list').classList.add('is-hidden');
document.getElementById('archive-default-conversation-button').classList.add('is-hidden');
})
document.getElementById('create-conversation-button').addEventListener('click', function () {
document.getElementById('conversation-name-input').classList.remove('is-hidden');
document.getElementById('confirm-conversation-button').classList.remove('is-hidden');
@@ -129,6 +157,7 @@
document.getElementById('cancel-conversation-button').classList.add('is-hidden');
document.getElementById('delete-conversation-button').classList.remove('is-hidden');
document.getElementById('conversation-list').classList.remove('is-hidden');
document.getElementById('archive-default-conversation-button').classList.add('is-hidden');
})
</script>
</div>