diff options
Diffstat (limited to 'src/client/textanalysis.ui.js')
| -rw-r--r-- | src/client/textanalysis.ui.js | 195 |
1 files changed, 195 insertions, 0 deletions
diff --git a/src/client/textanalysis.ui.js b/src/client/textanalysis.ui.js new file mode 100644 index 00000000..5f5718bd --- /dev/null +++ b/src/client/textanalysis.ui.js @@ -0,0 +1,195 @@ +"use strict" + +define(['jquery', 'Bacon', 'consts', 'rz_bus', 'rz_core', 'textanalysis', 'view/completer'], +function($, Bacon, consts, rz_bus, rz_core, textanalysis, completer) { + +var text = "", // Last text of sentence + element_name = '#textanalyser', + element = $(element_name), + element_raw = element[0], + plus_button = $('.add-button'), + description = consts.description; + +var typeselection = function TypeSelectionDialog() { + var e = $('.typeselection'), + e_intro = e.find('#intro'), + e_label = e.find('#chosentypelabel'), + e_name = e.find('#chosentypename'), + e_desc = e.find('#chosentypedesc'), + typeselection = {}; + + typeselection.analysisNodeStart = function() { + typeselection.show(); + } + typeselection.show = function() { + e.css({ + top: window.innerHeight / 2 - 115, + left: window.innerWidth / 2 - 325 + }); + e_label.hide(); + e_desc.hide(); + e_intro.show(); + e.show(); + } + typeselection.hide = function() { + e.hide(); + } + typeselection.showChosenType = function(nodetype) { + var desc = description[nodetype]; + + e_intro.hide(); + e_label.show(); + e_name.html(nodetype); + if (desc) { + e_desc.html(description[nodetype]); + e_desc.show(); + } else { + e_desc.hide(); + } + } + return typeselection; +}(); + +var analysisCompleter = completer(element, $('#input-suggestion'), {hideOnTab: false}); + +function analyzeSentence(sentence, finalize) +{ + var ret = textanalysis.textAnalyser(sentence, finalize); + + switch (ret.state) { + case textanalysis.ANALYSIS_NODE_START: + typeselection.analysisNodeStart(); + break; + case textanalysis.ANALYSIS_LINK: + typeselection.hide(); + break; + } + + var backend_commit = false; + ret.applyToGraph(rz_core.graph, backend_commit); + + if (finalize || sentence.length == 0) { + typeselection.hide(); + } +} + +function textSelect(inp, s, e) { + e = e || s; + if (inp.createTextRange) { + var r = inp.createTextRange(); + r.collapse(true); + r.moveEnd('character', e); + r.moveStart('character', s); + r.select(); + }else if(inp.setSelectionRange) { + inp.focus(); + inp.setSelectionRange(s, e); + } +} + +function changeType(arg) { + var lastnode = textanalysis.lastnode(), + nodetype, + id; + + if(!lastnode) { + id = "new node"; + } else { + id = lastnode.id; + } + nodetype = (arg === 'up'? textanalysis.selected_type_next() : textanalysis.selected_type_prev()); + + if (arg === 'up') { + rz_core.graph.editType(id, null, nodetype); + typeselection.showChosenType(nodetype); + rz_core.graph.findCoordinates(id); + } else { + rz_core.graph.editType(id, null, nodetype); + typeselection.showChosenType(nodetype); + rz_core.graph.findCoordinates(id); + } + rz_core.update_view__graph(true); +} + +return { + analyzeSentence: analyzeSentence, + main:function () { + if (element.length != 1) { + return; + } + + analysisCompleter.options.plug(textanalysis.suggestions_options); + + var document_keydown = new Bacon.Bus(); + rz_bus.ui_key.plug(document_keydown); + + element.keydown(function(e) { + var ret = undefined; + + switch (e.keyCode) { + case 13: + if (!analysisCompleter.handleEnter()) { + submitNewSentence(); + } else { + analyzeSentence(element.val(), false); + } + ret = false; + break; + case 9: //TAB + if (textanalysis.lastnode()) { + e.preventDefault(); + changeType(e.shiftKey ? "up" : "down", textanalysis.lastnode()); + ret = false; + } + break; + } + document_keydown.push({where: consts.KEYSTROKE_WHERE_TEXTANALYSIS, keys: [e.keyCode]}); + return ret; + }); + element.bind('input selectionchange click', function() { + analysisCompleter.oninput(element_raw.value, element_raw.selectionStart); + }); + + function submitNewSentence() { + text = element.val(); + element.val(""); + analyzeSentence(text, true); + text = ""; + } + + // Click is required to prevent the default action - this is a form so that's a post, + // and away we go. + // The mousedown is required because CSS3 transitions eat some events sometimes. This is + // the closest I've come to an explanation: + // http://stackoverflow.com/questions/15786891/browser-sometimes-ignores-a-jquery-click-event-during-a-css3-transform + plus_button.bind("click mousedown", function(e) { + console.dir(e); + submitNewSentence(); + e.preventDefault(); + }); + + var input = new Bacon.Bus(); + rz_bus.ui_input.plug(input); + if ('oninput' in document.documentElement) { + element.on('input', function(e) { + text = element.val(); + analyzeSentence(text, false); + input.push({where: consts.INPUT_WHERE_TEXTANALYSIS, input: text}); + }); + } else { + console.log('textanalysis.ui: fallback to polling'); + window.setInterval(function() { + if (element.val() != text) { + if (text.length * 8 > 500) { + element.css('width', text.length * 8 + 20); + } + // text changed + text = element.val(); + analyzeSentence(text, false); + suggestionChange = false; + } + }, 50); + } + } +}; +}); // define |