Oliver/od8n_homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

working

Browse Source
This commit is contained in:
Oliver
2025-07-28 07:22:36 -03:00
parent abe9ae4712
commit 7695e30d59
8 changed files with 325 additions and 320 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/widget/custom/localhost.json Normal file
View File

@@ -0,0 +1,6 @@
{
"api": "https://ai.odoo4projects.com/webhook/81742473-b50b-4845-a5f9-916d9fe60876/chat",
"preamble": "👋 Welcome! Need help? I'm powered by n8n automation to assist you!",
"widgetHTML": "<button id='cw-chatToggle' aria-label='Toggle chat widget' type='button'>\n <img src='logo.svg' alt='Logo'><span class='text-xs'>Agent</span>\n</button>\n<div id='cw-chatWidget' style='display: none;' role='region' aria-live='polite' aria-label='Chat widget'>\n <div class='logo-container'><img src='logo.svg' alt='Logo' /></div>\n <div class='header'>Support</div>\n <div id='cw-status' style='transition: all 0.3s ease; overflow: hidden;'></div>\n <div id='cw-chatMessages' style='max-height: 200px; overflow-y: auto; padding: 10px;'></div>\n <form id='cw-chatForm' autocomplete='off'>\n <input type='text' id='cw-chatInput' placeholder='Type your message...' required autocomplete='off' />\n <button type='submit'>Send</button>\n </form>\n</div>"
}

80
public/widget/custom/od8n.css Normal file
View File

@@ -0,0 +1,80 @@
/* Headline above the wizard */
.wizard-headline {
text-align: center;
font-size: 24px;
font-weight: bold;
padding: 20px 0;
background-color: #f8f9f9;
color: #2c3e50;
border-bottom: 2px solid #ddd;
}
/* Main wizard container */
.wizard {
display: flex;
justify-content: space-between;
list-style: none;
padding: 0;
margin: 0;
width: 100%;
background-color: #e0e0e0;
}
/* Each step box */
.wizard li {
flex: 1;
display: flex;
flex-direction: column;
border-right: 2px solid #fff;
color: white;
box-sizing: border-box;
}
.wizard li:last-child {
border-right: none;
}
/* Header inside each box (icon + label) */
.wizard .header {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px;
font-weight: bold;
font-size: 16px;
text-align: center;
}
/* Detail text area inside the box */
.wizard .text {
padding: 20px 10px;
text-align: center;
font-size: 14px;
flex-grow: 1;
}
/* DARK GREY: Open */
.wizard li.open {
background-color: #7f8c8d;
}
.wizard li.open .header {
background-color: #5d6d7e;
}
/* DARK GREEN: Done */
.wizard li.done {
background-color: #1e8449;
}
.wizard li.done .header {
background-color: #145a32;
}
/* Icon style */
.wizard i {
font-size: 18px;
}

6
public/widget/custom/od8n.json Normal file
View File

@@ -0,0 +1,6 @@
{
"api": "https://ai.odoo4projects.com/webhook/81742473-b50b-4845-a5f9-916d9fe60876/chat",
"preamble": "Welcome to OD8N. We like to help you assisting your order as well as answering FAQs about our service",
"widgetHTML": "<button id='cw-chatToggle' aria-label='Toggle chat widget' type='button'>\n <img src='logo.svg' alt='Logo'><span class='text-xs'>Agent</span>\n</button>\n<div id='cw-chatWidget' style='display: none;' role='region' aria-live='polite' aria-label='Chat widget'>\n <div class='logo-container'><img src='logo.svg' alt='Logo' /></div>\n <div class='header'>Support</div>\n <div id='cw-status' style='transition: all 0.3s ease; overflow: hidden;'></div>\n <div id='cw-chatMessages' style='max-height: 200px; overflow-y: auto; padding: 10px;'></div>\n <form id='cw-chatForm' autocomplete='off'>\n <input type='text' id='cw-chatInput' placeholder='Type your message...' required autocomplete='off' />\n <button type='submit'>Send</button>\n </form>\n</div>"
}