1 ACCEPTED SOLUTION
@Kishor O - Explanation is within the code comments
Widget build:
HTML Template
<div>
<!-- anchor tag styled as button using ng-href to assign link -->
<a ng-href="{{c.redirect}}" class="btn btn-default col-xs-12 col-sm-12 col-md-12 m-b-lg">Create an Incident</a>
</div>
Server Script
(function() {
//if client sends a get request use the details to get the title
if(input && input.action == 'GET ARTICLE TITLE'){
var kaGr = new GlideRecord('kb_knowledge');
if(input.is_article_number){
if(kaGr.get('number', input.ka_id))
data.title = kaGr.short_description.toString();
}else{
if(kaGr.get(input.ka_id))
data.title = kaGr.short_description.toString();
}
}
})();
Client controller
api.controller = function($scope, $location) {
var c = this;
//use $location to grab parameters to place on redirect url
var urlParams = $location.search();
// get the value of sysparm_article or sys_id
var ka_id = urlParams.sysparm_article || urlParams.sys_id;
//check which param exists
var isArticleNumber = urlParams.hasOwnProperty('sysparm_article') ? 'number' : 'sys_id';
c.redirect = "";
if (ka_id) {
c.server.get({
"action": "GET ARTICLE TITLE",
"ka_id": ka_id,
"is_article_number": isArticleNumber
}).then(function(resp) {
c.title = resp.data.title;
//build url that points to the catalog item page including params with KA details
//start with question mark in case the page this widget is rendered in different portals
//?id=sc_cat_item&sys_id=SYS_ID_TO_YOUR_RECORD_PRODUCER_HERE&ka_title=TITLE OF ARTICLE HERE
c.redirect = "?id=sc_cat_item&sys_id=3f1dd0320a0a0b99000a53f7604a2ef9&ka_title=" + c.title;
})
}
);
Catalog Client Script (UI Type set to All or Mobile/Service Portal
function onLoad() {
//get the url params
try{
var urlParams = decodeURIComponent(location.search);
}catch(err){
console.error("err", err)
}
//unlike working with AngularJS we need to work for getting each param
//split the url string into an array by "&"
var urlArr = urlParams.split("&")
//array should look something like this ['?id=sc_cat_item','sys_id=SYS_ID_TO_YOUR_RECORD_PRODUCER_HERE','ka_title=TITLE OF ARTICLE HERE']
//now we filter it down to just get the ka_title parameter and value and assign to the short_descrition variable
g_form.setValue('short_description', urlArr.reduce(filterForTitle, ""))
//callback function for reduce array method
function filterForTitle(str, param) {
//split each iteration by =
var paramValueArray = param.split("=");
//assign str if param is the same as ka_title else return empty string
str = paramValueArray[0] == 'ka_title' ? paramValueArray[1] : "";
return str;
}
}
Example
