Merge branch 'feature/select2-user-ajax'

Dmitriy Zaporozhets
2 parents d1a5e370 ef05423f
Showing 24 changed files with 675 additions and 272 deletions Show diff stats
Gemfile
Gemfile.lock
app/assets/javascripts/application.js
app/assets/javascripts/md5.js
app/assets/javascripts/users_select.js.coffee
app/assets/javascripts/utf8_encode.js
app/assets/stylesheets/application.scss
app/assets/stylesheets/common.scss
app/assets/stylesheets/ref_select.scss
app/assets/stylesheets/selects.scss
app/controllers/application_controller.rb
app/controllers/team_members_controller.rb
app/controllers/teams/members_controller.rb
app/helpers/application_helper.rb
app/models/user_team.rb
app/views/team_members/_form.html.haml
app/views/teams/members/new.html.haml
features/project/team_management.feature
features/steps/project/project_team_management.rb
features/steps/userteams/userteams.rb
@@ -113,6 +113,7 @@ group :assets do
   gem "therubyracer"
   gem 'chosen-rails',     "0.9.8"
+  gem 'select2-rails'
   gem 'jquery-atwho-rails', "0.1.7"
   gem "jquery-rails",     "2.1.3"
   gem "jquery-ui-rails",  "2.0.2"
@@ -384,6 +384,9 @@ GEM
     seed-fu (2.2.0)
       activerecord (~> 3.1)
       activesupport (~> 3.1)
+    select2-rails (3.3.1)
+      sass-rails (>= 3.2)
+      thor (~> 0.14)
     selenium-webdriver (2.30.0)
       childprocess (>= 0.2.5)
       multi_json (~> 1.0)
@@ -534,6 +537,7 @@ DEPENDENCIES
   sass-rails (~> 3.2.5)
   sdoc
   seed-fu
+  select2-rails
   settingslogic
   shoulda-matchers (= 1.3.0)
   sidekiq
@@ -17,6 +17,7 @@
 //= require bootstrap
 //= require modernizr
 //= require chosen-jquery
+//= require select2
 //= require raphael
 //= require g.raphael-min
 //= require g.bar-min
@@ -0,0 +1,211 @@
+function md5 (str) {
+  // http://kevin.vanzonneveld.net
+  // +   original by: Webtoolkit.info (http://www.webtoolkit.info/)
+  // + namespaced by: Michael White (http://getsprink.com)
+  // +    tweaked by: Jack
+  // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
+  // +      input by: Brett Zamir (http://brett-zamir.me)
+  // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
+  // -    depends on: utf8_encode
+  // *     example 1: md5('Kevin van Zonneveld');
+  // *     returns 1: '6e658d4bfcb59cc13f96c14450ac40b9'
+  var xl;
+
+  var rotateLeft = function (lValue, iShiftBits) {
+    return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits));
+  };
+
+  var addUnsigned = function (lX, lY) {
+    var lX4, lY4, lX8, lY8, lResult;
+    lX8 = (lX & 0x80000000);
+    lY8 = (lY & 0x80000000);
+    lX4 = (lX & 0x40000000);
+    lY4 = (lY & 0x40000000);
+    lResult = (lX & 0x3FFFFFFF) + (lY & 0x3FFFFFFF);
+    if (lX4 & lY4) {
+      return (lResult ^ 0x80000000 ^ lX8 ^ lY8);
+    }
+    if (lX4 | lY4) {
+      if (lResult & 0x40000000) {
+        return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);
+      } else {
+        return (lResult ^ 0x40000000 ^ lX8 ^ lY8);
+      }
+    } else {
+      return (lResult ^ lX8 ^ lY8);
+    }
+  };
+
+  var _F = function (x, y, z) {
+    return (x & y) | ((~x) & z);
+  };
+  var _G = function (x, y, z) {
+    return (x & z) | (y & (~z));
+  };
+  var _H = function (x, y, z) {
+    return (x ^ y ^ z);
+  };
+  var _I = function (x, y, z) {
+    return (y ^ (x | (~z)));
+  };
+
+  var _FF = function (a, b, c, d, x, s, ac) {
+    a = addUnsigned(a, addUnsigned(addUnsigned(_F(b, c, d), x), ac));
+    return addUnsigned(rotateLeft(a, s), b);
+  };
+
+  var _GG = function (a, b, c, d, x, s, ac) {
+    a = addUnsigned(a, addUnsigned(addUnsigned(_G(b, c, d), x), ac));
+    return addUnsigned(rotateLeft(a, s), b);
+  };
+
+  var _HH = function (a, b, c, d, x, s, ac) {
+    a = addUnsigned(a, addUnsigned(addUnsigned(_H(b, c, d), x), ac));
+    return addUnsigned(rotateLeft(a, s), b);
+  };
+
+  var _II = function (a, b, c, d, x, s, ac) {
+    a = addUnsigned(a, addUnsigned(addUnsigned(_I(b, c, d), x), ac));
+    return addUnsigned(rotateLeft(a, s), b);
+  };
+
+  var convertToWordArray = function (str) {
+    var lWordCount;
+    var lMessageLength = str.length;
+    var lNumberOfWords_temp1 = lMessageLength + 8;
+    var lNumberOfWords_temp2 = (lNumberOfWords_temp1 - (lNumberOfWords_temp1 % 64)) / 64;
+    var lNumberOfWords = (lNumberOfWords_temp2 + 1) * 16;
+    var lWordArray = new Array(lNumberOfWords - 1);
+    var lBytePosition = 0;
+    var lByteCount = 0;
+    while (lByteCount < lMessageLength) {
+      lWordCount = (lByteCount - (lByteCount % 4)) / 4;
+      lBytePosition = (lByteCount % 4) * 8;
+      lWordArray[lWordCount] = (lWordArray[lWordCount] | (str.charCodeAt(lByteCount) << lBytePosition));
+      lByteCount++;
+    }
+    lWordCount = (lByteCount - (lByteCount % 4)) / 4;
+    lBytePosition = (lByteCount % 4) * 8;
+    lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80 << lBytePosition);
+    lWordArray[lNumberOfWords - 2] = lMessageLength << 3;
+    lWordArray[lNumberOfWords - 1] = lMessageLength >>> 29;
+    return lWordArray;
+  };
+
+  var wordToHex = function (lValue) {
+    var wordToHexValue = "",
+      wordToHexValue_temp = "",
+      lByte, lCount;
+    for (lCount = 0; lCount <= 3; lCount++) {
+      lByte = (lValue >>> (lCount * 8)) & 255;
+      wordToHexValue_temp = "0" + lByte.toString(16);
+      wordToHexValue = wordToHexValue + wordToHexValue_temp.substr(wordToHexValue_temp.length - 2, 2);
+    }
+    return wordToHexValue;
+  };
+
+  var x = [],
+    k, AA, BB, CC, DD, a, b, c, d, S11 = 7,
+    S12 = 12,
+    S13 = 17,
+    S14 = 22,
+    S21 = 5,
+    S22 = 9,
+    S23 = 14,
+    S24 = 20,
+    S31 = 4,
+    S32 = 11,
+    S33 = 16,
+    S34 = 23,
+    S41 = 6,
+    S42 = 10,
+    S43 = 15,
+    S44 = 21;
+
+  str = this.utf8_encode(str);
+  x = convertToWordArray(str);
+  a = 0x67452301;
+  b = 0xEFCDAB89;
+  c = 0x98BADCFE;
+  d = 0x10325476;
+
+  xl = x.length;
+  for (k = 0; k < xl; k += 16) {
+    AA = a;
+    BB = b;
+    CC = c;
+    DD = d;
+    a = _FF(a, b, c, d, x[k + 0], S11, 0xD76AA478);
+    d = _FF(d, a, b, c, x[k + 1], S12, 0xE8C7B756);
+    c = _FF(c, d, a, b, x[k + 2], S13, 0x242070DB);
+    b = _FF(b, c, d, a, x[k + 3], S14, 0xC1BDCEEE);
+    a = _FF(a, b, c, d, x[k + 4], S11, 0xF57C0FAF);
+    d = _FF(d, a, b, c, x[k + 5], S12, 0x4787C62A);
+    c = _FF(c, d, a, b, x[k + 6], S13, 0xA8304613);
+    b = _FF(b, c, d, a, x[k + 7], S14, 0xFD469501);
+    a = _FF(a, b, c, d, x[k + 8], S11, 0x698098D8);
+    d = _FF(d, a, b, c, x[k + 9], S12, 0x8B44F7AF);
+    c = _FF(c, d, a, b, x[k + 10], S13, 0xFFFF5BB1);
+    b = _FF(b, c, d, a, x[k + 11], S14, 0x895CD7BE);
+    a = _FF(a, b, c, d, x[k + 12], S11, 0x6B901122);
+    d = _FF(d, a, b, c, x[k + 13], S12, 0xFD987193);
+    c = _FF(c, d, a, b, x[k + 14], S13, 0xA679438E);
+    b = _FF(b, c, d, a, x[k + 15], S14, 0x49B40821);
+    a = _GG(a, b, c, d, x[k + 1], S21, 0xF61E2562);
+    d = _GG(d, a, b, c, x[k + 6], S22, 0xC040B340);
+    c = _GG(c, d, a, b, x[k + 11], S23, 0x265E5A51);
+    b = _GG(b, c, d, a, x[k + 0], S24, 0xE9B6C7AA);
+    a = _GG(a, b, c, d, x[k + 5], S21, 0xD62F105D);
+    d = _GG(d, a, b, c, x[k + 10], S22, 0x2441453);
+    c = _GG(c, d, a, b, x[k + 15], S23, 0xD8A1E681);
+    b = _GG(b, c, d, a, x[k + 4], S24, 0xE7D3FBC8);
+    a = _GG(a, b, c, d, x[k + 9], S21, 0x21E1CDE6);
+    d = _GG(d, a, b, c, x[k + 14], S22, 0xC33707D6);
+    c = _GG(c, d, a, b, x[k + 3], S23, 0xF4D50D87);
+    b = _GG(b, c, d, a, x[k + 8], S24, 0x455A14ED);
+    a = _GG(a, b, c, d, x[k + 13], S21, 0xA9E3E905);
+    d = _GG(d, a, b, c, x[k + 2], S22, 0xFCEFA3F8);
+    c = _GG(c, d, a, b, x[k + 7], S23, 0x676F02D9);
+    b = _GG(b, c, d, a, x[k + 12], S24, 0x8D2A4C8A);
+    a = _HH(a, b, c, d, x[k + 5], S31, 0xFFFA3942);
+    d = _HH(d, a, b, c, x[k + 8], S32, 0x8771F681);
+    c = _HH(c, d, a, b, x[k + 11], S33, 0x6D9D6122);
+    b = _HH(b, c, d, a, x[k + 14], S34, 0xFDE5380C);
+    a = _HH(a, b, c, d, x[k + 1], S31, 0xA4BEEA44);
+    d = _HH(d, a, b, c, x[k + 4], S32, 0x4BDECFA9);
+    c = _HH(c, d, a, b, x[k + 7], S33, 0xF6BB4B60);
+    b = _HH(b, c, d, a, x[k + 10], S34, 0xBEBFBC70);
+    a = _HH(a, b, c, d, x[k + 13], S31, 0x289B7EC6);
+    d = _HH(d, a, b, c, x[k + 0], S32, 0xEAA127FA);
+    c = _HH(c, d, a, b, x[k + 3], S33, 0xD4EF3085);
+    b = _HH(b, c, d, a, x[k + 6], S34, 0x4881D05);
+    a = _HH(a, b, c, d, x[k + 9], S31, 0xD9D4D039);
+    d = _HH(d, a, b, c, x[k + 12], S32, 0xE6DB99E5);
+    c = _HH(c, d, a, b, x[k + 15], S33, 0x1FA27CF8);
+    b = _HH(b, c, d, a, x[k + 2], S34, 0xC4AC5665);
+    a = _II(a, b, c, d, x[k + 0], S41, 0xF4292244);
+    d = _II(d, a, b, c, x[k + 7], S42, 0x432AFF97);
+    c = _II(c, d, a, b, x[k + 14], S43, 0xAB9423A7);
+    b = _II(b, c, d, a, x[k + 5], S44, 0xFC93A039);
+    a = _II(a, b, c, d, x[k + 12], S41, 0x655B59C3);
+    d = _II(d, a, b, c, x[k + 3], S42, 0x8F0CCC92);
+    c = _II(c, d, a, b, x[k + 10], S43, 0xFFEFF47D);
+    b = _II(b, c, d, a, x[k + 1], S44, 0x85845DD1);
+    a = _II(a, b, c, d, x[k + 8], S41, 0x6FA87E4F);
+    d = _II(d, a, b, c, x[k + 15], S42, 0xFE2CE6E0);
+    c = _II(c, d, a, b, x[k + 6], S43, 0xA3014314);
+    b = _II(b, c, d, a, x[k + 13], S44, 0x4E0811A1);
+    a = _II(a, b, c, d, x[k + 4], S41, 0xF7537E82);
+    d = _II(d, a, b, c, x[k + 11], S42, 0xBD3AF235);
+    c = _II(c, d, a, b, x[k + 2], S43, 0x2AD7D2BB);
+    b = _II(b, c, d, a, x[k + 9], S44, 0xEB86D391);
+    a = addUnsigned(a, AA);
+    b = addUnsigned(b, BB);
+    c = addUnsigned(c, CC);
+    d = addUnsigned(d, DD);
+  }
+
+  var temp = wordToHex(a) + wordToHex(b) + wordToHex(c) + wordToHex(d);
+
+  return temp.toLowerCase();
+}
@@ -0,0 +1,50 @@
+$ ->
+  userFormatResult = (user) ->
+    avatar = gon.gravatar_url
+    avatar = avatar.replace('%{hash}', md5(user.email))
+    avatar = avatar.replace('%{size}', '24')
+
+    markup = "<div class='user-result'>"
+    markup += "<div class='user-image'><img class='avatar s24' src='" + avatar + "'></div>"
+    markup += "<div class='user-name'>" + user.name + "</div>"
+    markup += "<div class='user-username'>" + user.username + "</div>"
+    markup += "</div>"
+    markup
+
+  userFormatSelection = (user) ->
+    user.name
+
+  $('.ajax-users-select').select2
+    placeholder: "Search for a user"
+    multiple: $('.ajax-users-select').hasClass('multiselect')
+    minimumInputLength: 0
+    ajax: # instead of writing the function to execute the request we use Select2's convenient helper
+      url: "/api/" + gon.api_version + "/users.json"
+      dataType: "json"
+      data: (term, page) ->
+        search: term # search term
+        per_page: 10
+        private_token: gon.api_token
+
+      results: (data, page) -> # parse the results into the format expected by Select2.
+        # since we are using custom formatting functions we do not need to alter remote JSON data
+        results: data
+
+    initSelection: (element, callback) ->
+      id = $(element).val()
+      if id isnt ""
+        $.ajax(
+          "/api/" + gon.api_version + "/users/" + id + ".json",
+          dataType: "json"
+          data:
+            private_token: gon.api_token
+        ).done (data) ->
+          callback data
+
+
+    formatResult: userFormatResult # omitted for brevity, see the source of this page
+    formatSelection: userFormatSelection # omitted for brevity, see the source of this page
+    dropdownCssClass: "ajax-users-dropdown" # apply css that makes the dropdown taller
+    escapeMarkup: (m) -> # we do not want to escape markup since we are displaying html in results
+      m
+
@@ -0,0 +1,70 @@
+function utf8_encode (argString) {
+  // http://kevin.vanzonneveld.net
+  // +   original by: Webtoolkit.info (http://www.webtoolkit.info/)
+  // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
+  // +   improved by: sowberry
+  // +    tweaked by: Jack
+  // +   bugfixed by: Onno Marsman
+  // +   improved by: Yves Sucaet
+  // +   bugfixed by: Onno Marsman
+  // +   bugfixed by: Ulrich
+  // +   bugfixed by: Rafal Kukawski
+  // +   improved by: kirilloid
+  // +   bugfixed by: kirilloid
+  // *     example 1: utf8_encode('Kevin van Zonneveld');
+  // *     returns 1: 'Kevin van Zonneveld'
+
+  if (argString === null || typeof argString === "undefined") {
+    return "";
+  }
+
+  var string = (argString + ''); // .replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+  var utftext = '',
+    start, end, stringl = 0;
+
+  start = end = 0;
+  stringl = string.length;
+  for (var n = 0; n < stringl; n++) {
+    var c1 = string.charCodeAt(n);
+    var enc = null;
+
+    if (c1 < 128) {
+      end++;
+    } else if (c1 > 127 && c1 < 2048) {
+      enc = String.fromCharCode(
+         (c1 >> 6)        | 192,
+        ( c1        & 63) | 128
+      );
+    } else if (c1 & 0xF800 != 0xD800) {
+      enc = String.fromCharCode(
+         (c1 >> 12)       | 224,
+        ((c1 >> 6)  & 63) | 128,
+        ( c1        & 63) | 128
+      );
+    } else { // surrogate pairs
+      if (c1 & 0xFC00 != 0xD800) { throw new RangeError("Unmatched trail surrogate at " + n); }
+      var c2 = string.charCodeAt(++n);
+      if (c2 & 0xFC00 != 0xDC00) { throw new RangeError("Unmatched lead surrogate at " + (n-1)); }
+      c1 = ((c1 & 0x3FF) << 10) + (c2 & 0x3FF) + 0x10000;
+      enc = String.fromCharCode(
+         (c1 >> 18)       | 240,
+        ((c1 >> 12) & 63) | 128,
+        ((c1 >> 6)  & 63) | 128,
+        ( c1        & 63) | 128
+      );
+    }
+    if (enc !== null) {
+      if (end > start) {
+        utftext += string.slice(start, end);
+      }
+      utftext += enc;
+      start = end = n + 1;
+    }
+  }
+
+  if (end > start) {
+    utftext += string.slice(start, stringl);
+  }
+
+  return utftext;
+}
@@ -5,6 +5,7 @@
  *= require jquery.ui.gitlab
  *= require jquery.atwho
  *= require chosen
+ *= require select2
  *= require_self
 */
@@ -14,7 +15,7 @@
 @import "gitlab_bootstrap.scss";
 @import "common.scss";
-@import "ref_select.scss";
+@import "selects.scss";
 @import "sections/header.scss";
 @import "sections/nav.scss";
@@ -554,3 +554,4 @@ img.emoji {
 .appear-data {
   display: none;
 }
+
@@ -1,90 +0,0 @@
-/** Branch/tag selector **/
-.project-refs-form {
-  margin: 0;
-  span {
-    background:none !important;
-    position:static !important;
-    width:auto !important;
-    height:auto !important;
-  }
-}
-.project-refs-select {
-  width: 120px;
-}
-
-.project-refs-form .chzn-container {
-  position: relative;
-  top: 0;
-  left: 0;
-  margin-right: 10px;
-
-  .chzn-drop {
-    min-width: 400px;
-    .chzn-results {
-      max-height: 300px;
-    }
-    .chzn-search input {
-      min-width: 365px;
-    }
-  }
-}
-
-/** Fix for Search Dropdown Border **/
-.chzn-container {
-  .chzn-search {
-    input:focus {
-      @include box-shadow(none);
-    }
-  }
-
-  .chzn-drop {
-    margin: 7px 0;
-    min-width: 200px;
-    border: 1px solid #bbb;
-    @include border-radius(0);
-
-    .chzn-results {
-      margin-top: 5px;
-      max-height: 300px;
-
-      .group-result {
-        color: $style_color;
-        border-bottom: 1px solid #EEE;
-        padding: 8px;
-      }
-      .active-result {
-        @include border-radius(0);
-
-        &.highlighted {
-          background: $hover;
-          color: $style_color;
-        }
-        &.result-selected {
-          background: #EEE;
-          border-left: 4px solid #CCC;
-        }
-      }
-    }
-
-    .chzn-search {
-      @include bg-gray-gradient;
-      input {
-        min-width: 165px;
-        border-color: #CCC;
-      }
-    }
-  }
-
-  .chzn-single {
-    @include bg-light-gray-gradient;
-
-    div {
-      background: transparent;
-      border-left: none;
-    }
-
-    span {
-      font-weight: normal;
-    }
-  }
-}
@@ -0,0 +1,110 @@
+.ajax-users-select {
+  width: 400px;
+}
+
+.user-result {
+  .user-image {
+    float: left;
+  }
+  .user-name {
+  }
+  .user-username {
+    color: #999;
+  }
+}
+
+.select2-no-results {
+  padding: 7px;
+  color: #666;
+}
+
+/** Branch/tag selector **/
+.project-refs-form {
+  margin: 0;
+  span {
+    background:none !important;
+    position:static !important;
+    width:auto !important;
+    height:auto !important;
+  }
+}
+.project-refs-select {
+  width: 120px;
+}
+
+.project-refs-form .chzn-container {
+  position: relative;
+  top: 0;
+  left: 0;
+  margin-right: 10px;
+
+  .chzn-drop {
+    min-width: 400px;
+    .chzn-results {
+      max-height: 300px;
+    }
+    .chzn-search input {
+      min-width: 365px;
+    }
+  }
+}
+
+/** Fix for Search Dropdown Border **/
+.chzn-container {
+  .chzn-search {
+    input:focus {
+      @include box-shadow(none);
+    }
+  }
+
+  .chzn-drop {
+    margin: 7px 0;
+    min-width: 200px;
+    border: 1px solid #bbb;
+    @include border-radius(0);
+
+    .chzn-results {
+      margin-top: 5px;
+      max-height: 300px;
+
+      .group-result {
+        color: $style_color;
+        border-bottom: 1px solid #EEE;
+        padding: 8px;
+      }
+      .active-result {
+        @include border-radius(0);
+
+        &.highlighted {
+          background: $hover;
+          color: $style_color;
+        }
+        &.result-selected {
+          background: #EEE;
+          border-left: 4px solid #CCC;
+        }
+      }
+    }
+
+    .chzn-search {
+      @include bg-gray-gradient;
+      input {
+        min-width: 165px;
+        border-color: #CCC;
+      }
+    }
+  }
+
+  .chzn-single {
+    @include bg-light-gray-gradient;
+
+    div {
+      background: transparent;
+      border-left: none;
+    }
+
+    span {
+      font-weight: normal;
+    }
+  }
+}
@@ -152,5 +152,8 @@ class ApplicationController &lt; ActionController::Base
   def add_gon_variables
     gon.default_issues_tracker = Project.issues_tracker.default_value
+    gon.api_version = Gitlab::API.version
+    gon.api_token = current_user.private_token if current_user
+    gon.gravatar_url = request.ssl? ? Gitlab.config.gravatar.ssl_url : Gitlab.config.gravatar.plain_url
   end
 end
@@ -16,7 +16,7 @@ class TeamMembersController &lt; ProjectResourceController
   end
   def create
-    users = User.where(id: params[:user_ids])
+    users = User.where(id: params[:user_ids].split(','))
     @project.team << [users, params[:project_access]]
@@ -13,7 +13,7 @@ class Teams::MembersController &lt; Teams::ApplicationController
   def create
     unless params[:user_ids].blank?
-      user_ids = params[:user_ids]
+      user_ids = params[:user_ids].split(',')
       access = params[:default_project_access]
       is_admin = params[:group_admin]
       user_team.add_members(user_ids, access, is_admin)
@@ -169,4 +169,10 @@ module ApplicationHelper
   end
   alias_method :url_to_image, :image_url
+
+  def users_select_tag(id, opts = {})
+    css_class = "ajax-users-select"
+    css_class << " multiselect" if opts[:multiple]
+    hidden_field_tag(id, '', class: css_class)
+  end
 end
@@ -69,6 +69,9 @@ class UserTeam &lt; ActiveRecord::Base
   end
   def add_members(users, access, group_admin)
+    # reject existing users
+    users.reject! { |id| member_ids.include?(id.to_i) }
+
     users.each do |user|
       add_member(user, access, group_admin)
     end
@@ -11,7 +11,8 @@
   %h6 1. Choose people you want in the team
   .clearfix
     = f.label :user_ids, "People"
-    .input= select_tag(:user_ids, options_from_collection_for_select(User.active.not_in_project(@project).alphabetically, :id, :name_with_username), {data: {placeholder: "Select users"}, class: "chosen xxlarge", multiple: true})
+    .input
+      = users_select_tag(:user_ids, multiple: true)
   %h6 2. Set access level for them
   .clearfix
@@ -20,7 +20,8 @@
           %td= @team.admin?(member) ? "Admin" : "Member"
           %td
       %tr
-        %td= select_tag :user_ids, options_from_collection_for_select(@users , :id, :name_with_username), multiple: true, data: {placeholder: 'Select users'}, class: 'chosen span5'
+        %td
+          = users_select_tag(:user_ids, multiple: true)
         %td= select_tag :default_project_access, options_for_select(Project.access_options), {class: "project-access-select chosen span3" }
         %td
           %span= check_box_tag :group_admin
@@ -11,6 +11,7 @@ Feature: Project Team management
     Then I should be able to see myself in team
     And I should see "Sam" in team list
+  @javascript
   Scenario: Add user to project
     Given I click link "New Team Member"
     And I select "Mike" as "Reporter"
@@ -2,6 +2,7 @@ class ProjectTeamManagement &lt; Spinach::FeatureSteps
   include SharedAuthentication
   include SharedProject
   include SharedPaths
+  include Select2Helper
   Then 'I should be able to see myself in team' do
     page.should have_content(@user.name)
@@ -20,8 +21,9 @@ class ProjectTeamManagement &lt; Spinach::FeatureSteps
   And 'I select "Mike" as "Reporter"' do
     user = User.find_by_name("Mike")
+
+    select2(user.id, from: "#user_ids", multiple: true)
     within "#new_team_member" do
-      select "#{user.name} (#{user.username})", :from => "user_ids"
       select "Reporter", :from => "project_access"
     end
     click_button "Add users"
@@ -2,238 +2,239 @@ class Userteams &lt; Spinach::FeatureSteps
   include SharedAuthentication
   include SharedPaths
   include SharedProject
+  include Select2Helper
-    When 'I do not have teams with me' do
-      UserTeam.with_member(current_user).destroy_all
-    end
+  When 'I do not have teams with me' do
+    UserTeam.with_member(current_user).destroy_all
+  end
-    Then 'I should see dashboard page without teams info block' do
-      page.has_no_css?(".teams-box").must_equal true
-    end
+  Then 'I should see dashboard page without teams info block' do
+    page.has_no_css?(".teams-box").must_equal true
+  end
-    When 'I have teams with my membership' do
-      team = create :user_team, owner: current_user
-      team.add_member(current_user, UserTeam.access_roles["Master"], true)
-    end
+  When 'I have teams with my membership' do
+    team = create :user_team, owner: current_user
+    team.add_member(current_user, UserTeam.access_roles["Master"], true)
+  end
-    Then 'I should see dashboard page with teams information block' do
-      page.should have_css(".teams-box")
-    end
+  Then 'I should see dashboard page with teams information block' do
+    page.should have_css(".teams-box")
+  end
-    When 'exist user teams' do
-      team = create :user_team
-      team.add_member(current_user, UserTeam.access_roles["Master"], true)
-    end
+  When 'exist user teams' do
+    team = create :user_team
+    team.add_member(current_user, UserTeam.access_roles["Master"], true)
+  end
-    And 'I click on "All teams" link' do
-      click_link("All Teams")
-    end
+  And 'I click on "All teams" link' do
+    click_link("All Teams")
+  end
-    Then 'I should see "All teams" page' do
-      current_path.should == teams_path
-    end
+  Then 'I should see "All teams" page' do
+    current_path.should == teams_path
+  end
-    And 'I should see exist teams in teams list' do
-      team = UserTeam.last
-      find_in_list(".teams_list tr", team).must_equal true
-    end
+  And 'I should see exist teams in teams list' do
+    team = UserTeam.last
+    find_in_list(".teams_list tr", team).must_equal true
+  end
-    When 'I click to "New team" link' do
-      click_link("New Team")
-    end
+  When 'I click to "New team" link' do
+    click_link("New Team")
+  end
-    And 'I submit form with new team info' do
-      fill_in 'name', with: 'gitlab'
+  And 'I submit form with new team info' do
+    fill_in 'name', with: 'gitlab'
-      fill_in 'user_team_description', with: 'team description'
-      click_button 'Create team'
-    end
+    fill_in 'user_team_description', with: 'team description'
+    click_button 'Create team'
+  end
-    And 'I should see newly created team' do
-      page.should have_content "gitlab"
-      page.should have_content "team description"
-    end
+  And 'I should see newly created team' do
+    page.should have_content "gitlab"
+    page.should have_content "team description"
+  end
-    Then 'I should be redirected to new team page' do
-      team = UserTeam.last
-      current_path.should == team_path(team)
-    end
+  Then 'I should be redirected to new team page' do
+    team = UserTeam.last
+    current_path.should == team_path(team)
+  end
-    When 'I have teams with projects and members' do
-      team = create :user_team, owner: current_user
-      @project = create :project
-      team.add_member(current_user, UserTeam.access_roles["Master"], true)
-      team.assign_to_project(@project, UserTeam.access_roles["Master"])
-      @event = create(:closed_issue_event, project: @project)
-    end
+  When 'I have teams with projects and members' do
+    team = create :user_team, owner: current_user
+    @project = create :project
+    team.add_member(current_user, UserTeam.access_roles["Master"], true)
+    team.assign_to_project(@project, UserTeam.access_roles["Master"])
+    @event = create(:closed_issue_event, project: @project)
+  end
-    When 'I visit team page' do
-      visit team_path(UserTeam.last)
-    end
+  When 'I visit team page' do
+    visit team_path(UserTeam.last)
+  end
-    Then 'I should see projects list' do
-      page.should have_css(".projects_box")
-      projects_box = find(".projects_box")
-      projects_box.should have_content(@project.name)
-    end
+  Then 'I should see projects list' do
+    page.should have_css(".projects_box")
+    projects_box = find(".projects_box")
+    projects_box.should have_content(@project.name)
+  end
-    And 'project from team has issues assigned to me' do
-      team = UserTeam.last
-      team.projects.each do |project|
-        project.issues << create(:issue, assignee: current_user)
-      end
+  And 'project from team has issues assigned to me' do
+    team = UserTeam.last
+    team.projects.each do |project|
+      project.issues << create(:issue, assignee: current_user)
     end
+  end
-    When 'I visit team issues page' do
-      team = UserTeam.last
-      visit issues_team_path(team)
-    end
+  When 'I visit team issues page' do
+    team = UserTeam.last
+    visit issues_team_path(team)
+  end
-    Then 'I should see issues from this team assigned to me' do
-      team = UserTeam.last
-      team.projects.each do |project|
-        project.issues.assigned(current_user).each do |issue|
-          page.should have_content issue.title
-        end
+  Then 'I should see issues from this team assigned to me' do
+    team = UserTeam.last
+    team.projects.each do |project|
+      project.issues.assigned(current_user).each do |issue|
+        page.should have_content issue.title
       end
     end
+  end
-    Given 'I have team with projects and members' do
-      team = create :user_team, owner: current_user
-      project = create :project
-      user = create :user
-      team.add_member(current_user, UserTeam.access_roles["Master"], true)
-      team.add_member(user, UserTeam.access_roles["Developer"], false)
-      team.assign_to_project(project, UserTeam.access_roles["Master"])
-    end
+  Given 'I have team with projects and members' do
+    team = create :user_team, owner: current_user
+    project = create :project
+    user = create :user
+    team.add_member(current_user, UserTeam.access_roles["Master"], true)
+    team.add_member(user, UserTeam.access_roles["Developer"], false)
+    team.assign_to_project(project, UserTeam.access_roles["Master"])
+  end
-    Given 'project from team has issues assigned to teams members' do
-      team = UserTeam.last
-      team.projects.each do |project|
-        team.members.each do |member|
-          project.issues << create(:issue, assignee: member)
-        end
+  Given 'project from team has issues assigned to teams members' do
+    team = UserTeam.last
+    team.projects.each do |project|
+      team.members.each do |member|
+        project.issues << create(:issue, assignee: member)
       end
     end
+  end
-    Then 'I should see issues from this team assigned to teams members' do
-      team = UserTeam.last
-      team.projects.each do |project|
-        team.members.each do |member|
-          project.issues.assigned(member).each do |issue|
-            page.should have_content issue.title
-          end
+  Then 'I should see issues from this team assigned to teams members' do
+    team = UserTeam.last
+    team.projects.each do |project|
+      team.members.each do |member|
+        project.issues.assigned(member).each do |issue|
+          page.should have_content issue.title
         end
       end
     end
+  end
-    Given 'project from team has merge requests assigned to me' do
-      team = UserTeam.last
-      team.projects.each do |project|
-        team.members.each do |member|
-          3.times { project.merge_requests << create(:merge_request, assignee: member) }
-        end
+  Given 'project from team has merge requests assigned to me' do
+    team = UserTeam.last
+    team.projects.each do |project|
+      team.members.each do |member|
+        3.times { project.merge_requests << create(:merge_request, assignee: member) }
       end
     end
+  end
-    When 'I visit team merge requests page' do
-      team = UserTeam.last
-      visit merge_requests_team_path(team)
-    end
+  When 'I visit team merge requests page' do
+    team = UserTeam.last
+    visit merge_requests_team_path(team)
+  end
-    Then 'I should see merge requests from this team assigned to me' do
-      team = UserTeam.last
-      team.projects.each do |project|
-        team.members.each do |member|
-          project.issues.assigned(member).each do |merge_request|
-            page.should have_content merge_request.title
-          end
+  Then 'I should see merge requests from this team assigned to me' do
+    team = UserTeam.last
+    team.projects.each do |project|
+      team.members.each do |member|
+        project.issues.assigned(member).each do |merge_request|
+          page.should have_content merge_request.title
         end
       end
     end
+  end
-    Given 'project from team has merge requests assigned to team members' do
-      team = UserTeam.last
-      team.projects.each do |project|
-        team.members.each do |member|
-          3.times { project.merge_requests << create(:merge_request, assignee: member) }
-        end
+  Given 'project from team has merge requests assigned to team members' do
+    team = UserTeam.last
+    team.projects.each do |project|
+      team.members.each do |member|
+        3.times { project.merge_requests << create(:merge_request, assignee: member) }
       end
     end
+  end
-    Then 'I should see merge requests from this team assigned to me' do
-      team = UserTeam.last
-      team.projects.each do |project|
-        team.members.each do |member|
-          project.issues.assigned(member).each do |merge_request|
-            page.should have_content merge_request.title
-          end
+  Then 'I should see merge requests from this team assigned to me' do
+    team = UserTeam.last
+    team.projects.each do |project|
+      team.members.each do |member|
+        project.issues.assigned(member).each do |merge_request|
+          page.should have_content merge_request.title
         end
       end
     end
+  end
-    Given 'I have new user "John"' do
-      create :user, name: "John"
-    end
+  Given 'I have new user "John"' do
+    create :user, name: "John"
+  end
-    When 'I visit team people page' do
-      team = UserTeam.last
-      visit team_members_path(team)
-    end
+  When 'I visit team people page' do
+    team = UserTeam.last
+    visit team_members_path(team)
+  end
-    And 'I select user "John" from list with role "Reporter"' do
-      user = User.find_by_name("John")
-      within "#team_members" do
-        select "#{user.name} (#{user.username})", from: "user_ids"
-        select "Reporter", from: "default_project_access"
-      end
-      click_button "Add"
+  And 'I select user "John" from list with role "Reporter"' do
+    user = User.find_by_name("John")
+    select2(user.id, from: "#user_ids", multiple: true)
+    within "#team_members" do
+      select "Reporter", from: "default_project_access"
     end
+    click_button "Add"
+  end
-    Then 'I should see user "John" in team list' do
-      user = User.find_by_name("John")
-      team_members_list = find(".team-table")
-      team_members_list.should have_content user.name
-    end
+  Then 'I should see user "John" in team list' do
+    user = User.find_by_name("John")
+    team_members_list = find(".team-table")
+    team_members_list.should have_content user.name
+  end
-    And 'I have my own project without teams' do
-      @project = create :project, namespace: current_user.namespace
-    end
+  And 'I have my own project without teams' do
+    @project = create :project, namespace: current_user.namespace
+  end
-    And 'I visit my team page' do
-      team = UserTeam.where(owner_id: current_user.id).last
-      visit team_path(team)
-    end
+  And 'I visit my team page' do
+    team = UserTeam.where(owner_id: current_user.id).last
+    visit team_path(team)
+  end
-    When 'I click on link "Projects"' do
-      click_link "Projects"
-    end
+  When 'I click on link "Projects"' do
+    click_link "Projects"
+  end
-    And 'I click link "Assign project to Team"' do
-      click_link "Assign project to Team"
-    end
+  And 'I click link "Assign project to Team"' do
+    click_link "Assign project to Team"
+  end
-    Then 'I should see form with my own project in avaliable projects list' do
-      projects_select = find("#project_ids")
-      projects_select.should have_content(@project.name)
-    end
+  Then 'I should see form with my own project in avaliable projects list' do
+    projects_select = find("#project_ids")
+    projects_select.should have_content(@project.name)
+  end
-    When 'I submit form with selected project and max access' do
-      within "#assign_projects" do
-        select @project.name_with_namespace, from: "project_ids"
-        select "Reporter", from: "greatest_project_access"
-      end
-      click_button "Add"
+  When 'I submit form with selected project and max access' do
+    within "#assign_projects" do
+      select @project.name_with_namespace, from: "project_ids"
+      select "Reporter", from: "greatest_project_access"
     end
+    click_button "Add"
+  end
-    Then 'I should see my own project in team projects list' do
-      projects = find(".projects-table")
-      projects.should have_content(@project.name)
-    end
+  Then 'I should see my own project in team projects list' do
+    projects = find(".projects-table")
+    projects.should have_content(@project.name)
+  end
-    When 'I click link "New Team Member"' do
-      click_link "New Team Member"
-    end
+  When 'I click link "New Team Member"' do
+    click_link "New Team Member"
+  end
   protected
@@ -257,5 +258,4 @@ class Userteams &lt; Spinach::FeatureSteps
     end
     entered
   end
-
 end
@@ -14,7 +14,7 @@ require &#39;spinach/capybara&#39;
 require 'sidekiq/testing/inline'
-%w(stubbed_repository valid_commit).each do |f|
+%w(stubbed_repository valid_commit select2_helper).each do |f|
   require Rails.root.join('spec', 'support', f)
 end
@@ -46,6 +46,7 @@ Feature: UserTeams
     When I visit team merge requests page
     Then I should see merge requests from this team assigned to me
+  @javascript
   Scenario: I should add user to projects in Team
     Given I have team with projects and members
     Given I have new user "John"
@@ -9,7 +9,8 @@ module Gitlab
       # Example Request:
       #  GET /users
       get do
-        @users = paginate User
+        @users = User.scoped
+        @users = @users.search(params[:search]) if params[:search].present?
         present @users, with: Entities::User
       end
@@ -0,0 +1,25 @@
+# Select2 ajax programatic helper
+# It allows you to select value from select2
+#
+# Params
+#   value - real value of selected item
+#   opts - options containing css selector
+#
+# Usage:
+#
+#   select2(2, from: '#user_ids')
+#
+
+module Select2Helper
+  def select2(value, options={})
+    raise "Must pass a hash containing 'from'" if not options.is_a?(Hash) or not options.has_key?(:from)
+
+    selector = options[:from]
+
+    if options[:multiple]
+      page.execute_script("$('#{selector}').select2('val', ['#{value}']);")
+    else
+      page.execute_script("$('#{selector}').select2('val', '#{value}');")
+    end
+  end
+end
	@@ -113,6 +113,7 @@ group :assets do		@@ -113,6 +113,7 @@ group :assets do
113	gem "therubyracer"	113	gem "therubyracer"
114		114
115	gem 'chosen-rails', "0.9.8"	115	gem 'chosen-rails', "0.9.8"
		116	+ gem 'select2-rails'
116	gem 'jquery-atwho-rails', "0.1.7"	117	gem 'jquery-atwho-rails', "0.1.7"
117	gem "jquery-rails", "2.1.3"	118	gem "jquery-rails", "2.1.3"
118	gem "jquery-ui-rails", "2.0.2"	119	gem "jquery-ui-rails", "2.0.2"
	@@ -384,6 +384,9 @@ GEM		@@ -384,6 +384,9 @@ GEM
384	seed-fu (2.2.0)	384	seed-fu (2.2.0)
385	activerecord (~> 3.1)	385	activerecord (~> 3.1)
386	activesupport (~> 3.1)	386	activesupport (~> 3.1)
		387	+ select2-rails (3.3.1)
		388	+ sass-rails (>= 3.2)
		389	+ thor (~> 0.14)
387	selenium-webdriver (2.30.0)	390	selenium-webdriver (2.30.0)
388	childprocess (>= 0.2.5)	391	childprocess (>= 0.2.5)
389	multi_json (~> 1.0)	392	multi_json (~> 1.0)
	@@ -534,6 +537,7 @@ DEPENDENCIES		@@ -534,6 +537,7 @@ DEPENDENCIES
534	sass-rails (~> 3.2.5)	537	sass-rails (~> 3.2.5)
535	sdoc	538	sdoc
536	seed-fu	539	seed-fu
		540	+ select2-rails
537	settingslogic	541	settingslogic
538	shoulda-matchers (= 1.3.0)	542	shoulda-matchers (= 1.3.0)
539	sidekiq	543	sidekiq
@@ -0,0 +1,211 @@		@@ -0,0 +1,211 @@
	1	+function md5 (str) {
	2	+ // http://kevin.vanzonneveld.net
	3	+ // + original by: Webtoolkit.info (http://www.webtoolkit.info/)
	4	+ // + namespaced by: Michael White (http://getsprink.com)
	5	+ // + tweaked by: Jack
	6	+ // + improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
	7	+ // + input by: Brett Zamir (http://brett-zamir.me)
	8	+ // + bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
	9	+ // - depends on: utf8_encode
	10	+ // * example 1: md5('Kevin van Zonneveld');
	11	+ // * returns 1: '6e658d4bfcb59cc13f96c14450ac40b9'
	12	+ var xl;
	13	+
	14	+ var rotateLeft = function (lValue, iShiftBits) {
	15	+ return (lValue << iShiftBits) \| (lValue >>> (32 - iShiftBits));
	16	+ };
	17	+
	18	+ var addUnsigned = function (lX, lY) {
	19	+ var lX4, lY4, lX8, lY8, lResult;
	20	+ lX8 = (lX & 0x80000000);
	21	+ lY8 = (lY & 0x80000000);
	22	+ lX4 = (lX & 0x40000000);
	23	+ lY4 = (lY & 0x40000000);
	24	+ lResult = (lX & 0x3FFFFFFF) + (lY & 0x3FFFFFFF);
	25	+ if (lX4 & lY4) {
	26	+ return (lResult ^ 0x80000000 ^ lX8 ^ lY8);
	27	+ }
	28	+ if (lX4 \| lY4) {
	29	+ if (lResult & 0x40000000) {
	30	+ return (lResult ^ 0xC0000000 ^ lX8 ^ lY8);
	31	+ } else {
	32	+ return (lResult ^ 0x40000000 ^ lX8 ^ lY8);
	33	+ }
	34	+ } else {
	35	+ return (lResult ^ lX8 ^ lY8);
	36	+ }
	37	+ };
	38	+
	39	+ var _F = function (x, y, z) {
	40	+ return (x & y) \| ((~x) & z);
	41	+ };
	42	+ var _G = function (x, y, z) {
	43	+ return (x & z) \| (y & (~z));
	44	+ };
	45	+ var _H = function (x, y, z) {
	46	+ return (x ^ y ^ z);
	47	+ };
	48	+ var _I = function (x, y, z) {
	49	+ return (y ^ (x \| (~z)));
	50	+ };
	51	+
	52	+ var _FF = function (a, b, c, d, x, s, ac) {
	53	+ a = addUnsigned(a, addUnsigned(addUnsigned(_F(b, c, d), x), ac));
	54	+ return addUnsigned(rotateLeft(a, s), b);
	55	+ };
	56	+
	57	+ var _GG = function (a, b, c, d, x, s, ac) {
	58	+ a = addUnsigned(a, addUnsigned(addUnsigned(_G(b, c, d), x), ac));
	59	+ return addUnsigned(rotateLeft(a, s), b);
	60	+ };
	61	+
	62	+ var _HH = function (a, b, c, d, x, s, ac) {
	63	+ a = addUnsigned(a, addUnsigned(addUnsigned(_H(b, c, d), x), ac));
	64	+ return addUnsigned(rotateLeft(a, s), b);
	65	+ };
	66	+
	67	+ var _II = function (a, b, c, d, x, s, ac) {
	68	+ a = addUnsigned(a, addUnsigned(addUnsigned(_I(b, c, d), x), ac));
	69	+ return addUnsigned(rotateLeft(a, s), b);
	70	+ };
	71	+
	72	+ var convertToWordArray = function (str) {
	73	+ var lWordCount;
	74	+ var lMessageLength = str.length;
	75	+ var lNumberOfWords_temp1 = lMessageLength + 8;
	76	+ var lNumberOfWords_temp2 = (lNumberOfWords_temp1 - (lNumberOfWords_temp1 % 64)) / 64;
	77	+ var lNumberOfWords = (lNumberOfWords_temp2 + 1) * 16;
	78	+ var lWordArray = new Array(lNumberOfWords - 1);
	79	+ var lBytePosition = 0;
	80	+ var lByteCount = 0;
	81	+ while (lByteCount < lMessageLength) {
	82	+ lWordCount = (lByteCount - (lByteCount % 4)) / 4;
	83	+ lBytePosition = (lByteCount % 4) * 8;
	84	+ lWordArray[lWordCount] = (lWordArray[lWordCount] \| (str.charCodeAt(lByteCount) << lBytePosition));
	85	+ lByteCount++;
	86	+ }
	87	+ lWordCount = (lByteCount - (lByteCount % 4)) / 4;
	88	+ lBytePosition = (lByteCount % 4) * 8;
	89	+ lWordArray[lWordCount] = lWordArray[lWordCount] \| (0x80 << lBytePosition);
	90	+ lWordArray[lNumberOfWords - 2] = lMessageLength << 3;
	91	+ lWordArray[lNumberOfWords - 1] = lMessageLength >>> 29;
	92	+ return lWordArray;
	93	+ };
	94	+
	95	+ var wordToHex = function (lValue) {
	96	+ var wordToHexValue = "",
	97	+ wordToHexValue_temp = "",
	98	+ lByte, lCount;
	99	+ for (lCount = 0; lCount <= 3; lCount++) {
	100	+ lByte = (lValue >>> (lCount * 8)) & 255;
	101	+ wordToHexValue_temp = "0" + lByte.toString(16);
	102	+ wordToHexValue = wordToHexValue + wordToHexValue_temp.substr(wordToHexValue_temp.length - 2, 2);
	103	+ }
	104	+ return wordToHexValue;
	105	+ };
	106	+
	107	+ var x = [],
	108	+ k, AA, BB, CC, DD, a, b, c, d, S11 = 7,
	109	+ S12 = 12,
	110	+ S13 = 17,
	111	+ S14 = 22,
	112	+ S21 = 5,
	113	+ S22 = 9,
	114	+ S23 = 14,
	115	+ S24 = 20,
	116	+ S31 = 4,
	117	+ S32 = 11,
	118	+ S33 = 16,
	119	+ S34 = 23,
	120	+ S41 = 6,
	121	+ S42 = 10,
	122	+ S43 = 15,
	123	+ S44 = 21;
	124	+
	125	+ str = this.utf8_encode(str);
	126	+ x = convertToWordArray(str);
	127	+ a = 0x67452301;
	128	+ b = 0xEFCDAB89;
	129	+ c = 0x98BADCFE;
	130	+ d = 0x10325476;
	131	+
	132	+ xl = x.length;
	133	+ for (k = 0; k < xl; k += 16) {
	134	+ AA = a;
	135	+ BB = b;
	136	+ CC = c;
	137	+ DD = d;
	138	+ a = _FF(a, b, c, d, x[k + 0], S11, 0xD76AA478);
	139	+ d = _FF(d, a, b, c, x[k + 1], S12, 0xE8C7B756);
	140	+ c = _FF(c, d, a, b, x[k + 2], S13, 0x242070DB);
	141	+ b = _FF(b, c, d, a, x[k + 3], S14, 0xC1BDCEEE);
	142	+ a = _FF(a, b, c, d, x[k + 4], S11, 0xF57C0FAF);
	143	+ d = _FF(d, a, b, c, x[k + 5], S12, 0x4787C62A);
	144	+ c = _FF(c, d, a, b, x[k + 6], S13, 0xA8304613);
	145	+ b = _FF(b, c, d, a, x[k + 7], S14, 0xFD469501);
	146	+ a = _FF(a, b, c, d, x[k + 8], S11, 0x698098D8);
	147	+ d = _FF(d, a, b, c, x[k + 9], S12, 0x8B44F7AF);
	148	+ c = _FF(c, d, a, b, x[k + 10], S13, 0xFFFF5BB1);
	149	+ b = _FF(b, c, d, a, x[k + 11], S14, 0x895CD7BE);
	150	+ a = _FF(a, b, c, d, x[k + 12], S11, 0x6B901122);
	151	+ d = _FF(d, a, b, c, x[k + 13], S12, 0xFD987193);
	152	+ c = _FF(c, d, a, b, x[k + 14], S13, 0xA679438E);
	153	+ b = _FF(b, c, d, a, x[k + 15], S14, 0x49B40821);
	154	+ a = _GG(a, b, c, d, x[k + 1], S21, 0xF61E2562);
	155	+ d = _GG(d, a, b, c, x[k + 6], S22, 0xC040B340);
	156	+ c = _GG(c, d, a, b, x[k + 11], S23, 0x265E5A51);
	157	+ b = _GG(b, c, d, a, x[k + 0], S24, 0xE9B6C7AA);
	158	+ a = _GG(a, b, c, d, x[k + 5], S21, 0xD62F105D);
	159	+ d = _GG(d, a, b, c, x[k + 10], S22, 0x2441453);
	160	+ c = _GG(c, d, a, b, x[k + 15], S23, 0xD8A1E681);
	161	+ b = _GG(b, c, d, a, x[k + 4], S24, 0xE7D3FBC8);
	162	+ a = _GG(a, b, c, d, x[k + 9], S21, 0x21E1CDE6);
	163	+ d = _GG(d, a, b, c, x[k + 14], S22, 0xC33707D6);
	164	+ c = _GG(c, d, a, b, x[k + 3], S23, 0xF4D50D87);
	165	+ b = _GG(b, c, d, a, x[k + 8], S24, 0x455A14ED);
	166	+ a = _GG(a, b, c, d, x[k + 13], S21, 0xA9E3E905);
	167	+ d = _GG(d, a, b, c, x[k + 2], S22, 0xFCEFA3F8);
	168	+ c = _GG(c, d, a, b, x[k + 7], S23, 0x676F02D9);
	169	+ b = _GG(b, c, d, a, x[k + 12], S24, 0x8D2A4C8A);
	170	+ a = _HH(a, b, c, d, x[k + 5], S31, 0xFFFA3942);
	171	+ d = _HH(d, a, b, c, x[k + 8], S32, 0x8771F681);
	172	+ c = _HH(c, d, a, b, x[k + 11], S33, 0x6D9D6122);
	173	+ b = _HH(b, c, d, a, x[k + 14], S34, 0xFDE5380C);
	174	+ a = _HH(a, b, c, d, x[k + 1], S31, 0xA4BEEA44);
	175	+ d = _HH(d, a, b, c, x[k + 4], S32, 0x4BDECFA9);
	176	+ c = _HH(c, d, a, b, x[k + 7], S33, 0xF6BB4B60);
	177	+ b = _HH(b, c, d, a, x[k + 10], S34, 0xBEBFBC70);
	178	+ a = _HH(a, b, c, d, x[k + 13], S31, 0x289B7EC6);
	179	+ d = _HH(d, a, b, c, x[k + 0], S32, 0xEAA127FA);
	180	+ c = _HH(c, d, a, b, x[k + 3], S33, 0xD4EF3085);
	181	+ b = _HH(b, c, d, a, x[k + 6], S34, 0x4881D05);
	182	+ a = _HH(a, b, c, d, x[k + 9], S31, 0xD9D4D039);
	183	+ d = _HH(d, a, b, c, x[k + 12], S32, 0xE6DB99E5);
	184	+ c = _HH(c, d, a, b, x[k + 15], S33, 0x1FA27CF8);
	185	+ b = _HH(b, c, d, a, x[k + 2], S34, 0xC4AC5665);
	186	+ a = _II(a, b, c, d, x[k + 0], S41, 0xF4292244);
	187	+ d = _II(d, a, b, c, x[k + 7], S42, 0x432AFF97);
	188	+ c = _II(c, d, a, b, x[k + 14], S43, 0xAB9423A7);
	189	+ b = _II(b, c, d, a, x[k + 5], S44, 0xFC93A039);
	190	+ a = _II(a, b, c, d, x[k + 12], S41, 0x655B59C3);
	191	+ d = _II(d, a, b, c, x[k + 3], S42, 0x8F0CCC92);
	192	+ c = _II(c, d, a, b, x[k + 10], S43, 0xFFEFF47D);
	193	+ b = _II(b, c, d, a, x[k + 1], S44, 0x85845DD1);
	194	+ a = _II(a, b, c, d, x[k + 8], S41, 0x6FA87E4F);
	195	+ d = _II(d, a, b, c, x[k + 15], S42, 0xFE2CE6E0);
	196	+ c = _II(c, d, a, b, x[k + 6], S43, 0xA3014314);
	197	+ b = _II(b, c, d, a, x[k + 13], S44, 0x4E0811A1);
	198	+ a = _II(a, b, c, d, x[k + 4], S41, 0xF7537E82);
	199	+ d = _II(d, a, b, c, x[k + 11], S42, 0xBD3AF235);
	200	+ c = _II(c, d, a, b, x[k + 2], S43, 0x2AD7D2BB);
	201	+ b = _II(b, c, d, a, x[k + 9], S44, 0xEB86D391);
	202	+ a = addUnsigned(a, AA);
	203	+ b = addUnsigned(b, BB);
	204	+ c = addUnsigned(c, CC);
	205	+ d = addUnsigned(d, DD);
	206	+ }
	207	+
	208	+ var temp = wordToHex(a) + wordToHex(b) + wordToHex(c) + wordToHex(d);
	209	+
	210	+ return temp.toLowerCase();
	211	+}
@@ -0,0 +1,50 @@		@@ -0,0 +1,50 @@
	1	+$ ->
	2	+ userFormatResult = (user) ->
	3	+ avatar = gon.gravatar_url
	4	+ avatar = avatar.replace('%{hash}', md5(user.email))
	5	+ avatar = avatar.replace('%{size}', '24')
	6	+
	7	+ markup = "<div class='user-result'>"
	8	+ markup += "<div class='user-image'><img class='avatar s24' src='" + avatar + "'></div>"
	9	+ markup += "<div class='user-name'>" + user.name + "</div>"
	10	+ markup += "<div class='user-username'>" + user.username + "</div>"
	11	+ markup += "</div>"
	12	+ markup
	13	+
	14	+ userFormatSelection = (user) ->
	15	+ user.name
	16	+
	17	+ $('.ajax-users-select').select2
	18	+ placeholder: "Search for a user"
	19	+ multiple: $('.ajax-users-select').hasClass('multiselect')
	20	+ minimumInputLength: 0
	21	+ ajax: # instead of writing the function to execute the request we use Select2's convenient helper
	22	+ url: "/api/" + gon.api_version + "/users.json"
	23	+ dataType: "json"
	24	+ data: (term, page) ->
	25	+ search: term # search term
	26	+ per_page: 10
	27	+ private_token: gon.api_token
	28	+
	29	+ results: (data, page) -> # parse the results into the format expected by Select2.
	30	+ # since we are using custom formatting functions we do not need to alter remote JSON data
	31	+ results: data
	32	+
	33	+ initSelection: (element, callback) ->
	34	+ id = $(element).val()
	35	+ if id isnt ""
	36	+ $.ajax(
	37	+ "/api/" + gon.api_version + "/users/" + id + ".json",
	38	+ dataType: "json"
	39	+ data:
	40	+ private_token: gon.api_token
	41	+ ).done (data) ->
	42	+ callback data
	43	+
	44	+
	45	+ formatResult: userFormatResult # omitted for brevity, see the source of this page
	46	+ formatSelection: userFormatSelection # omitted for brevity, see the source of this page
	47	+ dropdownCssClass: "ajax-users-dropdown" # apply css that makes the dropdown taller
	48	+ escapeMarkup: (m) -> # we do not want to escape markup since we are displaying html in results
	49	+ m
	50	+
@@ -0,0 +1,70 @@		@@ -0,0 +1,70 @@
	1	+function utf8_encode (argString) {
	2	+ // http://kevin.vanzonneveld.net
	3	+ // + original by: Webtoolkit.info (http://www.webtoolkit.info/)
	4	+ // + improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
	5	+ // + improved by: sowberry
	6	+ // + tweaked by: Jack
	7	+ // + bugfixed by: Onno Marsman
	8	+ // + improved by: Yves Sucaet
	9	+ // + bugfixed by: Onno Marsman
	10	+ // + bugfixed by: Ulrich
	11	+ // + bugfixed by: Rafal Kukawski
	12	+ // + improved by: kirilloid
	13	+ // + bugfixed by: kirilloid
	14	+ // * example 1: utf8_encode('Kevin van Zonneveld');
	15	+ // * returns 1: 'Kevin van Zonneveld'
	16	+
	17	+ if (argString === null \|\| typeof argString === "undefined") {
	18	+ return "";
	19	+ }
	20	+
	21	+ var string = (argString + ''); // .replace(/\r\n/g, "\n").replace(/\r/g, "\n");
	22	+ var utftext = '',
	23	+ start, end, stringl = 0;
	24	+
	25	+ start = end = 0;
	26	+ stringl = string.length;
	27	+ for (var n = 0; n < stringl; n++) {
	28	+ var c1 = string.charCodeAt(n);
	29	+ var enc = null;
	30	+
	31	+ if (c1 < 128) {
	32	+ end++;
	33	+ } else if (c1 > 127 && c1 < 2048) {
	34	+ enc = String.fromCharCode(
	35	+ (c1 >> 6) \| 192,
	36	+ ( c1 & 63) \| 128
	37	+ );
	38	+ } else if (c1 & 0xF800 != 0xD800) {
	39	+ enc = String.fromCharCode(
	40	+ (c1 >> 12) \| 224,
	41	+ ((c1 >> 6) & 63) \| 128,
	42	+ ( c1 & 63) \| 128
	43	+ );
	44	+ } else { // surrogate pairs
	45	+ if (c1 & 0xFC00 != 0xD800) { throw new RangeError("Unmatched trail surrogate at " + n); }
	46	+ var c2 = string.charCodeAt(++n);
	47	+ if (c2 & 0xFC00 != 0xDC00) { throw new RangeError("Unmatched lead surrogate at " + (n-1)); }
	48	+ c1 = ((c1 & 0x3FF) << 10) + (c2 & 0x3FF) + 0x10000;
	49	+ enc = String.fromCharCode(
	50	+ (c1 >> 18) \| 240,
	51	+ ((c1 >> 12) & 63) \| 128,
	52	+ ((c1 >> 6) & 63) \| 128,
	53	+ ( c1 & 63) \| 128
	54	+ );
	55	+ }
	56	+ if (enc !== null) {
	57	+ if (end > start) {
	58	+ utftext += string.slice(start, end);
	59	+ }
	60	+ utftext += enc;
	61	+ start = end = n + 1;
	62	+ }
	63	+ }
	64	+
	65	+ if (end > start) {
	66	+ utftext += string.slice(start, stringl);
	67	+ }
	68	+
	69	+ return utftext;
	70	+}
	@@ -554,3 +554,4 @@ img.emoji {		@@ -554,3 +554,4 @@ img.emoji {
554	.appear-data {	554	.appear-data {
555	display: none;	555	display: none;
556	}	556	}
		557	+
	@@ -1,90 +0,0 @@	@@ -1,90 +0,0 @@
1	-/ Branch/tag selector /
2	-.project-refs-form {
3	- margin: 0;
4	- span {
5	- background:none !important;
6	- position:static !important;
7	- width:auto !important;
8	- height:auto !important;
9	- }
10	-}
11	-.project-refs-select {
12	- width: 120px;
13	-}
14	-
15	-.project-refs-form .chzn-container {
16	- position: relative;
17	- top: 0;
18	- left: 0;
19	- margin-right: 10px;
20	-
21	- .chzn-drop {
22	- min-width: 400px;
23	- .chzn-results {
24	- max-height: 300px;
25	- }
26	- .chzn-search input {
27	- min-width: 365px;
28	- }
29	- }
30	-}
31	-
32	-/ Fix for Search Dropdown Border /
33	-.chzn-container {
34	- .chzn-search {
35	- input:focus {
36	- @include box-shadow(none);
37	- }
38	- }
39	-
40	- .chzn-drop {
41	- margin: 7px 0;
42	- min-width: 200px;
43	- border: 1px solid #bbb;
44	- @include border-radius(0);
45	-
46	- .chzn-results {
47	- margin-top: 5px;
48	- max-height: 300px;
49	-
50	- .group-result {
51	- color: $style_color;
52	- border-bottom: 1px solid #EEE;
53	- padding: 8px;
54	- }
55	- .active-result {
56	- @include border-radius(0);
57	-
58	- &.highlighted {
59	- background: $hover;
60	- color: $style_color;
61	- }
62	- &.result-selected {
63	- background: #EEE;
64	- border-left: 4px solid #CCC;
65	- }
66	- }
67	- }
68	-
69	- .chzn-search {
70	- @include bg-gray-gradient;
71	- input {
72	- min-width: 165px;
73	- border-color: #CCC;
74	- }
75	- }
76	- }
77	-
78	- .chzn-single {
79	- @include bg-light-gray-gradient;
80	-
81	- div {
82	- background: transparent;
83	- border-left: none;
84	- }
85	-
86	- span {
87	- font-weight: normal;
88	- }
89	- }
90	-}
@@ -0,0 +1,110 @@		@@ -0,0 +1,110 @@
	1	+.ajax-users-select {
	2	+ width: 400px;
	3	+}
	4	+
	5	+.user-result {
	6	+ .user-image {
	7	+ float: left;
	8	+ }
	9	+ .user-name {
	10	+ }
	11	+ .user-username {
	12	+ color: #999;
	13	+ }
	14	+}
	15	+
	16	+.select2-no-results {
	17	+ padding: 7px;
	18	+ color: #666;
	19	+}
	20	+
	21	+/ Branch/tag selector /
	22	+.project-refs-form {
	23	+ margin: 0;
	24	+ span {
	25	+ background:none !important;
	26	+ position:static !important;
	27	+ width:auto !important;
	28	+ height:auto !important;
	29	+ }
	30	+}
	31	+.project-refs-select {
	32	+ width: 120px;
	33	+}
	34	+
	35	+.project-refs-form .chzn-container {
	36	+ position: relative;
	37	+ top: 0;
	38	+ left: 0;
	39	+ margin-right: 10px;
	40	+
	41	+ .chzn-drop {
	42	+ min-width: 400px;
	43	+ .chzn-results {
	44	+ max-height: 300px;
	45	+ }
	46	+ .chzn-search input {
	47	+ min-width: 365px;
	48	+ }
	49	+ }
	50	+}
	51	+
	52	+/ Fix for Search Dropdown Border /
	53	+.chzn-container {
	54	+ .chzn-search {
	55	+ input:focus {
	56	+ @include box-shadow(none);
	57	+ }
	58	+ }
	59	+
	60	+ .chzn-drop {
	61	+ margin: 7px 0;
	62	+ min-width: 200px;
	63	+ border: 1px solid #bbb;
	64	+ @include border-radius(0);
	65	+
	66	+ .chzn-results {
	67	+ margin-top: 5px;
	68	+ max-height: 300px;
	69	+
	70	+ .group-result {
	71	+ color: $style_color;
	72	+ border-bottom: 1px solid #EEE;
	73	+ padding: 8px;
	74	+ }
	75	+ .active-result {
	76	+ @include border-radius(0);
	77	+
	78	+ &.highlighted {
	79	+ background: $hover;
	80	+ color: $style_color;
	81	+ }
	82	+ &.result-selected {
	83	+ background: #EEE;
	84	+ border-left: 4px solid #CCC;
	85	+ }
	86	+ }
	87	+ }
	88	+
	89	+ .chzn-search {
	90	+ @include bg-gray-gradient;
	91	+ input {
	92	+ min-width: 165px;
	93	+ border-color: #CCC;
	94	+ }
	95	+ }
	96	+ }
	97	+
	98	+ .chzn-single {
	99	+ @include bg-light-gray-gradient;
	100	+
	101	+ div {
	102	+ background: transparent;
	103	+ border-left: none;
	104	+ }
	105	+
	106	+ span {
	107	+ font-weight: normal;
	108	+ }
	109	+ }
	110	+}
	@@ -16,7 +16,7 @@ class TeamMembersController < ProjectResourceController		@@ -16,7 +16,7 @@ class TeamMembersController < ProjectResourceController
16	end	16	end
17		17
18	def create	18	def create
19	- users = User.where(id: params[:user_ids])	19	+ users = User.where(id: params[:user_ids].split(','))
20		20
21	@project.team << [users, params[:project_access]]	21	@project.team << [users, params[:project_access]]
22		22
	@@ -13,7 +13,7 @@ class Teams::MembersController < Teams::ApplicationController		@@ -13,7 +13,7 @@ class Teams::MembersController < Teams::ApplicationController
13		13
14	def create	14	def create
15	unless params[:user_ids].blank?	15	unless params[:user_ids].blank?
16	- user_ids = params[:user_ids]	16	+ user_ids = params[:user_ids].split(',')
17	access = params[:default_project_access]	17	access = params[:default_project_access]
18	is_admin = params[:group_admin]	18	is_admin = params[:group_admin]
19	user_team.add_members(user_ids, access, is_admin)	19	user_team.add_members(user_ids, access, is_admin)