initial base, probably will not work

2015-10-07 13:50:15 -04:00
2 changed files with 99 additions and 0 deletions
--- a/contrib/live/index.html
+++ b/contrib/live/index.html
@@ -0,0 +1,16 @@
+<html>
+  <head>
+    <title> nntpchan liveposting </title>
+    <link rel="stylesheet" src="live.css" />
+    <script type="text/javascript" src="live.js">
+    </script>
+  </head>
+  <body>
+    <noscript>
+      <p>nntpchan liveposting is done entirly via javascript and websockets</P>
+      <p>this frontend will not work without javascript enabled</p>
+    </noscript>
+    <div onload="nntpchan_load_ui(this)">
+    </div>
+</body>
+</html>
--- a/contrib/live/live.js
+++ b/contrib/live/live.js
@@ -0,0 +1,83 @@
+
+function create_captcha_pane() {
+  var elem = document.createElement("div");
+  elem.setAttribute("class", "nntpchan_captcha_slash");
+  
+}
+
+// create the base ui
+// pass in a function that does posting
+// return the model
+function create_ui(elem) {
+
+  var pane = document.createElement("div");
+
+  
+  var output = document.createElement("div");
+  output.setAttribute("class", "nntpchan_output");
+
+  var output_elem = document.createElemen("div");
+  output_elem.setAttribute("class", "nntpchan_output_root");
+  output.appendChild(output_elem);
+  
+  pane.appendChild(output);
+  
+  var input = document.createElement("div");
+  input.setAttribute("class", "nntpchan_input");
+  
+  var input_elem = document.createElement("textarea");
+  input_elem.setAttribute("class", "nntpchan_textarea");
+  input.appendChild(input_elem);
+  
+  var submit_elem = document.createElement("input");
+  submit_elem.setAttrbute("type", "button");
+  input.appendChild(submit_elem);
+  
+  pane.appendChild(input);
+
+  
+  elem.appendChild(pane);
+
+  var captcha_elem = create_captcha_pane();
+  
+  elem.appendChild(captcha_elem);
+  
+  return {
+    input: input_elem,
+    submit: submit_elem,
+    output: output_elem,
+    captcha: captcha_elem
+  }
+}
+
+// load ui elements and start stuff up
+function nntpchan_load_ui(elem) {
+  // check for websockets
+  if (!("WebSocket" in window)) {
+    elem.value = "websockets are needed for nntpchan liveposting";
+    return;
+  }
+
+  // TODO: make configurable url
+  var url = "ws://" + location.hostname + ":18080/ws";
+  
+  var socket = new WebSocket(url);
+  
+  var send = function(obj) {
+    socket.send(JSON.stringify(obj));
+  }
+  
+  var ui = create_ui(elem);
+  ui.submit.addEventListener("click", function(ev) {
+    
+  });
+
+  socket.onopen = function() {
+    
+  }
+
+  socket.onmessage = function() {
+    
+  }
+  
+}