Skip to content

Make InitSearch use kendoAutoComplete for running the search #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
corbo-we wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Make InitSearch use kendoAutoComplete for running the search #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
cbfe0ed
Update SearchLib.js
corbo-we Jan 20, 2021
7319c73
Update InitSearch.js
corbo-we Jan 20, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
171 changes: 85 additions & 86 deletions _install/Searches/InitSearch.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,102 +3,101 @@
/* ------------ Init Custom Portal Search ------------ */
/* ----------------------------------------------- */
// v8.1
// Contributors: William Udovich, Joivan Hedrick, Geoff Ross, Stefan Henseler, Seth Coussens
// Contributors: William Udovich, Joivan Hedrick, Geoff Ross, Stefan Henseler, Seth Coussens, Cory Bowe
/* Description: Adds advanced search functionality to the main search of the portal, SQL style.*/

$(document).ready(function () {

//Get a reference of the search input text box
var searchInput = $("input[name=searchText]");
//Get a reference of the search input text box
var searchInput = $("input[name=searchText]");

//Add ID for css formating of the result list
searchInput.attr('id', 'searchText');
//Add ID for css formating of the result list
searchInput.attr('id', 'searchText');

// Add Software Asset Search Type
$(".navbar__search--dropdown ul").append('<li><a id="SoftwareAssetSearchType">Software Asset</a></li>');
// Add Hardware Asset Search Type
$(".navbar__search--dropdown ul").append('<li><a id="HardwareAssetSearchType">Hardware Asset</a></li>');
// Add Hardware Asset Search Type
$(".navbar__search--dropdown ul").append('<li><a id="UserSearchType">User</a></li>');
// Add Software Asset Search Type
$(".navbar__search--dropdown ul").append('<li><a id="SoftwareAssetSearchType">Software Asset</a></li>');
// Add Hardware Asset Search Type
$(".navbar__search--dropdown ul").append('<li><a id="HardwareAssetSearchType">Hardware Asset</a></li>');
// Add Hardware Asset Search Type
$(".navbar__search--dropdown ul").append('<li><a id="UserSearchType">User</a></li>');

function disableSearchKeys() {
$("span.navbar__search--btn").hide();
$("input[name=searchText]").unbind("keypress");
}

//Add Custom toggle event handling
$(".dropdown-menu").on("click", "li", function (event) {
//Add Custom toggle event handling
$(".dropdown-menu").on("click", "li", function (event) {

var searchType = event.target.id;
//console.log(event);
var searchType = event.target.id;
//console.log(event);

// If Autocomplete already exists destroy, just do clean everything up... IT Monkey would love it!!
if (searchInput.data("kendoAutoComplete")) {
customSearchLib.disableCustomHeaderSearch(searchInput);
}
// If Autocomplete already exists destroy, just do clean everything up... IT Monkey would love it!!
if (searchInput.data("kendoAutoComplete")) {
customSearchLib.disableCustomHeaderSearch(searchInput);
}

function disableSearchKeys() {
$("span.navbar__search--btn").hide();
$("input[name=searchText]").unbind("keypress");
}
switch (searchType) {
case "SoftwareAssetSearchType":
customSearchSoftwareAsset.initSearch(searchInput);
// Update Search Param and Concept
var currentURL = window.location.href;
var searchParam = $("input[name=search_param]"); //the hidden field which holds the search type id
var searchConcept = $("span[id=search_concept]"); //the span field which displays the search type value
searchParam.val("SoftwareAsset");
searchConcept.html('Software Asset');
disableSearchKeys();
break;
case "HardwareAssetSearchType":
customSearchHardwareAsset.initSearch(searchInput);
// Update Search Param and Concept
var currentURL = window.location.href;
var searchParam = $("input[name=search_param]"); //the hidden field which holds the search type id
var searchConcept = $("span[id=search_concept]"); //the span field which displays the search type value
searchParam.val("HardwareAsset");
searchConcept.html('Hardware Asset');
disableSearchKeys();
break;
case "UserSearchType":
customSearchUser.initSearch(searchInput);
// Update Search Param and Concept
var currentURL = window.location.href;
var searchParam = $("input[name=search_param]"); //the hidden field which holds the search type id
var searchConcept = $("span[id=search_concept]"); //the span field which displays the search type value
searchParam.val("User");
searchConcept.html('User');
disableSearchKeys();
break;
default:
$("span.navbar__search--btn").show();
$("input[name=searchText]").keypress(function (event) {
if (event.keyCode == 13) {
app.headerSearchWorkItem();
}
});
break;
}
});

switch (searchType) {
case "SoftwareAssetSearchType":
customSearchSoftwareAsset.initSearch(searchInput);
// Update Search Param and Concept
var currentURL = window.location.href;
var searchParam = $("input[name=search_param]"); //the hidden field which holds the search type id
var searchConcept = $("span[id=search_concept]"); //the span field which displays the search type value
searchParam.val("SoftwareAsset");
searchConcept.html('Software Asset');
disableSearchKeys();
break;
case "HardwareAssetSearchType":
customSearchHardwareAsset.initSearch(searchInput);
// Update Search Param and Concept
var currentURL = window.location.href;
var searchParam = $("input[name=search_param]"); //the hidden field which holds the search type id
var searchConcept = $("span[id=search_concept]"); //the span field which displays the search type value
searchParam.val("HardwareAsset");
searchConcept.html('Hardware Asset');
disableSearchKeys();
break;
case "UserSearchType":
customSearchUser.initSearch(searchInput);
// Update Search Param and Concept
var currentURL = window.location.href;
var searchParam = $("input[name=search_param]"); //the hidden field which holds the search type id
var searchConcept = $("span[id=search_concept]"); //the span field which displays the search type value
searchParam.val("User");
searchConcept.html('User');
disableSearchKeys();
break;
default:
$("span.navbar__search--btn").show();
$("input[name=searchText]").keypress(function (event) {
if (event.keyCode == 13) {
app.headerSearchWorkItem();
}
});
break;
}
});
if (typeof customSearchHardwareAsset == "undefined") {
app.events.subscribe('customSearchHardwareAssetCreated', function () {
init(searchInput)
});
}
else {
init(searchInput);
}

if (typeof customSearchHardwareAsset == "undefined") {
app.events.subscribe('customSearchHardwareAssetCreated', function () {
init(searchInput)
});
}
else {
init(searchInput);
}

function init(searchInput) {
if (session.user.AssetManager === 1) {
customSearchHardwareAsset.initSearch(searchInput);
// set Hardware Asset search as default if user is hardware asset manager
var currentURL = window.location.href;
var searchParam = $("input[name=search_param]"); //the hidden field which holds the search type id
var searchConcept = $("span[id=search_concept]"); //the span field which displays the search type value
searchParam.val("HardwareAsset");
searchConcept.html('Hardware Asset');

}
};
});
function init(searchInput) {
if (session.user.AssetManager === 1) {
customSearchHardwareAsset.initSearch(searchInput);
// set Hardware Asset search as default if user is hardware asset manager
var currentURL = window.location.href;
var searchParam = $("input[name=search_param]"); //the hidden field which holds the search type id
var searchConcept = $("span[id=search_concept]"); //the span field which displays the search type value
searchParam.val("HardwareAsset");
searchConcept.html('Hardware Asset');
disableSearchKeys();
}
};
});
30 changes: 9 additions & 21 deletions _install/Searches/SearchLib.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
/* ------------ Advanced Portal Search - Lib ------------ */
/* ----------------------------------------------------- */
// v8.1
// Contributors: William Udovich, Joivan Hedrick, Geoff Ross, Stefan Henseler, Seth Coussens
// Contributors: William Udovich, Joivan Hedrick, Geoff Ross, Stefan Henseler, Seth Coussens, Cory Bowe
/* Description: Contains shared code for the advanced portal search */


Expand Down Expand Up @@ -36,12 +36,17 @@ var customSearchLib = {
filter: "contains",
placeholder: "Please enter a search term ...",
minLength: 3,
delay: 300,
delay: 600,
width: 600,
height: 800,
filtering: function (obj) {
// show progress
kendo.ui.progress($(".navbar__search--input"), true);
if (!obj.filter.value) {
//prevent filtering if the filter does not value
obj.preventDefault();
} else {
kendo.ui.progress($(".navbar__search--input"), true);
}
},
dataBound : function (obj) {
// hide progress
Expand Down Expand Up @@ -116,23 +121,6 @@ var customSearchLib = {

});

// Update Search if input box content changes
searchInput.on('keyup', function (e) {

var assetSearchText = searchInput.val(); //Get the value that the user typed in.

//If the autocomplete text is empty, then allow default OOB behavior. Otherwise, disable the OOB mouseout.
if (assetSearchText != "" && assetSearchText.length > 2) {
searchInput.data("kendoAutoComplete").search(assetSearchText);
};
});

var assetSearchText = searchInput.val(); //Get the value that the user typed in.

//force search if box is not empty and has at least a length of 3
if (assetSearchText != "" && assetSearchText.length > 2) {
searchInput.data("kendoAutoComplete").search(assetSearchText);
};
},

// Data Source Init code
Expand Down Expand Up @@ -161,4 +149,4 @@ var customSearchLib = {
return dataSource;
}
}
app.events.publish("customSearchLibCreated");
app.events.publish("customSearchLibCreated");