html + opts

6 years ago · 60c699bae4
parent 371be47195
commit 60c699bae4
2 changed files with 77 additions and 3 deletions
--- a/eliza.html
+++ b/eliza.html
@ -0,0 +1,66 @@
 <!DOCTYPE html>
 <html>
 <head>
    <title></title>
    <meta charset="utf-8">
 <style type="text/css">
    #wrapper {
        display: flex;
        flex-direction: column;
        position: absolute;
        left: 5%; top: 5%; right: 5%; bottom: 5%;
    }
    #textinput {
        width: 100%;
        border: none;
        background: none;
    }
    #input {
        padding: 2%;
        flex: 0 1 auto;
        background: aqua;
    }
    #display { 
        flex: 1 1 auto;
        background: pink;
        padding: 2%;
        overflow: auto;
    }
    #display div.msg {
        padding-bottom: 0.5em;
    }
    #display div.human {
        color: black;
    }
    #display div.bot {
        color: black;
        text-transform: uppercase;
    }
    #display div.debug {
        color: red;
    }
 </style>
 </head>
 <body>
    <div id="wrapper">
        <div id="display">
        </div>
        <div id="input">
        <input type="text" id="textinput" autofocus />
        </div>
    </div>
 <script src="eliza.js"></script>
 <script>
 function eliza (rules) {
    chatbot({
        rules: rules,
        input: document.getElementById("textinput"),
        output: document.getElementById("display"),
        debug: true,
        autoscroll: true
    });
 }
 </script>
 <script src="doctor.js"></script>
 </body>
 </html>
--- a/eliza.js
+++ b/eliza.js
@ -7,7 +7,12 @@ See LICENSE.txt and http://artlibre.org/licence/lal/en/
 Use the accompanying eliza_script_to_json.py to prepare the rules in JSON format
 */
-function chatbot (rules, textarea, display, debug) {
+function chatbot (opts) {
    var rules = opts.rules,
        textarea = opts.input,
        display = opts.output,
        debug = opts.debug || false,
        autoscroll = opts.autoscroll === undefined ? true : opts.autoscroll;
    var saved_statements = [];
    function process_rules (rules) {
        function looping_iterator (l) {
@ -153,7 +158,7 @@ function chatbot (rules, textarea, display, debug) {
            var keyword = keywords[i];
            if ((keyword.token == "xnone") && (saved_statements.length > 0)) {
                console.log("using saved statement");
-                return saved_statements.pop();
+                return saved_statements.shift();
            }
            while (true) {            
                console.log("trying keyword", keyword.token);
@ -183,13 +188,16 @@ function chatbot (rules, textarea, display, debug) {
    function log (msg, kls) {
        var d = document.createElement("div");
-        d.setAttribute("class", kls);
+        d.setAttribute("class", "msg " + kls);
        d.innerHTML = msg;
        display.appendChild(d);
    }
    function say (msg) {
        log(msg, "bot");
        if (autoscroll) {
            display.scrollTop = display.scrollTopMax;
        }
    }
    function process (text) {