Service Portal: include a greeting and time of day on the home page!

widget code "custom_homepage_search":

HTML:

<div id="homepage-search" class="hidden-xs wrapper-xl"> <div class="wrapper-xl"> <h1 class="text-center text-4x m-b-lg sp-tagline-color" ng-bind="data.greeting"></h1> <h4 ng-if="options.short_description" class="text-center m-b-lg sp-tagline-color" ng-bind="options.short_description"></h4>

<h1 class="text-center text-4x m-b-lg sp-tagline-color" ng-bind="data.helpwith"></h1> <h4 ng-if="options.short_description" class="text-center m-b-lg sp-tagline-color" ng-bind="options.short_description"></h4> <sp-widget widget="data.typeAheadSearch" /> </div> </div>

Client Script:

function() { /* widget controller */ //--Add greeting based on time of day and add user's first name var c = this; var today = new Date() var curHr = today.getHours() if (curHr < 12) {

c.data.greeting = 'Good morning ' + scope.user.first_name + ','; c.data.helpwith = sAddtlText; } else if (curHr < 18) { c.data.greeting = 'Good afternoon ' + scope.user.first_name + ','; c.data.helpwith = sAddtlText; } else { c.data.greeting = 'Good evening ' + scope.user.first_name + ','; c.data.helpwith = sAddtlText; }

}

Server Script:

data.typeAheadSearch = $sp.getWidget('typeahead-search', options.typeahead_search);

CSS:

.sp-tagline-color {

//color: $sp-tagline-color;

color: white;

}