arifal/sibedas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature: chatbot pimpinan

Browse Source
This commit is contained in:
@jamaludinarifrohman6661
2025-03-04 17:31:40 +07:00
parent 572b86299c
commit 15210a56ee
7 changed files with 356 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
resources/js/chatbot/index.js
View File

@@ -86,64 +86,6 @@ document.addEventListener("DOMContentLoaded", function () {
const now = new Date();
return now.getHours().toString().padStart(2, "0") + ":" + now.getMinutes().toString().padStart(2, "0");
}
// function addMessage(text, sender) {
// const messageRow = document.createElement("div");
// // Atur posisi berdasarkan sender (user -> end, bot -> start)
// messageRow.classList.add("row", "flex-grow", "overflow-auto", sender === "user" ? "justify-content-end" : "justify-content-start");
// const messageCol = document.createElement("div");
// messageCol.classList.add("col-9", "w-auto");
// // Atur lebar maksimum berdasarkan sender
// messageCol.style.maxWidth = sender === "user" ? "50%" : "75%";
// const messageContainer = document.createElement("div");
// messageContainer.classList.add("p-2", "rounded", "mb-2", "d-flex", "align-items-center");
// if (sender === "user") {
// messageContainer.classList.add("user-response", "bg-primary", "text-white", "ms-auto");
// } else {
// messageContainer.classList.add("bot-response", "bg-light");
// }
// if (sender !== "user") {
// const avatarSpan = document.createElement("span");
// avatarSpan.classList.add("d-flex", "align-self-start", "mb-1");
// const avatarImg = document.createElement("img");
// avatarImg.classList.add("rounded-circle");
// avatarImg.width = 45;
// avatarImg.src = "/images/iconchatbot.jpeg";
// avatarImg.alt = "bot-avatar";
// avatarSpan.appendChild(avatarImg);
// messageContainer.appendChild(avatarSpan);
// }
// const messageContentWrapper = document.createElement("div");
// messageContentWrapper.classList.add("d-flex", "flex-column", "ms-2");
// const messageContent = document.createElement("div");
// messageContent.classList.add("row");
// messageContent.innerHTML = `<p class="fw-bolder ${sender === "user" ? "text-start" : "text-start"} mb-1">${sender === "user" ? "You" : "Neng Bedas"}</p><div class="bot-message-text mb-0 text-start">${text}</div>`;
// const messageTime = document.createElement("div");
// messageTime.classList.add("sending-message-time");
// messageTime.innerHTML = `<p class="small mb-0 ${sender === "user" ? "text-end text-white" : "text-end text-muted"}">${getCurrentTime()}</p>`;
// messageContentWrapper.appendChild(messageContent);
// messageContentWrapper.appendChild(messageTime);
// messageContainer.appendChild(messageContentWrapper);
// messageCol.appendChild(messageContainer);
// messageRow.appendChild(messageCol);
// conversationArea.appendChild(messageRow);
// conversationArea.scrollTop = conversationArea.scrollHeight;
// return messageContainer;
// }
function addMessage(text, sender) {
const messageRow = document.createElement("div");