You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
104 lines
2.8 KiB
JavaScript
104 lines
2.8 KiB
JavaScript
var empoptions = {
|
|
url: "action.php",
|
|
ajaxSettings: {
|
|
dataType: "json",
|
|
method: "GET",
|
|
data: {
|
|
action: "autocomplete_user"
|
|
}
|
|
},
|
|
preparePostData: function (data) {
|
|
data.q = $("#people-box").val();
|
|
return data;
|
|
},
|
|
getValue: function (element) {
|
|
return element.username;
|
|
},
|
|
template: {
|
|
type: "custom",
|
|
method: function (value, item) {
|
|
return item.name + " <i class=\"small\">" + item.username + "</i>";
|
|
}
|
|
},
|
|
list: {
|
|
onClickEvent: function () {
|
|
var value = $("#people-box").getSelectedItemData().username;
|
|
addPerson(value);
|
|
}
|
|
}
|
|
};
|
|
|
|
$("#people-box").easyAutocomplete(empoptions);
|
|
|
|
var manoptions = {
|
|
url: "action.php",
|
|
ajaxSettings: {
|
|
dataType: "json",
|
|
method: "GET",
|
|
data: {
|
|
action: "autocomplete_user"
|
|
}
|
|
},
|
|
preparePostData: function (data) {
|
|
data.q = $("#manager-box").val();
|
|
return data;
|
|
},
|
|
getValue: function (element) {
|
|
return element.username;
|
|
},
|
|
template: {
|
|
type: "custom",
|
|
method: function (value, item) {
|
|
return item.name + " <i class=\"small\">" + item.username + "</i>";
|
|
}
|
|
},
|
|
list: {
|
|
onClickEvent: function () {
|
|
var value = $("#manager-box").getSelectedItemData().username;
|
|
document.location.href = "app.php?page=managers&man=" + value;
|
|
}
|
|
}
|
|
};
|
|
|
|
$("#manager-box").easyAutocomplete(manoptions);
|
|
|
|
$("#people-box").keyup(function (event) {
|
|
if (event.keyCode == 13) {
|
|
$("#addpersonbtn").click();
|
|
event.preventDefault();
|
|
return false;
|
|
}
|
|
});
|
|
$("#people-box").keydown(function (event) {
|
|
if (event.keyCode == 13) {
|
|
event.preventDefault();
|
|
return false;
|
|
}
|
|
});
|
|
|
|
$("#addpersonbtn").click(function () {
|
|
addPerson($("#people-box").val());
|
|
});
|
|
|
|
function addPerson(p) {
|
|
p = String.trim(p);
|
|
if (p == "") {
|
|
return false;
|
|
}
|
|
if ($("#peoplelist div[data-user=" + p + "]").length) {
|
|
$("#peoplelist .list-group-item[data-user=" + p + "]").animate({
|
|
backgroundColor: "#ff0000",
|
|
}, 500, "linear", function () {
|
|
$("#peoplelist .list-group-item[data-user=" + p + "]").animate({
|
|
backgroundColor: "#ffffff",
|
|
}, 500);
|
|
});
|
|
return false;
|
|
}
|
|
$('#peoplelist').append("<div class=\"list-group-item\" data-user=\"" + p + "\">" + p + "<div onclick=\"removePerson('" + p + "')\" class=\"btn btn-danger btn-sm pull-right\"><i class=\"fa fa-trash-o\"></i></div><input type=\"hidden\" name=\"employees[]\" value=\"" + p + "\" /></div>");
|
|
$("#people-box").val("");
|
|
}
|
|
|
|
function removePerson(p) {
|
|
$("#peoplelist div[data-user=" + p + "]").remove();
|
|
} |