public function userWidgetSingle($key, $group_name, $value) {
        $id = $name = $query = "";
 
        if (is_numeric($value)) {
            $u = UserInfo::getByID($value);
            $id = $u->uID;
            $name = $u->getAttribute('first_name') . ' ' . $u->getAttribute('last_name');
            $class = 'ac-selected';
        }
 
        if ($group_name != '') {
            $query = '?group=' . urlencode($group_name);
        }
 
        $html = "<input type='text' id='$key-selector' name='$key-selector' value='$name' class='ccm-input-text userselector single $class' /><input type='hidden' id='$key-query' name='$key-query' value='$query' /><input type='hidden' id='$key' name='$key' value='$id' />";
 
        return $html;
    }
 
    public function userWidgetMultiple($key, $group_name, $values) {
        $id = $name = $query = $lis = "";
        $ids = array();
 
        foreach ($values as $value) {
            if (is_numeric($value)) {
                $u = UserInfo::getByID($value);
                $ids[] = $u->uID;
                $lis .= "<li id='$key-li-$u->uID'><span class='value'>" . $u->getAttribute('first_name') . ' ' . $u->getAttribute('last_name') . "</span><img alt='Remove' src='/concrete/images/icons/remove_minus.png'></li>\n";
            }
        }
 
        if ($group_name != '') {
            $query = '?group=' . urlencode($group_name);
        }
 
        $uids = implode(',', $ids);
 
        $html = "<ul id='$key-display' class='userselector'>
                 <li class='dummy'><span class='value'></span><img alt='Remove' src='/concrete/images/icons/remove_minus.png'></li>
                 $lis
                 </ul>
                 <input id='$key-selector' name='$key-selector' class='ccm-input-text userselector multiple' /><input type='hidden' id='$key-query' name='$key-query' value='$query' /><input type='hidden' id='$key' name='$key' value='$uids' />";
 
        return $html;
    }
 

 
<?php 
defined('C5_EXECUTE') or die("Access Denied.");
 
header('Content-type: application/json');
 
//SECURITY -- check that user is allowed to search through users
 
Loader::model('user_list');
 
$js = Loader::helper('json');
$ul = new UserList();
 
foreach (explode(' ', $_GET['term']) as $kw) {
    $ul->filterByKeywords($kw);
}
 
foreach (explode(',', $_GET['notUsers']) as $uid) {
    $ul->excludeUsers($uid);
}
 
if ($_GET['group']) {
    $ul->filterByGroup($_GET['group']);
}
 
$users = array();
 
foreach ($ul->get(20) as $u) {
    $users[] = array('ID' => $u->uID, 'value' => $u->getAttribute('first_name') . ' ' . $u->getAttribute('last_name'));
}
 
echo $js->encode($users);
 
?>
 

 
$('.userselector.single').autocomplete({
    source: function(req, resp) {
        var id = this.element.attr('id');
        var qs = $('#' + id.substr(0, id.length - 9) + '-query').val();
        $.getJSON('/index.php/tools/packages/amplify_lmt/user_search' + qs, req, function (data) {
            resp(data);
        })
    },
    minLength: 2,
    delay: 300,
    autoFocus: true,
    select: function(e, ui) {
        $('#' + e.target.id.substr(0, e.target.id.length - 9)).data('ac-val', ui.item.value).val(ui.item.ID);
        $(e.target).addClass('ac-selected').parents('form').validate().form();
    }
}).blur(function(e) {
    var input = $('#' + e.target.id.substr(0, e.target.id.length - 9));
    var widget = $(e.target);
    if (input.data('ac-val') != widget.val()) {
        input.val('').data('ac-val', '');
        widget.val('').removeClass('ac-selected');
    }
    input.parents('form').validate().form(); //to revalidate the hidden tag, assumes that jquery validator is being used
}).each(function(index, el) {
    $('#' + el.id.substr(0, el.id.length - 9)).data('ac-val', $(el).val());
});
 
 
$('.userselector.multiple').autocomplete({
    source: function(req, resp) {
        var id = this.element.attr('id');
        var coreid = id.substr(0, id.length - 9);
        var qs = $('#' + coreid + '-query').val();
        req.notUsers = $('#' + coreid).val();
        $.getJSON('/index.php/tools/packages/amplify_lmt/user_search' + qs, req, function (data) {
            resp(data);
        })
    },
    minLength: 2,
    delay: 300,
    autoFocus: true,
    select: function(e, ui) {
        var coreid = e.target.id.substr(0, e.target.id.length - 9);
 
        var ul = $('#' + coreid + '-display');
        var li = ul.children('li.dummy').clone(true).removeClass('dummy');
        li.attr('id', coreid + '-li-' + ui.item.ID).children('span.value').html(ui.item.value);
        ul.append(li);
 
        ampAddValArr($('#' + coreid), ui.item.ID);
 
        $(e.target).val('');
        return false;
    }
}).blur(function(e) {
    $(e.target).val('').parents('form').validate().form(); //to revalidate the hidden tag, assumes that jquery validator is being used
});
 
$('ul.userselector li img').click(function(e) {
    var li = $(this).parent();
    var ids = li.attr('id').split('-');
    li.remove();
 
    ampRemValArr($('#' + ids[0]), ids[2]);
 
});
 
function ampRemValArr(el, val) {
    el = $(el);
 
    var arr = ampGetValArr(el);
    ampRemoveArrItems(arr, val);
    el.val(arr.join(','));
}
 
function ampAddValArr(el, val) {
  el = $(el);
 
  var arr = ampGetValArr(el);
  if (jQuery.inArray(val.toString(), arr) == -1) {
      arr.push(val);
  }
  el.val(arr.join(','));
}
 
function ampGetValArr(el) {
    el = $(el);
 
    if (el.val() == '')
        return [];
    else
        return el.val().split(',');
}
 
function ampRemoveArrItems(array, item) {
    var i = 0;
    while (i < array.length) {
        if (array[i] == item) {
            array.splice(i, 1);
        } else {
            i++;
        }
    }
    return array;
}
 

 
form.crud ul.userselector {
    list-style: none;
    padding: 0;
}
 
ul.userselector {
    position: relative;
}
 
ul.userselector li img {
    position: absolute;
    right: 0;
    cursor: pointer;
}
 
li.dummy {
    display: none;
}
 
.ac-selected {
    background: url('/concrete/images/icons/success.png') no-repeat center right;
}