mirror of
https://github.com/tomoko-dev9/nntpchan.git
synced 2026-03-28 17:32:35 +01:00
Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
9405848c07 |
16
contrib/live/index.html
Normal file
16
contrib/live/index.html
Normal file
@@ -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>
|
||||||
83
contrib/live/live.js
Normal file
83
contrib/live/live.js
Normal file
@@ -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() {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user