extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-14 18:08:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

et2_widget_itempicker: added action button and cleaned up layout

Browse Source
This commit is contained in:
Christian Binder 2012-07-28 11:56:06 +00:00
parent 0904fb74b6
commit 5fc8650ef5
1 changed files with 23 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
etemplate/js/et2_widget_itempicker.js
View File

@ -72,10 +72,18 @@ var et2_itempicker = et2_inputWidget.extend({
this.right_container = null;
this.app_select = null;
this.search = null;
this.button_action = null;
this.itemlist = null;
this.createInputWidget();
},
clearSearchResults: function() {
this.search.val("");
this.itemlist.html("");
this.search.focus();
this.clear.hide();
},
createInputWidget: function() {
var _self = this;
@ -107,7 +115,8 @@ var et2_itempicker = et2_inputWidget.extend({
img.attr("src", img_icon);
var item = $j(document.createElement("li"))
item.attr("id", key)
.click(function() {
.click(function() {
_self.clearSearchResults();
$j(".et2_itempicker_app_select li").removeClass("selected");
$j(this).addClass("selected");
_self.current_app = $j(this).attr("id");
@ -131,13 +140,20 @@ var et2_itempicker = et2_inputWidget.extend({
// Clear button for search
this.clear
.addClass("ui-icon ui-icon-close")
.addClass("et2_itempicker_clear ui-icon ui-icon-close")
.click(function(e){
_self.search.val("");
_self.itemlist.html("");
_self.search.focus();
_self.clearSearchResults();
})
.hide();
// Action button
this.button_action = et2_createWidget("button");
$j(this.button_action.getDOMNode()).addClass("et2_itempicker_button_action");
this.button_action.set_label(this.egw().lang("Action"));
this.button_action.click = function() {
// ToDo: execute defined action
console.log("Button action clicked!");
};
// Itemlist
this.itemlist.attr("id", "itempicker_itemlist");
@ -147,6 +163,7 @@ var et2_itempicker = et2_inputWidget.extend({
this.left.append(this.app_select);
this.right_container.append(this.search);
this.right_container.append(this.clear);
this.right_container.append(this.button_action.getDOMNode());
this.right_container.append(this.itemlist);
this.right.append(this.right_container);
this.div.append(this.right); // right before left to have a natural
@ -182,7 +199,7 @@ var et2_itempicker = et2_inputWidget.extend({
//}
this.itemlist.addClass("loading");
this.clear.show();
this.clear.css("display", "inline-block");
var request = new egw_json_request("etemplate_widget_link::ajax_link_search::etemplate",
[this.current_app, '', request.term, request.options],
this