Replace OOTB ServiceNow Homepage Search Widget. (Don’t use anymore with Employee Center)

HTML
<div id="homepage-search" class="hidden-xs wrapper-xl">
<div class="wrapper-xl">
<h2 class="text-center font-thin text-4x m-b-lg sp-tagline-color">Hi {{data.name}}! {{options.title}}</h2>
<div ng-if="options.short_description" class="text-center h4 m-b-lg sp-tagline-color" ng-bind="options.short_description"></div>
<sp-widget widget="data.typeAheadSearch" />
<p style="text-align: center;">
<a href="/link"><span style="color: #f6f6f7;"><strong>Link 1</strong></span></a>
<a style="padding-left: 20px;" href="/link"><i class="fa fa-key" style="color:#ffffff"></i><span style="color: #f6f6f7;"><strong> Link 2</strong></span></a>
<a style="padding-left: 20px;" href="/link"><i class="fa fa-folder-open" style="color:#ffffff"></i><span style="color: #f6f6f7;"><strong> Link 3</strong></span></a>
<a style="padding-left: 20px;" href="/link"><i class="fa fa-wifi" style="color:#ffffff"></i><span style="color: #f6f6f7;"><strong> Link 4</strong></span></a>
<a style="padding-left: 20px;" href="/Link"><span style="color: #f6f6f7;"><strong>Link 5</strong></span></a>
<a style="padding-left: 20px;" data-toggle="modal" data-target="#Automize-Feedback"><i class="fa fa-comments-o" style="color:#5cb85c"></i><span style="color: #f6f6f7;cursor: pointer;"><strong> Link 6</strong></span></a>
</p>
</div>
</div>
Client Script
function() { /* widget controller */ var c = this;}
Server Script
(function() {
/* populate the 'data' object */
/* e.g., data.table = $sp.getValue('table'); */
data.sysUserID = gs.getUserID();
if (!data.sysUserID)
data.sysUserID = gs.getUser().getID();
var sysUserGR = new GlideRecord("sys_user");
data.userExists = sysUserGR.get(data.sysUserID);
if (data.userExists) {
data.name = sysUserGR.getValue("first_name");
} else {
data.name = "User"
}
data.typeAheadSearch = $sp.getWidget('typeahead-search', options.typeahead_search);
})();
CSS
.sp-tagline-color {
color: $sp-tagline-color;
}

Leave a comment