X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=js%2Ffk.autocomplete.js;h=b1db92c41447df473747736f08b68c8d856cad31;hb=266512e801f658bcd0d82c0588013c00bea03621;hp=ac7c2ce4e4eaebd5f5c4aa956685ad474847eac1;hpb=bcb672e7ff859168b639ffffc38553bbcf7e918c;p=friendica.git

diff --git a/js/fk.autocomplete.js b/js/fk.autocomplete.js
index ac7c2ce4e4..b1db92c414 100644
--- a/js/fk.autocomplete.js
+++ b/js/fk.autocomplete.js
@@ -1,5 +1,5 @@
 /**
- * Friendika people autocomplete
+ * Friendica people autocomplete
  *
  * require jQuery, jquery.textareas
  */
@@ -13,41 +13,60 @@ 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();
+
+	var w = 530;
+	var h = 130;
+
+
+	if(typeof elm.editorId == "undefined") {	
+		style = $(elm).offset();
+		w = $(elm).width();
+		h = $(elm).height();
+	}
+	else {
+		var container = elm.getContainer();
+		if(typeof container != "undefined") {
+			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 = $("<div class='acpopup'></div>");
 	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(){	
-
+	console.log("_search");
 	var that = this;
 	var postdata = {
 		start:0,
 		count:100,
 		search:this.searchText,
+		type:'c',
 	}
 	
 	$.ajax({
@@ -57,33 +76,50 @@ ACPopup.prototype._search = function(){
 		dataType: 'json',
 		success:function(data){
 			that.cont.html("");
-			$(data.items).each(function(){
-				if (this.type=="c"){
+			if (data.tot>0){
+				that.cont.show();
+				$(data.items).each(function(){
 					html = "<img src='{0}' height='16px' width='16px'>{1} ({2})".format(this.photo, this.name, this.nick)
-					that.add(html, this.nick);
-				}
-			});			
+						that.add(html, this.nick.replace(' ','') + '+' + this.id + ' - ' + this.link);
+				});			
+			} else {
+				that.cont.hide();
+			}
 		}
 	});
 	
 }
-ACPopup.prototype.add = function(label, value){
+	ACPopup.prototype.add = function(label, value){
 	var that=this;
 	var elm = $("<div class='acpopupitem' title='"+value+"'>"+label+"</div>");
 	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,16 +127,16 @@ 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
@@ -113,6 +149,9 @@ function ContactAutocomplete(element,backend_url){
 	this.popup=null;
 	var that = this;
 	
+	$(element).unbind('keydown');
+	$(element).unbind('keyup');
+	
 	$(element).keydown(function(event){
 		if (that.popup!==null) that.popup.onkey(event);
 	});
@@ -138,6 +177,7 @@ function ContactAutocomplete(element,backend_url){
 	
 }
 
+
 /**
  * jQuery plugin 'contact_autocomplete'
  */