Annikka/evennia
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

First version of working, simple webclient with new infrastructure (backend + frontend).

Browse source
This commit is contained in:
Griatch 2016-02-12 12:53:56 +01:00
parent d48691e121
commit 5c7067ddce
3 changed files with 21 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

8
evennia/web/webclient/static/webclient/js/evennia.js
View file

@ -110,9 +110,9 @@ An "emitter" object must have a function
if (typeof callback === 'function') { if (typeof callback === 'function') {
cmdmap[cmdid] = callback; cmdmap[cmdid] = callback;
} }
log('client msg sending: ', data);
this.connection.msg(data); this.connection.msg(data);
log('client msg sending: ', cmdname, args, outargs, outkwargs);
}, },
// Evennia -> Client. // Evennia -> Client.
@ -219,9 +219,9 @@ An "emitter" object must have a function
log("incoming " + data); log("incoming " + data);
Evennia.emit(data[0], data[1], data[2]); Evennia.emit(data[0], data[1], data[2]);
}; };
websocket.msg = function(cmdname, args, kwargs) { websocket.msg = function(data) {
// send // send data across the wire. Make sure to json it.
websocket.send(JSON.stringify([cmdname, args, kwargs])); websocket.send(JSON.stringify(data));
}; };
return websocket; return websocket;

28
evennia/web/webclient/static/webclient/js/webclient_gui.js
View file

@ -27,17 +27,17 @@ var inputlog = function() {
history[0] = ''; // the very latest input is empty for new entry. history[0] = ''; // the very latest input is empty for new entry.
function history_back() { var back = function () {
// step backwards in history stack // step backwards in history stack
history_pos = Math.min(++history_pos, history.length - 1); history_pos = Math.min(++history_pos, history.length - 1);
return history[history.length - 1 - history_pos]; return history[history.length - 1 - history_pos];
} };
function history_fwd() { var fwd = function () {
// step forwards in history stack // step forwards in history stack
history_pos = Math.max(--history_pos, 0); history_pos = Math.max(--history_pos, 0);
return history[history.length -1 - history_pos]; return history[history.length -1 - history_pos];
} };
function history_add(input) { var add = function (input) {
// add a new entry to history, don't repeat latest // add a new entry to history, don't repeat latest
if (input != history[history.length-1]) { if (input != history[history.length-1]) {
if (history.length >= history_max) { if (history.length >= history_max) {
@ -45,12 +45,12 @@ var inputlog = function() {
} }
history[history.length-1] = input; history[history.length-1] = input;
history[history.length] = ''; history[history.length] = '';
}
}
return {back: history_back,
fwd: history_fwd,
add: history_add}
}; };
};
return {back: back,
fwd: fwd,
add: add}
}();
$.fn.appendCaret = function() { $.fn.appendCaret = function() {
/* jQuery extension that will forward the caret to the end of the input, and /* jQuery extension that will forward the caret to the end of the input, and
@ -100,10 +100,12 @@ $(document).keydown( function(event) {
inputfield.focus(); inputfield.focus();
if (code === 13) { // Enter key sends text if (code === 13) { // Enter key sends text
outtext = inputfield.val() outtext = inputfield.val();
inputlog.add(outtext) inputlog.add(outtext);
inputfield.val("");
log("sending outtext", outtext);
Evennia.msg("text", [outtext], {}); Evennia.msg("text", [outtext], {});
event.prevetDefault() event.preventDefault()
} }
else if (code === 38) { // Arrow up else if (code === 38) { // Arrow up
inputfield.val(inputlog.back()).appendCaret(); inputfield.val(inputlog.back()).appendCaret();

2
evennia/web/webclient/templates/webclient/webclient.html
View file

@ -12,7 +12,7 @@
<div id="client"> <div id="client">
<div id="messagewindow"></div> <div id="messagewindow"></div>
<div id="inputform"> <div id="inputform">
<textarea name="inputfield" type="text"> </textarea> <textarea id="inputfield" type="text"> </textarea>
</div> </div>
</div> </div>