-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
43 lines (41 loc) · 1.88 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<html>
<head>
<script crossorigin src="https://cdn.jsdelivr.net/npm/[email protected]/umd/react.production.min.js"></script>
<script crossorigin src="https://cdn.jsdelivr.net/npm/[email protected]/umd/react-dom.production.min.js"></script>
<!--
<script crossorigin src="https://unpkg.com/react/umd/react.production.min.js" ></script>
<script crossorigin src="https://unpkg.com/react-dom/umd/react-dom.production.min.js" ></script>
-->
<script src="https://unpkg.com/@prk/react-web-chat/umd/@prk/react-web-chat.min.js" ></script>
<link rel="stylesheet" href="https://unpkg.com/react-web-chat/umd/main.css" />
<link rel="stylesheet" href="style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alfred, Eskom's chatbot</title>
</head>
<body>
<style type="text/css"></style>
<div class="AlfredHelm">
<div class="AlfredHelm-privacy-notice">
<a target="blank" href="https://www.eskom.co.za/wp-content/uploads/2023/01/Eskom_External_Privacy_Statement_25012023.pdf">Privacy Notice</a>
</div>
<div class="AlfredHelm-greeting">
<span>Hello, I'm Alfred! <span class="AlfredHelm-instruction">I can help you with all things electricity.</span></span>
<img class="AlfredHelm-logo" src="./Eskom_Logo_RHS.png"/>
</div>
<div class="AlfredHelm-chatcontainer" id="my-chat-element"></div>
</div>
<script>
var myChatElement = document.getElementById("my-chat-element");
var reactWebChat = new ReactWebChat({
url: "https://chat.prd.alfred-infra.co.za/chat_sockjs",
element: myChatElement,
avatar: "./avatar.png",
network: {
channel_id: "930da254-5752-4bf0-96c4-d16df38f3e19"
}
});
var sendButton = document.getElementsByClassName("Input-send")[0];
sendButton.innerHTML = 'Send';
</script>
</body>
</html>