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;
}
Nice Article. For Homepage search widget with greetings.
ReplyDeleteawesome, thanks
ReplyDelete