Homepage Search with Name and Quick Links

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

Latest Posts