openproject/app/assets/javascripts/members_select_boxes.js

//-- copyright
// OpenProject is a project management system.
// Copyright (C) 2012-2018 the OpenProject Foundation (OPF)
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License version 3.
//
// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
// Copyright (C) 2006-2017 Jean-Philippe Lang
// Copyright (C) 2010-2013 the ChiliProject Team
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
//
// See docs/COPYRIGHT.rdoc for more details.
//++

jQuery(document).ready(function($) {
  var load_cb, memberstab, update_cb;
  init_members_cb = function () {
    formatItems = function (item, container, query) {
      var match = item.name.toUpperCase().indexOf(query.term.toUpperCase()),
      tl = query.term.length,
      markup = [];

      if (match < 0) {
        return "<span data-value='" + item.id + "'>" +
               _.escape(item.name) + "</span>";
      }

      markup.push(_.escape(
                  item.name.substring(0, match)));
      markup.push("<span class='select2-match' data-value='" + item.id + "'>");
      markup.push(_.escape(
                  item.name.substring(match, match + tl)));
      markup.push("</span>");
      markup.push(_.escape(
                  item.name.substring(match + tl, item.name.length)));
      return markup.join("");
    };

    formatItemSelection = function (item) {
      return _.escape(item.name);
    };

    $("#members_add_form select.select2-select").each(function (ix, elem){
      var target = $(elem);
      if (target.hasClass("remote") || target.attr("data-ajaxURL") !== undefined) {
        // remote loading
        if (!$.isEmptyObject(target.siblings('div.select2-select.select2-container'))) {
          setTimeout (function () {
            var attributes, allowed, currentName, fakeInput;
            attributes = {};
            allowed = ["title", "placeholder"];

            for(var i = 0; i < target.get(0).attributes.length; i++) {
              currentName = target.get(0).attributes[i].name;
              if(currentName.indexOf("data-") === 0 || $.inArray(currentName, allowed)); //only ones starting with data-
              attributes[currentName] = target.attr(currentName);
            }
            fakeInput = target.after("<input type='hidden'></input>").siblings(":input:first");
            fakeInput.attr(attributes);

            $(fakeInput).select2({
              multiple: fakeInput.attr("multiple"),
              minimumInputLength: fakeInput.attr("data-minimumInputLength") || 0,
              ajax: {
                  url: $(fakeInput).attr("data-ajaxURL"),
                  quietMillis: 500,
                  dataType: 'json',
                  data: function (term, page) {
                      return {
                          q: term, //search term
                          page_limit: 10, // page size
                          page: page, // current page number
                          project_id: fakeInput.attr("data-projectId") // current project id
                      };
                  },
                  results: function (data, page) {
                      return {'results': data.results.items, 'more': data.results.more};
                  }
              },
              formatResult: formatItems,
              formatSelection: formatItemSelection
            });
            target.remove();
          }, 0);
        }
      } else {
        // no remote loading!
        target.select2();
      }
    });
  };

  init_members_cb();
});