-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathchatbot-index.html
76 lines (64 loc) · 7.69 KB
/
chatbot-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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html style="overflow-y: hidden;"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<title>LexWebUi Demo</title>
<!-- empty favicon to avoid 404 -->
<link id="lex-web-ui-loader-css" type="text/css" rel="stylesheet" href="LexWebUi%20Demo_files/lex-web-ui-loader.css"><link id="lex-web-ui-css" type="text/css" rel="stylesheet" href="LexWebUi%20Demo_files/lex-web-ui.css"><link id="vuetify-css" type="text/css" rel="stylesheet" href="LexWebUi%20Demo_files/vuetify.css"><link id="roboto-material-icons-css" type="text/css" rel="stylesheet" href="LexWebUi%20Demo_files/css.css"><link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon">
<style type="text/css">.primary{background-color:#1976D2 !important;border-color:#1976D2 !important;}.primary--text{color:#1976D2 !important;}.secondary{background-color:#424242 !important;border-color:#424242 !important;}.secondary--text{color:#424242 !important;}.accent{background-color:#82B1FF !important;border-color:#82B1FF !important;}.accent--text{color:#82B1FF !important;}.error{background-color:#FF5252 !important;border-color:#FF5252 !important;}.error--text{color:#FF5252 !important;}.info{background-color:#2196F3 !important;border-color:#2196F3 !important;}.info--text{color:#2196F3 !important;}.success{background-color:#4CAF50 !important;border-color:#4CAF50 !important;}.success--text{color:#4CAF50 !important;}.warning{background-color:#FFC107 !important;border-color:#FFC107 !important;}.warning--text{color:#FFC107 !important;}.application a{color: #1976D2;}</style></head>
<body>
<!-- babel-polyfill needed for IE11 -->
<script src="LexWebUi%20Demo_files/polyfill.js" integrity="sha256-WRc/eG3R84AverJv0zmqxAmdwQxstUpqkiE+avJ3WSo=" crossorigin="anonymous"></script>
<!--
Loader script.
Creates a global variable named ChatbotUiLoader.
-->
<script src="LexWebUi%20Demo_files/lex-web-ui-loader.js"></script>
<!--
The following script instantiate the full page loader and
calls its load function.
-->
<script>
// In the most simple form, you can load the component in a single statement:
// new ChatBotUiLoader.FullPageLoader().load();
// The script below break the process into parts to further illustrate
// the load process.
// The ChatBotUiLoader variable contains the FullPageLoader field which is a
// constructor for the loader.
var Loader = ChatBotUiLoader.FullPageLoader;
// The loader constructor supports various configurable options used to
// control how the component configuration and dependencies are retrieved.
// In this case, we are just passing one option (which doesn't changethe
// default) for illustration purposes.
var loaderOpts = {
// The following option controls if the local config should be ignored
// when running this page embedded in an iframe.
// If set to true, only passes the parentOrigin field when run as an
// iframe and delegates the config to the parent
shouldIgnoreConfigWhenEmbedded: true
};
// Instantiate the loader by optionally passing the loader options to
// control its behavior. You may leave the options empty if you wish
// to take the defaults which works in most cases.
var loader = new Loader(loaderOpts);
// When loading the chatbot UI component, you can optionally pass it a
// configuration object
var chatbotUiConfig = {
lex: {
sessionAttributes: {
userAgent: navigator.userAgent
}
}
};
// Calling the load function of the loader does a few things:
// 1. Loads JavaScript and CSS dependencies to the DOM
// 2. Loads the chatbot UI configuration from various sources
// (e.g. JSON file, mobile hub event)
// 3. Instantiates the chatbot UI component in the DOM
loader.load(chatbotUiConfig);
</script>
<script id="aws-script" type="text/javascript" src="LexWebUi%20Demo_files/aws-sdk-2.js"></script><script id="aws_bots_config-script" type="text/javascript" src="LexWebUi%20Demo_files/aws-config.js"></script><script id="vue-script" type="text/javascript" src="LexWebUi%20Demo_files/vue.js"></script><script id="vuex-script" type="text/javascript" src="LexWebUi%20Demo_files/vuex.js"></script><script id="vuetify-script" type="text/javascript" src="LexWebUi%20Demo_files/vuetify.js"></script><script id="lexwebui-script" type="text/javascript" src="LexWebUi%20Demo_files/lex-web-ui.js"></script><div id="lex-web-ui"><div data-app="true" class="application theme--light" id="lex-web"><div class="tooltip__content" style="left: 12px; opacity: 0; top: 12px; z-index: 0; display: none;"><span id="input-button-tooltip">click to use voice</span></div><div class="tooltip__content" style="left: 12px; opacity: 0; top: 12px; z-index: 0; display: none;"><span id="min-max-tooltip">minimize</span></div><div class="application--wrap"><nav class="toolbar toolbar--dense toolbar--fixed theme--dark red" style="margin-top: 0px; padding-right: 0px; padding-left: 0px;"><div class="toolbar__content" style="height: 48px;"><!----> <!----> <div class="toolbar__title hidden-xs-and-down">
ArtificeOn
</div> <div class="toolbar__title hidden-xs-and-down">
</div> <div class="spacer"></div> <span class="tooltip tooltip--left"><span></span></span> <!----></div></nav> <div class="content--wrap"><main class="content" style="padding: 48px 0px;"><div class="container message-list-container fluid pa-0"><div data-v-6f155304="" class="layout message-list column fill-height"><div data-v-46cd8705="" data-v-6f155304="" class="flex message d-flex message-bot"><div data-v-46cd8705="" class="layout message-layout column ma-2"><div data-v-46cd8705="" class="flex message-bubble-date-container d-flex"><div data-v-46cd8705="" class="layout message-bubble-column column"><div data-v-46cd8705="" class="flex message-bubble-avatar-container d-flex"><div data-v-46cd8705="" class="layout message-bubble-row row"><!----> <div data-v-46cd8705="" tabindex="1" class="message-bubble focusable"><div data-v-4f01cfd4="" data-v-46cd8705="" class="message-text">Hi, This is Samantha.</div> <!----> <!----></div></div></div> <!----></div></div> <!----></div></div> <!----></div></div></main></div> <footer class="footer footer--fixed" style="padding-left: 0px; padding-right: 0px;"><div class="layout input-container row justify-space-between ma-0"><nav class="toolbar toolbar--dense white" style="margin-top: 0px;"><div class="toolbar__content" style="height: 48px;"><div class="input-group input-group--hide-details input-group--text-field input-group--single-line primary--text"><label for="text-input">Type here or click on the mic</label><div class="input-group__input"><input id="text-input" name="text-input" tabindex="0" type="text"></div><div class="input-group__details"></div></div> <div data-v-85675648="" class="flex recorder-status white" style="display: none;"><div data-v-85675648="" class="status-text"><span data-v-85675648="">Click on the mic</span></div> <div data-v-85675648="" class="voice-controls ml-2"><!----> <!----> <!----></div></div> <span class="tooltip tooltip--left"><span></span></span> <button type="button" class="black--text input-button btn btn--icon" data-ripple="true"><div class="btn__content"><i aria-hidden="true" class="material-icons icon icon--medium">mic</i></div></button></div></nav></div></footer></div></div></div></body></html>