From 55de83c544b3066ff883886c837df87d8291f298 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Lo=C3=AFc=20Collignon?= <loic.collignon@iot.bzh>
Date: Mon, 31 Jul 2017 11:27:20 +0200
Subject: [PATCH] added alternative UI.
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Change-Id: Ic90ee4fdf051d3b467771f87a598605831bb53d6
Signed-off-by: Loïc Collignon <loic.collignon@iot.bzh>
---
 ll-auth-binding/htdocs/IdentityBinding2.js | 87 ++++++++++++++++++++++++++++++
 ll-auth-binding/htdocs/auth2.html          | 19 +++++++
 2 files changed, 106 insertions(+)
 create mode 100644 ll-auth-binding/htdocs/IdentityBinding2.js
 create mode 100644 ll-auth-binding/htdocs/auth2.html

diff --git a/ll-auth-binding/htdocs/IdentityBinding2.js b/ll-auth-binding/htdocs/IdentityBinding2.js
new file mode 100644
index 0000000..26495ba
--- /dev/null
+++ b/ll-auth-binding/htdocs/IdentityBinding2.js
@@ -0,0 +1,87 @@
+    var afb = new AFB("api", "mysecret");
+    var ws;
+    var evtidx=0;
+
+    function getParameterByName(name, url) {
+        if (!url) {
+          url = window.location.href;
+        }
+        name = name.replace(/[\[\]]/g, "\\$&");
+        var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
+            results = regex.exec(url);
+        if (!results) return null;
+        if (!results[2]) return '';
+        return decodeURIComponent(results[2].replace(/\+/g, " "));
+    }
+
+    // default soundcard is "PCH"
+    var devid=getParameterByName("devid");
+    if (!devid) devid="hw:0";
+
+    var sndname=getParameterByName("sndname");
+    if (!sndname) sndname="PCH";
+
+    var quiet=getParameterByName("quiet");
+    if (!quiet) quiet="99";
+
+    function init() {
+            ws = new afb.ws(onopen, onabort);
+    }
+
+    function onopen() {
+            document.getElementById("background").style.background  = "lightgray";
+            ws.onevent("*", gotevent);
+    }
+
+    function onabort() {
+            document.getElementById("background").style.background  = "IndianRed";
+    }
+
+    function replyok(obj) {
+            console.log("replyok:" + JSON.stringify(obj));
+            document.getElementById("output").innerHTML = "OK: "+JSON.stringify(obj);
+    }
+
+    function replyerr(obj) {
+            console.log("replyerr:" + JSON.stringify(obj));
+            document.getElementById("output").innerHTML = "ERROR: "+JSON.stringify(obj);
+    }
+
+    function gotevent(obj) {
+        console.log("gotevent:" + JSON.stringify(obj));
+        //document.getElementById("outevt").innerHTML = (evtidx++) +": "+JSON.stringify(obj);
+
+        document.getElementById("message").innerHTML = "";
+
+        if (obj.event == "ll-auth/login") {
+           document.getElementById("usertitle").innerHTML = "A valid user is logged in";
+           document.getElementById("userid").innerHTML = obj.data.user;
+           document.getElementById("userdevice").innerHTML = obj.data.device;
+           document.getElementById("background").style.background  = "lightgreen";
+        }
+
+        if (obj.event == "ll-auth/logout") {
+           document.getElementById("usertitle").innerHTML = "No user";
+           document.getElementById("userid").innerHTML = "";
+           document.getElementById("userdevice").innerHTML = "";
+           document.getElementById("background").style.background  = "lightgray";
+        }
+
+        if (obj.event == "ll-auth/failed") {
+           document.getElementById("message").innerHTML = obj.data.message;
+        }
+    }
+
+    function send(message) {
+            var api = document.getElementById("api").value;
+            var verb = document.getElementById("verb").value;
+            document.getElementById("question").innerHTML = "subscribe: "+api+"/"+verb + " (" + JSON.stringify(message) +")";
+            ws.call(api+"/"+verb, {data:message}).then(replyok, replyerr);
+    }
+
+
+    function callbinder(api, verb, query) {
+            console.log ("subscribe api="+api+" verb="+verb+" query=" +query);
+            document.getElementById("question").innerHTML = "apicall: " + api+"/"+verb +" ("+ JSON.stringify(query)+")";
+            ws.call(api+"/"+verb, query).then(replyok, replyerr);
+    }
diff --git a/ll-auth-binding/htdocs/auth2.html b/ll-auth-binding/htdocs/auth2.html
new file mode 100644
index 0000000..01e5e4f
--- /dev/null
+++ b/ll-auth-binding/htdocs/auth2.html
@@ -0,0 +1,19 @@
+<html>
+    <head>
+        <title>ll-auth-binding test</title>
+        <script type="text/javascript" src="AFB-websock.js"></script>
+        <script type="text/javascript" src="IdentityBinding2.js"></script>
+    </head>
+    
+    <body onload="init();" id="background">
+        <!--<button onclick="init()">Refresh</button>-->
+        <div>
+            <h1 id="usertitle">No user</h1>
+            <ul>
+                <li>User Id : <span id="userid"></span></li>
+                <li>Device : <span id="userdevice"></span></li>
+            </ul>
+        </div>
+        <div id="message" style="color:red;"></div>
+    </body>
+</html>
-- 
2.16.6