redmine_extensions 0.2.4 → 0.2.5

data/app/assets/javascripts/redmine_extensions/blocking_utils.js

@@ -0,0 +1,40 @@
+EasyGem.extend = function (deep, target, source) {
+  var copyIsArray;
+  if (typeof deep !== "boolean") {
+    source = target;
+    target = deep;
+    deep = false;
+  }
+  if (!source) return;
+  if (typeof target !== "object") {
+    target = {};
+  }
+  for (var name in source) {
+    if (!source.hasOwnProperty(name)) continue;
+    var trg = target[name];
+    var src = source[name];
+
+    // Prevent never-ending loop
+    if (trg === src) continue;
+    if (deep && src && (typeof src === "object" ||
+            (copyIsArray = Array.isArray(src)))) {
+
+      if (copyIsArray) {
+        copyIsArray = false;
+        var clone = trg && Array.isArray(trg) ? trg : [];
+
+      } else {
+        clone = trg && (typeof src === "object") ? trg : {};
+      }
+
+      // Never move original objects, clone them
+      target[name] = EASY.extend(deep, trg, src);
+
+      // Don't bring in undefined values
+    } else if (src !== undefined) {
+      target[name] = src;
+    }
+  }
+  return target;
+};
+EASY.extend = EasyGem.extend;

data/app/assets/javascripts/redmine_extensions/dynamic_loading.js

@@ -0,0 +1,26 @@
+EasyGem.dynamic = {
+  jsTag: function (src) {
+    var jsScript = document.createElement("script");
+    jsScript.setAttribute("src", src);
+    jsScript.setAttribute("defer", "true");
+    document.head.appendChild(jsScript);
+  },
+  cssTag: function (src) {
+    var link = document.createElement('link');
+    link.rel = "stylesheet";
+    link.type = "text/css";
+    link.href = src;
+    link.media = "all";
+    document.head.appendChild(link);
+  },
+  jsTags: function (array, plugin) {
+    for (var i = 0; i < array.length; i++) {
+      this.jsTag(array[i], plugin);
+    }
+  },
+  cssTags: function (array, plugin) {
+    for (var i = 0; i < array.length; i++) {
+      this.cssTag(array[i], plugin);
+    }
+  }
+};

data/app/assets/javascripts/redmine_extensions/event_bus.js

@@ -0,0 +1,61 @@
+/**
+ * Created by hosekp on 11/10/16.
+ */
+(function () {
+  /**
+   * @method fire
+   * @method on
+   * @method of
+   * @constructor
+   */
+  function EventBus() {
+    this.registeredMap = {};
+  }
+
+  /**
+   * send event to all of the listeners of specified event
+   * @param {String} event
+   * @param {...any}
+   */
+  EventBus.prototype.fire = function (event) {
+    var proFunctions = this.registeredMap[event];
+    if (!proFunctions) return;
+    var slicedArgs = Array.prototype.slice.call(arguments, 1);
+    for (var i = 0; i < proFunctions.length; i++) {
+      proFunctions[i].apply(this, slicedArgs);
+    }
+  };
+  /**
+   * Register listener of specified event
+   * @param {String} event
+   * @param {Function} func
+   */
+  EventBus.prototype.on = function (event, func) {
+    var eventList = this.registeredMap[event];
+    if (!eventList) this.registeredMap[event] = eventList = [];
+    for (var i = 0; i < eventList.length; i++) {
+      if (eventList[i] === func) {
+        return;
+      }
+    }
+    eventList.push(func);
+  };
+  /**
+   *
+   * @param {String} event
+   * @param {Function} func
+   */
+  EventBus.prototype.off = function (event, func) {
+    var eventList = this.registeredMap[event];
+    if (!eventList) return;
+    for (var i = 0; i < eventList.length; i++) {
+      if (eventList[i] === func) {
+        eventList.splice(i, 1);
+        return;
+      }
+    }
+  };
+  window.EASY = window.EASY || {};
+  EASY.eventBusFactory = EventBus;
+  EASY.eventBus = new EventBus();
+})();

data/app/assets/javascripts/redmine_extensions/redmine_extensions.js

@@ -1,419 +1,419 @@
 REDMINE_EXTENSIONS = {
 
-  toggleDiv: function(el_or_id) {
+  toggleDiv: function (el_or_id) {
     var el;
     if (typeof(el_or_id) === 'string') {
-        el = $('#' + el_or_id);
+      el = $('#' + el_or_id);
     } else {
-        el = el_or_id;
+      el = el_or_id;
     }
 
     el.toggleClass('collapsed').slideToggle('fast');
   },
 
-  toggleDivAndChangeOpen: function(toggleElementId, changeOpenElement) {
+  toggleDivAndChangeOpen: function (toggleElementId, changeOpenElement) {
     REDMINE_EXTENSIONS.toggleDiv(toggleElementId);
     $(changeOpenElement).toggleClass('open');
   },
 
-  toggleFilterButtons: function(elButtonsID, elFilter1ID, elFilter2ID)
-  {
-      var elButtons = $('#' + elButtonsID);
-      var elFilter1 = $('#' + elFilter1ID);
-      var elFilter2 = $('#' + elFilter2ID);
+  toggleFilterButtons: function (elButtonsID, elFilter1ID, elFilter2ID) {
+    var elButtons = $('#' + elButtonsID);
+    var elFilter1 = $('#' + elFilter1ID);
+    var elFilter2 = $('#' + elFilter2ID);
 
-      if (elFilter1.hasClass('collapsed') && elFilter2.hasClass('collapsed')) {
-          elButtons.slideUp('slow');
-      } else {
-          elButtons.slideDown('slow');
-      }
+    if (elFilter1.hasClass('collapsed') && elFilter2.hasClass('collapsed')) {
+      elButtons.slideUp('slow');
+    } else {
+      elButtons.slideDown('slow');
+    }
   }
 
 };
 
-window.showFlashMessage = (function(type, message, delay){
-    var $content = $("#content");
-    $content.find(".flash").remove();
-    var element = document.createElement("div");
-    element.className = 'fixed flash ' + type;
-    element.style.position = 'fixed';
-    element.style.zIndex = '10001';
-    element.style.right = '5px';
-    element.style.top = '5px';
-    element.setAttribute("onclick", "closeFlashMessage($(this))");
-    var close = document.createElement("a");
-    close.className = 'icon-close close-icon';
-    close.setAttribute("href", "javascript:void(0)");
-    close.style.float = 'right';
-    close.style.marginLeft = '5px';
-    // close.setAttribute("onclick", "closeFlashMessage($(this))");
-    var span = document.createElement("span");
-    span.innerHTML = message;
-    element.appendChild(close);
-    element.appendChild(span);
-    $content.prepend(element);
-    var $element = $(element);
-    if(delay){
-        setTimeout(function(){
-            window.requestAnimationFrame(function(){
-                closeFlashMessage($element);
-            });
-        }, delay);
-    }
-    return $element;
+window.showFlashMessage = (function (type, message, delay) {
+  var $content = $("#content");
+  $content.find(".flash").remove();
+  var element = document.createElement("div");
+  element.className = 'fixed flash ' + type;
+  element.style.position = 'fixed';
+  element.style.zIndex = '10001';
+  element.style.right = '5px';
+  element.style.top = '5px';
+  element.setAttribute("onclick", "closeFlashMessage($(this))");
+  var close = document.createElement("a");
+  close.className = 'icon-close close-icon';
+  close.setAttribute("href", "javascript:void(0)");
+  close.style.float = 'right';
+  close.style.marginLeft = '5px';
+  // close.setAttribute("onclick", "closeFlashMessage($(this))");
+  var span = document.createElement("span");
+  span.innerHTML = message;
+  element.appendChild(close);
+  element.appendChild(span);
+  $content.prepend(element);
+  var $element = $(element);
+  if (delay) {
+    setTimeout(function () {
+      window.requestAnimationFrame(function () {
+        closeFlashMessage($element);
+      });
+    }, delay);
+  }
+  return $element;
 });
 
-window.closeFlashMessage = (function($element){
-    $element.closest('.flash').fadeOut(500, function(){$element.remove();});
+window.closeFlashMessage = (function ($element) {
+  $element.closest('.flash').fadeOut(500, function () {
+    $element.remove();
+  });
 });
 
+EasyGem.schedule.require(function () {
+  $.widget('easy.easymultiselect', {
+    options: {
+      source: null,
+      rootElement: null, // rootElement in the response from source
+      selected: null,
+      multiple: true, // multiple values can be selected
+      preload: true, // load all possible values
+      position: {collision: 'flip'},
+      autofocus: false,
+      combo: false,
+      inputName: null, // defaults to element prop name
+      render_item: function (ul, item) {
+        return $("<li>")
+            .data("item.autocomplete", item)
+            .text(item.label)
+            .appendTo(ul);
+      },
+      activate_on_input_click: true,
+      load_immediately: false,
+      show_toggle_button: true,
+      select_first_value: true,
+      autocomplete_options: {}
+    },
+
+    _create: function () {
+      this.selectedValues = this.options.selected;
+      this._createUI();
+      this.expanded = false;
+      this.valuesLoaded = false;
+      this.afterLoaded = [];
+      if (Array.isArray(this.options.source)) {
+        this.options.preload = true;
+        this._initData(this.options.source);
+      } else if (this.options.preload && this.options.load_immediately) {
+        this.load();
+      } else if (this.selectedValues) {
+        this.setValue(this.selectedValues);
+      }
+    },
+
+    _createUI: function () {
+      var that = this;
+      this.element.wrap('<span class="easy-autocomplete-tag"></span>');
+      this.tag = this.element.parent();
+      this.inputName = this.options.inputName || this.element.prop('name');
+
+      if (this.options.multiple) { // multiple values
+        this.valueElement = $('<span></span>');
+        this.tag.after(this.valueElement);
+
+        if (this.options.show_toggle_button)
+          this._createToggleButton();
+
+        this.valueElement.entityArray({
+          inputNames: this.inputName,
+          afterRemove: function (entity) {
+            that.element.trigger('change');
+          }
+        });
+      } else { //single value
+        this.valueElement = $('<input>', {type: 'hidden', name: this.inputName});
+        this.element.after(this.valueElement);
+      }
 
-(function($, undefined) {
-
-    $.widget('easy.easymultiselect', {
-        options: {
-            source: null,
-            rootElement: null, // rootElement in the response from source
-            selected: null,
-            multiple: true, // multiple values can be selected
-            preload: true, // load all possible values
-            position: {collision: 'flip'},
-            autofocus: false,
-            combo: false,
-            inputName: null, // defaults to element prop name
-            render_item: function(ul, item) {
-                return $("<li>")
-                    .data("item.autocomplete", item)
-                    .text(item.label)
-                    .appendTo(ul);
-            },
-            activate_on_input_click: true,
-            load_immediately: false,
-            show_toggle_button: true,
-            select_first_value: true,
-            autocomplete_options: {}
-        },
-
-        _create: function() {
-            this.selectedValues = this.options.selected;
-            this._createUI();
-            this.expanded = false;
-            this.valuesLoaded = false;
-            this.afterLoaded = [];
-            if ( Array.isArray(this.options.source) ) {
-                this.options.preload = true;
-                this._initData(this.options.source);
-            } else if ( this.options.preload && this.options.load_immediately) {
-                this.load();
-            } else if ( this.selectedValues ) {
-                this.setValue( this.selectedValues );
-            }
-        },
-
-        _createUI: function() {
-            var that = this;
-            this.element.wrap('<span class="easy-autocomplete-tag"></span>');
-            this.tag = this.element.parent();
-            this.inputName = this.options.inputName || this.element.prop('name');
-
-            if( this.options.multiple ) { // multiple values
-                this.valueElement = $('<span></span>');
-                this.tag.after(this.valueElement);
-
-                if (this.options.show_toggle_button)
-                    this._createToggleButton();
-
-                this.valueElement.entityArray({
-                    inputNames: this.inputName,
-                    afterRemove: function (entity) {
-                        that.element.trigger('change');
-                    }
-                });
-            } else { //single value
-                this.valueElement = $('<input>', {type: 'hidden', name: this.inputName});
-                this.element.after(this.valueElement);
-            }
-
-            this._createAutocomplete();
-            if( !this.options.multiple ) {
-                this.element.css('margin-right', 0);
+      this._createAutocomplete();
+      if (!this.options.multiple) {
+        this.element.css('margin-right', 0);
+      }
+    },
+
+    _createToggleButton: function () {
+      var that = this;
+      this.link_ac_toggle = $('<a>').attr('class', 'icon icon-add clear-link');
+      this.link_ac_toggle.click(function (evt) {
+        var $elem = $(this);
+        evt.preventDefault();
+        that.load(function () {
+          var select = $('<select>').prop('multiple', true).prop('size', 5).prop('name', that.inputName);
+          var option;
+          $.each(that.possibleValues, function (i, v) {
+            option = $('<option>').prop('value', v.id).text(v.value);
+            option.prop('selected', that.getValue().indexOf(v.id) > -1);
+            select.append(option);
+          });
+          var $container = $elem.closest('.easy-multiselect-tag-container');
+          $container.find(':input').prop('disabled', true);
+          $container.children().hide();
+          $container.append(select);
+          that.valueElement = select;
+          that.expanded = true;
+        });
+      });
+      this.element.parent().addClass('input-append');
+      this.element.after(this.link_ac_toggle);
+    },
+
+    _createAutocomplete: function () {
+      var that = this;
+
+      that.element.autocomplete($.extend({
+        source: function (request, response) {
+          if (that.options.preload) {
+            that.load(function () {
+              var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
+              response($.grep(that.possibleValues, function (val, i) {
+                return (!request.term || matcher.test(val.value));
+              }));
+            }, function () {
+              response();
+            });
+          } else { // asking server everytime
+            if (typeof that.options.source === 'function') {
+              that.options.source(function (json) {
+                response(that.options.rootElement ? json[that.options.rootElement] : json);
+              });
+            } else {
+              $.getJSON(that.options.source, {
+                term: request.term
+              }, function (json) {
+                response(that.options.rootElement ? json[that.options.rootElement] : json);
+              });
             }
+          }
         },
-
-        _createToggleButton: function() {
-            var that = this;
-            this.link_ac_toggle = $('<a>').attr('class', 'icon icon-add clear-link');
-            this.link_ac_toggle.click(function(evt) {
-                var $elem = $(this);
-                evt.preventDefault();
-                that.load(function(){
-                    var select = $('<select>').prop('multiple', true).prop('size', 5).prop('name', that.inputName);
-                    var option;
-                    $.each(that.possibleValues, function(i, v) {
-                        option = $('<option>').prop('value', v.id).text(v.value);
-                        option.prop('selected', that.getValue().indexOf(v.id) > -1);
-                        select.append(option);
-                    });
-                    var $container = $elem.closest('.easy-multiselect-tag-container');
-                    $container.find(':input').prop('disabled', true);
-                    $container.children().hide();
-                    $container.append(select);
-                    that.valueElement = select;
-                    that.expanded = true;
-                });
-            });
-            this.element.parent().addClass('input-append');
-            this.element.after(this.link_ac_toggle);
+        minLength: 0,
+        select: function (event, ui) {
+          that.selectValue(ui.item);
+          return false;
         },
-
-        _createAutocomplete: function() {
-            var that = this;
-
-            that.element.autocomplete($.extend({
-                source: function(request, response) {
-                    if( that.options.preload ) {
-                        that.load(function(){
-                            var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
-                            response($.grep(that.possibleValues, function(val, i) {
-                                return ( !request.term || matcher.test(val.value) );
-                            }));
-                        }, function(){
-                            response();
-                        });
-                    } else { // asking server everytime
-                        if( typeof that.options.source === 'function' ) {
-                            that.options.source(function(json){
-                                response(that.options.rootElement ? json[that.options.rootElement] : json);
-                            });
-                        } else {
-                            $.getJSON(that.options.source, {
-                                term: request.term
-                            }, function(json) {
-                                response(that.options.rootElement ? json[that.options.rootElement] : json);
-                            });
-                        }
-                    }
-                },
-                minLength: 0,
-                select: function(event, ui) {
-                    that.selectValue(ui.item);
-                    return false;
-                },
-                change: function(event, ui) {
-                    if (!ui.item) {
-                        if (that.options.combo) {
-                            $(this).val(that.element.val());
-                            if (!that.options.multiple) {
-                                that.valueElement.val(that.element.val());
-                                that.valueElement.change();
-                            }
-                        } else {
-                            $(this).val('');
-                            if (!that.options.multiple) {
-                                that.valueElement.val('');
-                                that.valueElement.change();
-                            }
-                        }
-                    }
-                },
-                position: this.options.position,
-                autoFocus: this.options.autofocus
-            }, this.options.autocomplete_options)).data("ui-autocomplete")._renderItem = this.options.render_item;
-
-            this.element.click(function() {
-                $(this).select();
-            });
-            if( this.options.activate_on_input_click ) {
-                this.element.on('click', function() {
-                    if(!that.options.preload)
-                        that.element.focus().val('');
-                    that.element.trigger('keydown');
-                    that.element.autocomplete("search", that.element.val());
-                });
+        change: function (event, ui) {
+          if (!ui.item) {
+            if (that.options.combo) {
+              $(this).val(that.element.val());
+              if (!that.options.multiple) {
+                that.valueElement.val(that.element.val());
+                that.valueElement.change();
+              }
+            } else {
+              $(this).val('');
+              if (!that.options.multiple) {
+                that.valueElement.val('');
+                that.valueElement.change();
+              }
             }
-
-            $("<button type='button'>&nbsp;</button>")
-                .attr("tabIndex", -1)
-                .insertAfter(that.element)
-                .button({
-                    icons: {
-                        primary: "ui-icon-triangle-1-s"
-                    },
-                    text: false
-                })
-                .removeClass("ui-corner-all")
-                .addClass("ui-corner-right ui-button-icon")
-                .css('font-size', '10px')
-                .css('margin-left', -1)
-                .click(function() {
-                    if (that.element.autocomplete("widget").is(":visible")) {
-                        that.element.autocomplete("close");
-                        that.element.blur();
-                        return;
-                    }
-                    $(this).blur();
-                    if(!that.options.preload)
-                        that.element.focus().val('');
-                    that.element.trigger('keydown');
-                    that.element.autocomplete("search", that.element.val());
-                });
+          }
         },
+        position: this.options.position,
+        autoFocus: this.options.autofocus
+      }, this.options.autocomplete_options)).data("ui-autocomplete")._renderItem = this.options.render_item;
+
+      this.element.click(function () {
+        $(this).select();
+      });
+      if (this.options.activate_on_input_click) {
+        this.element.on('click', function () {
+          if (!that.options.preload)
+            that.element.focus().val('');
+          that.element.trigger('keydown');
+          that.element.autocomplete("search", that.element.val());
+        });
+      }
 
-        _formatData: function(data) {
-            return $.map(data, function(elem, i){
-                var id, value;
-                if (elem instanceof Array) {
-                  value = elem[0];
-                  id = elem[1];
-                } else if (elem instanceof Object) {
-                  value = elem.value;
-                  id = elem.id;
-                } else {
-                  id = value = elem;
-              }
-              return {value: value, id: id};
-            });
-        },
+      $("<button type='button'>&nbsp;</button>")
+          .attr("tabIndex", -1)
+          .insertAfter(that.element)
+          .button({
+            icons: {
+              primary: "ui-icon-triangle-1-s"
+            },
+            text: false
+          })
+          .removeClass("ui-corner-all")
+          .addClass("ui-corner-right ui-button-icon")
+          .css('font-size', '10px')
+          .css('margin-left', -1)
+          .click(function () {
+            if (that.element.autocomplete("widget").is(":visible")) {
+              that.element.autocomplete("close");
+              that.element.blur();
+              return;
+            }
+            $(this).blur();
+            that.element.focus().val('');
+            that.element.trigger('keydown');
+            that.element.autocomplete("search", that.element.val());
+          });
+    },
+
+    _formatData: function (data) {
+      return $.map(data, function (elem, i) {
+        var id, value;
+        if (elem instanceof Array) {
+          value = elem[0];
+          id = elem[1];
+        } else if (elem instanceof Object) {
+          value = elem.value;
+          id = elem.id;
+        } else {
+          id = value = elem;
+        }
+        return {value: value, id: id};
+      });
+    },
 
-        _initData: function(data) {
-            this.possibleValues = this._formatData(data);
-            this.valuesLoaded = true;
+    _initData: function (data) {
+      this.possibleValues = this._formatData(data);
+      this.valuesLoaded = true;
 
-            this.selectedValues = this.selectedValues ? this.selectedValues : [];
-            if( this.selectedValues.length === 0 && this.options.preload && this.options.select_first_value && this.possibleValues.length > 0 ) {
-                this.selectedValues.push(this.possibleValues[0]['id']);
-            }
+      this.selectedValues = this.selectedValues ? this.selectedValues : [];
+      if (this.selectedValues.length === 0 && this.options.preload && this.options.select_first_value && this.possibleValues.length > 0) {
+        this.selectedValues.push(this.possibleValues[0]['id']);
+      }
 
-            this.setValue(this.selectedValues);
-        },
+      this.setValue(this.selectedValues);
+    },
 
-        load: function(success, fail) {
-            var that = this;
-            if( this.valuesLoaded ) {
-                if( typeof success === 'function' )
-                    success();
-                return;
-            }
+    load: function (success, fail) {
+      var that = this;
+      if (this.valuesLoaded) {
+        if (typeof success === 'function')
+          success();
+        return;
+      }
 
-            if( typeof success === 'function' )
-                this.afterLoaded.push(success);
-
-            if( this.loading )
-                return;
-
-            this.loading = true;
-            function successFce(json, status, xhr) {
-                var data = that.options.rootElement ? json[that.options.rootElement] : json;
-                if( !data && window.console  ) {
-                    console.warn('Data could not be loaded! Please check the datasource.');
-                    data = [];
-                }
-                that._initData(data);
-                for (var i = that.afterLoaded.length - 1; i >= 0; i--) {
-                    that.afterLoaded[i].call(that);
-                }
-                that.loading = false;
-            }
-            if( typeof this.options.source === 'function' ) {
-                this.options.source(successFce);
-            } else {
-                $.ajax(this.options.source, {
-                    dataType: 'json',
-                    success: successFce,
-                    error: fail
-                }).always(function(){
-                    that.loading = false; //even if ajax fails
-                });
-            }
-        },
+      if (typeof success === 'function')
+        this.afterLoaded.push(success);
 
-        selectValue: function(value) {
-            if( this.options.multiple ) {
-                this.valueElement.entityArray('add', {
-                    id: value.id,
-                    name: value.value
-                });
-                this.element.trigger('change');
-                this.element.val('');
-            } else {
-                this.element.val(value.value);
-                this.valueElement.val(value.id);
-                this.valueElement.change();
-                this.element.change();
-            }
-        },
+      if (this.loading)
+        return;
 
-        setValue: function(values) {
-            var that = this;
-            if( typeof values === 'undefined' || !values )
-                return false;
-
-            if( this.options.preload ) {
-                this.load(function(){
-                  if( that.options.multiple ) {
-                      that.valueElement.entityArray('clear');
-                  }
-                  that._setValues(values);
-                });
-            } else {
-                if( that.options.multiple ) {
-                    that.valueElement.entityArray('clear');
-                }
-                that._setValues(values);
-            }
-        },
+      this.loading = true;
 
-        _setValues: function(values) {
-            var selected = [];
-
-            if( values.length === 0 )
-                return false;
-
-            // allows the combination of only id values and values with label
-            for (var i = values.length - 1; i >= 0; i--) {
-                if( values[i] instanceof Object && !Array.isArray(values[i]) && values[i] !== null ) {
-                    selected.push( values[i] );
-                } else if( this.options.preload )  {
-                    var that = this;
-                        if( !Array.isArray(that.possibleValues) )
-                            return;
-                        for(var j = that.possibleValues.length - 1; j >= 0; j-- ) {
-                            if ( values[i] === that.possibleValues[j].id || values[i] === that.possibleValues[j].id.toString() ) {
-                                selected.push(that.possibleValues[j]);
-                                break;
-                            }
-                        }
-                } else {
-                    selected.push( {id: values[i], value: values[i]} );
-                }
-            }
-            for (var i = selected.length - 1; i >= 0; i--) {
-                if(this.options.multiple) {
-                    this.valueElement.entityArray('add', { id: selected[i].id, name: selected[i].value });
-                } else {
-                    this.element.val(selected[i].value);
-                    this.valueElement.val(selected[i].id);
-                }
-            }
-        },
+      function successFce(json, status, xhr) {
+        var data = that.options.rootElement ? json[that.options.rootElement] : json;
+        if (!data && window.console) {
+          console.warn('Data could not be loaded! Please check the datasource.');
+          data = [];
+        }
+        that._initData(data);
+        for (var i = that.afterLoaded.length - 1; i >= 0; i--) {
+          that.afterLoaded[i].call(that);
+        }
+        that.loading = false;
+      }
 
-        getValue: function(with_label) {
-            var result;
-            if ( this.options.multiple && !this.expanded ) {
-                result = this.valueElement.entityArray('getValue'); // entityArray
-            } else if ( this.options.multiple ) {
-                result = this.valueElement.val(); // select multiple=true
-            } else {
-                result = [this.valueElement.val()]; // hidden field
-            }
-            if( with_label ) {
-                result = this.possibleValues.filter(function(el) {
-                    return result.indexOf( el.id ) >= 0;
-                });
+      if (typeof this.options.source === 'function') {
+        this.options.source(successFce);
+      } else {
+        $.ajax(this.options.source, {
+          dataType: 'json',
+          success: successFce,
+          error: fail
+        }).always(function () {
+          that.loading = false; //even if ajax fails
+        });
+      }
+    },
+
+    selectValue: function (value) {
+      if (this.options.multiple) {
+        this.valueElement.entityArray('add', {
+          id: value.id,
+          name: value.value
+        });
+        this.element.trigger('change');
+        this.element.val('');
+      } else {
+        this.element.val(value.value);
+        this.valueElement.val(value.id);
+        this.valueElement.change();
+        this.element.change();
+      }
+    },
+
+    setValue: function (values) {
+      var that = this;
+      if (typeof values === 'undefined' || !values)
+        return false;
+
+      if (this.options.preload) {
+        this.load(function () {
+          if (that.options.multiple) {
+            that.valueElement.entityArray('clear');
+          }
+          that._setValues(values);
+        });
+      } else {
+        if (that.options.multiple) {
+          that.valueElement.entityArray('clear');
+        }
+        that._setValues(values);
+      }
+    },
+
+    _setValues: function (values) {
+      var selected = [];
+
+      if (values.length === 0)
+        return false;
+
+      // allows the combination of only id values and values with label
+      for (var i = values.length - 1; i >= 0; i--) {
+        if (values[i] instanceof Object && !Array.isArray(values[i]) && values[i] !== null) {
+          selected.push(values[i]);
+        } else if (this.options.preload) {
+          var that = this;
+          if (!Array.isArray(that.possibleValues))
+            return;
+          for (var j = that.possibleValues.length - 1; j >= 0; j--) {
+            if (values[i] === that.possibleValues[j].id || values[i] === that.possibleValues[j].id.toString()) {
+              selected.push(that.possibleValues[j]);
+              break;
             }
-            return result;
+          }
+        } else {
+          selected.push({id: values[i], value: values[i]});
         }
+      }
+      for (var i = selected.length - 1; i >= 0; i--) {
+        if (this.options.multiple) {
+          this.valueElement.entityArray('add', {id: selected[i].id, name: selected[i].value});
+        } else {
+          this.element.val(selected[i].value);
+          this.valueElement.val(selected[i].id);
+        }
+      }
+    },
+
+    getValue: function (with_label) {
+      var result;
+      if (this.options.multiple && !this.expanded) {
+        result = this.valueElement.entityArray('getValue'); // entityArray
+      } else if (this.options.multiple) {
+        result = this.valueElement.val(); // select multiple=true
+      } else {
+        result = [this.valueElement.val()]; // hidden field
+      }
+      if (with_label) {
+        result = this.possibleValues.filter(function (el) {
+          return result.indexOf(el.id) >= 0;
+        });
+      }
+      return result;
+    }
 
-    });
+  });
 
-})(jQuery);
+}, 'jQueryUI');