X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=js%2Ffk.autocomplete.js;h=6010578ab7b01697ee1b5dd178b7556962991e41;hb=275f7b26604af74aa57f7a4a758735e6bc2ab928;hp=ac7c2ce4e4eaebd5f5c4aa956685ad474847eac1;hpb=bcb672e7ff859168b639ffffc38553bbcf7e918c;p=friendica.git diff --git a/js/fk.autocomplete.js b/js/fk.autocomplete.js index ac7c2ce4e4..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,43 +13,69 @@ 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.height = '150px'; style.width = w; - style.border = '1px solid red'; - style.background = '#cccccc'; style.position = 'absolute'; - 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); - - $(elm).after(this.cont); + + $("body").append(this.cont); } ACPopup.prototype.close = function(){ $(this.cont).remove(); this.ready=false; } ACPopup.prototype.search = function(text){ + var that = this; this.searchText=text; - /*if (this.kp_timer) clearTimeout(this.kp_timer); - this.kp_timer = setTimeout( this._search, 1000);*/ - this._search(); + 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 = { start:0, count:100, search:this.searchText, + type:'c', + conversation: this.conversation_id, } - + $.ajax({ type:'POST', url: this.url, @@ -57,33 +83,52 @@ ACPopup.prototype._search = function(){ dataType: 'json', success:function(data){ that.cont.html(""); - $(data.items).each(function(){ - if (this.type=="c"){ - html = "{1} ({2})".format(this.photo, this.name, this.nick) - that.add(html, this.nick); - } - }); + if (data.tot>0){ + that.cont.show(); + $(data.items).each(function(){ + 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; @@ -91,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' ) { - this.cont.children().css({background:'#cccccc'}).removeClass('selected'); - $(this.cont.children()[this.idsel]).css({background:'#ccccff'}).addClass('selected'); + + 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(); } @@ -112,11 +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){ @@ -127,17 +175,18 @@ 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;} } - - + + } - }); - + }); + } + /** * jQuery plugin 'contact_autocomplete' */ @@ -151,4 +200,4 @@ function ContactAutocomplete(element,backend_url){ - +