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

ci

Browse Source
This commit is contained in:
Oliver committed 2025-07-28 12:09:24 -03:00
1 parent 682d820f2c
commit 8d1576eee7
5 files changed
+98 -4
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/widget/custom/brandize.css
-1
View File
@@ -5,7 +5,6 @@
position: fixed;
bottom: 24px;
right: 24px;
background-color: #FFA500;
color: white;
padding: 12px 16px;
border-radius: 25px;
public/widget/custom/brandize.json
+1 -1
View File
@@ -1,6 +1,6 @@
{
"api": "https://brandize.n8n.odoo4projects.com/webhook/81742473-b50b-4845-a5f9-916d9fe60876/chat",
"preamble": "Welcome to Brandize",
"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>"
"widgetHTML": "<button id='cw-chatToggle' aria-label='Toggle chat widget' type='button'>\n <img src='brandize.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='brandize.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>"
}
public/widget/custom/brandize.svg
+96
View File
@@ -0,0 +1,96 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="84.39254mm"
height="26.051954mm"
viewBox="0 0 84.392542 26.051954"
version="1.1"
id="svg312"
sodipodi:docname="logo.svg"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview314"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.73584463"
inkscape:cx="152.88553"
inkscape:cy="561.25978"
inkscape:window-width="1920"
inkscape:window-height="1164"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs309">
<mask
id="mask-3">
<g
filter="url(#filter-remove-color)"
id="g463">
<image
id="use461"
x="0"
y="0"
width="1069"
height="330"
xlink:href="data:image/png;base64,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 truncated
style="filter:url(#filter-color-to-alpha)"
transform="matrix(0.223782,0,0,0.223782,119.61108,113.04065)" />
</g>
</mask>
<filter
id="filter-remove-color"
x="0"
y="0"
width="1"
height="1">
<feColorMatrix
color-interpolation-filters="sRGB"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"
id="feColorMatrix2" />
</filter>
<filter
id="filter-color-to-alpha"
x="0"
y="0"
width="1"
height="1">
<feColorMatrix
color-interpolation-filters="sRGB"
values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.2126 0.7152 0.0722 0 0"
id="feColorMatrix5" />
</filter>
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(273.75559,28.127675)">
<g
mask="url(#mask-3)"
id="g487"
transform="matrix(0.35277777,0,0,0.35277777,-315.95172,-68.005903)">
<image
id="use485"
x="119.61108"
y="113.04065"
width="239.22296"
height="73.848061"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABC0AAAFKCAIAAAC2JzIZAAAABmJLR0QA/wD/AP+gvaeTAAAEGUlEQVR4nO3BMQEAAADCoPVPbQhfoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgNcAKEAAARqBEecAAAAASUVORK5CYII=" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

public/widget/custom/od8n.css
-1
View File
@@ -5,7 +5,6 @@
position: fixed;
bottom: 24px;
right: 24px;
background-color: #FFA500;
color: white;
padding: 12px 16px;
border-radius: 25px;
public/widget/custom/od8n.json
+1 -1
View File
@@ -1,6 +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>"
"widgetHTML": "<button id='cw-chatToggle' aria-label='Toggle chat widget' type='button'>\n <img src='button.png' alt='Logo'></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='button.png' 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>"
}