2020-04-28 23:36:36 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Embeddable Chatbox Demo</title>
|
|
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1">
|
|
|
|
|
</head>
|
|
|
|
|
<body style="height: 100vh;">
|
|
|
|
|
<p style="font-family:sans-serif; padding: 3rem 5rem;">
|
|
|
|
|
<a id="bookmarklet">Bookmarklet (drag it to your bookmarks bar)</a>
|
|
|
|
|
</p>
|
|
|
|
|
<p style="font-family:sans-serif; padding: 3rem 5rem;">Look down!</p>
|
|
|
|
|
|
|
|
|
|
<script src="./chatbox.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
var config = {
|
2020-06-26 03:03:22 +00:00
|
|
|
matrixServerUrl: 'https://matrix.rhok.space',
|
|
|
|
|
botId: '@help-bot:rhok.space',
|
2020-04-28 23:36:36 +00:00
|
|
|
roomName: 'Support Chat',
|
|
|
|
|
termsUrl: 'https://tosdr.org/',
|
2020-05-06 23:46:59 +00:00
|
|
|
introMessage: "This chat application does not collect any of your personal data or any data from your use of this service.",
|
2020-04-28 23:36:36 +00:00
|
|
|
agreementMessage: 'Do you want to continue?',
|
|
|
|
|
confirmationMessage: 'Waiting for a facilitator to join the chat...',
|
|
|
|
|
exitMessage: 'The chat is closed. You may close this window.',
|
|
|
|
|
chatUnavailableMessage: 'The chat service is not available right now. Please try again later.',
|
|
|
|
|
anonymousDisplayName: 'Anonymous',
|
2020-06-26 03:03:22 +00:00
|
|
|
position: 'bottom right',
|
|
|
|
|
size: 'large',
|
|
|
|
|
maxWaitTime: 6000*3,
|
2020-05-06 23:46:59 +00:00
|
|
|
}
|
2020-04-28 23:36:36 +00:00
|
|
|
|
|
|
|
|
EmbeddableChatbox.mount(config);
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
var bookmarklet = "var s= document.createElement('script'); s.setAttribute('src', '"+window.location.href+"bookmarklet.js'); s.setAttribute('crossorigin', 'anonymous'); document.body.appendChild(s);"
|
|
|
|
|
bookmarklet = '(function(){'+ bookmarklet +'})();'
|
|
|
|
|
document.querySelector('a#bookmarklet').setAttribute("href", "javascript:" + encodeURIComponent(bookmarklet));
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
