Threaded HTTP server -> no laggy refresh

abp/server.py

@@ -1,6 +1,7 @@
 from websocket_server import WebsocketServer
 from SimpleHTTPServer import SimpleHTTPRequestHandler
 from BaseHTTPServer import HTTPServer
+from SocketServer import ThreadingMixIn
 import os, sys, threading
 import webbrowser
 import argparse
@@ -19,6 +20,9 @@ def client_left(client, server):
     print "Client {} disconnected.".format(client["id"])
     clients.remove(client)
 
+class ThreadedHTTPServer(ThreadingMixIn, HTTPServer):
+    """ Handle requests in a separate thread """
+
 if __name__ == '__main__':
     parser = argparse.ArgumentParser(description = "ABP websocket server")
     parser.add_argument("-v", action="store_false", help="Launch browser")
@@ -29,7 +33,7 @@ if __name__ == '__main__':
     os.chdir(where)
 
     # Start the HTTP server
-    httpserver = HTTPServer(('', 5001), SimpleHTTPRequestHandler)
+    httpserver = ThreadedHTTPServer(('', 5001), SimpleHTTPRequestHandler)
     thread = threading.Thread(target = httpserver.serve_forever)
     thread.daemon = True
     thread.start()

static/index.html

@@ -26,15 +26,15 @@
 <div id=server_info class=hidden> </div>
 
 <div id=node_data class=hidden>
-<h3 id=node_name></h3>
+<div id=node_name></div>
 <ul>
     <li id=node_vop></li>
-    <li><a href="#">Measure in X</a></li>
-    <li><a href="#">Measure in Y</a></li>
-    <li><a href="#">Measure in Z</a></li>
-    <li><a href="#">Act Hadamard</a></li>
-    <li><a href="#">Act Phase</a></li>
-    <li><a href="#" onclick="editor.localComplementation()">Invert neighbourhood</a></li>
+    <!--<li><a href="#">Measure in X</a></li>-->
+    <!--<li><a href="#">Measure in Y</a></li>-->
+    <!--<li><a href="#">Measure in Z</a></li>-->
+    <!--<li><a href="#">Act Hadamard</a></li>-->
+    <!--<li><a href="#">Act Phase</a></li>-->
+    <!--<li><a href="#" onclick="editor.localComplementation()">Invert neighbourhood</a></li>-->
     <!--<li>-->
     <!--<a href="#">IA</a>-->
     <!--<a href="#">IB</a>-->

static/main.css

@@ -47,6 +47,7 @@ ul {
 
 li{
     padding:3px;
+    padding-left: 0em;
 }
 
 

static/scripts/materials.js

@@ -14,7 +14,7 @@ materials.prepare = function() {
         linewidth: 2
     });
     materials.qubit = new THREE.PointsMaterial({
-        size: 0.5,
+        size: 0.3,
         map: ballSprite,
         alphaTest: 0.5,
         transparent: true,