X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=js%2Ffk.autocomplete.js;h=6010578ab7b01697ee1b5dd178b7556962991e41;hb=62103fe5f42363d14e33b127c5ccaf2ba176d6ca;hp=1484758add7091ccecf1994305ab45553b4a0290;hpb=1aba538c96628468b84136386496ccc69050e810;p=friendica.git diff --git a/js/fk.autocomplete.js b/js/fk.autocomplete.js index 1484758add..6010578ab7 100644 --- a/js/fk.autocomplete.js +++ b/js/fk.autocomplete.js @@ -1,11 +1,11 @@ /** - * Friendika people autocomplete + * Friendica people autocomplete * * require jQuery, jquery.textareas */ - - - + + + function ACPopup(elm,backend_url){ this.idsel=-1; this.element = elm; @@ -13,25 +13,46 @@ function ACPopup(elm,backend_url){ this.ready=true; this.kp_timer = false; this.url = backend_url; - - style = $(elm).offset(); - w = $(elm).width(); - h = $(elm).height(); + + this.conversation_id = null; + var conv_id = this.element.id.match(/\d+$/); + if (conv_id) this.conversation_id = conv_id[0]; + console.log("ACPopup elm id",this.element.id,"conversation",this.conversation_id); + + var w = 530; + var h = 130; + + + if(tinyMCE.activeEditor == null) { + style = $(elm).offset(); + w = $(elm).width(); + h = $(elm).height(); + } + else { + // I can't find an "official" way to get the element who get all + // this fraking thing that is tinyMCE. + // This code will broke again at some point... + var container = $(tinyMCE.activeEditor.getContainer()).find("table"); + style = $(container).offset(); + w = $(container).width(); + h = $(container).height(); + } + style.top=style.top+h; style.width = w; style.position = 'absolute'; -/* style['max-height'] = '150px'; - style.border = '1px solid red'; - style.background = '#cccccc'; - - style.overflow = 'auto'; - style['z-index'] = '100000'; -*/ + /* style['max-height'] = '150px'; + style.border = '1px solid red'; + style.background = '#cccccc'; + + style.overflow = 'auto'; + style['z-index'] = '100000'; + */ style.display = 'none'; - + this.cont = $("
"); this.cont.css(style); - + $("body").append(this.cont); } ACPopup.prototype.close = function(){ @@ -44,7 +65,7 @@ ACPopup.prototype.search = function(text){ if (this.kp_timer) clearTimeout(this.kp_timer); this.kp_timer = setTimeout( function(){that._search();}, 500); } -ACPopup.prototype._search = function(){ +ACPopup.prototype._search = function(){ console.log("_search"); var that = this; var postdata = { @@ -52,8 +73,9 @@ ACPopup.prototype._search = function(){ count:100, search:this.searchText, type:'c', + conversation: this.conversation_id, } - + $.ajax({ type:'POST', url: this.url, @@ -64,33 +86,49 @@ ACPopup.prototype._search = function(){ if (data.tot>0){ that.cont.show(); $(data.items).each(function(){ - html = "{1} ({2})".format(this.photo, this.name, this.nick) - that.add(html, this.nick); - }); + var html = "{1} ({2})".format(this.photo, this.name, this.nick); + var nick = this.nick.replace(' ',''); + if (this.id!=='') nick += '+' + this.id; + that.add(html, nick + ' - ' + this.link); + }); } else { that.cont.hide(); } } }); - + } ACPopup.prototype.add = function(label, value){ var that=this; var elm = $("
"+label+"
"); elm.click(function(e){ - t = $(this).attr('title'); - el=$(that.element); - sel = el.getSelection(); - sel.start = sel.start- that.searchText.length; - el.setSelection(sel.start,sel.end).replaceSelectedText(t).collapseSelection(false); - that.close(); + t = $(this).attr('title').replace(new RegExp(' \- .*'),''); + if(typeof(that.element.container) === "undefined") { + el=$(that.element); + sel = el.getSelection(); + sel.start = sel.start- that.searchText.length; + el.setSelection(sel.start,sel.end).replaceSelectedText(t+' ').collapseSelection(false); + that.close(); + } + else { + txt = tinyMCE.activeEditor.getContent(); + // alert(that.searchText + ':' + t); + newtxt = txt.replace('@' + that.searchText,'@' + t +' '); + tinyMCE.activeEditor.setContent(newtxt); + tinyMCE.activeEditor.focus(); + that.close(); + } }); $(this.cont).append(elm); } ACPopup.prototype.onkey = function(event){ - if (event.keyCode == '13' && this.idsel>-1) { - this.cont.children()[this.idsel].click(); - event.preventDefault(); + if (event.keyCode == '13') { + if(this.idsel>-1) { + this.cont.children()[this.idsel].click(); + event.preventDefault(); + } + else + this.close(); } if (event.keyCode == '38') { //cursor up cmax = this.cont.children().size()-1; @@ -98,18 +136,18 @@ ACPopup.prototype.onkey = function(event){ if (this.idsel<0) this.idsel=cmax; event.preventDefault(); } - if (event.keyCode == '40') { //cursor down + if (event.keyCode == '40' || event.keyCode == '9') { //cursor down cmax = this.cont.children().size()-1; this.idsel++; if (this.idsel>cmax) this.idsel=0; event.preventDefault(); } - - if (event.keyCode == '38' || event.keyCode == '40' ) { + + if (event.keyCode == '38' || event.keyCode == '40' || event.keyCode == '9') { this.cont.children().removeClass('selected'); $(this.cont.children()[this.idsel]).addClass('selected'); } - + if (event.keyCode == '27') { //ESC this.close(); } @@ -119,14 +157,14 @@ function ContactAutocomplete(element,backend_url){ this.pattern=/@([^ \n]+)$/; this.popup=null; var that = this; - + $(element).unbind('keydown'); $(element).unbind('keyup'); - + $(element).keydown(function(event){ if (that.popup!==null) that.popup.onkey(event); }); - + $(element).keyup(function(event){ cpos = $(this).getSelection(); if (cpos.start==cpos.end){ @@ -137,15 +175,15 @@ function ContactAutocomplete(element,backend_url){ } if (that.popup.ready && match[1]!==that.popup.searchText) that.popup.search(match[1]); if (!that.popup.ready) that.popup=null; - + } else { if (that.popup!==null) {that.popup.close(); that.popup=null;} } - - + + } - }); - + }); + } @@ -162,4 +200,4 @@ function ContactAutocomplete(element,backend_url){ - +