HTML :
<div style="width:100%">
<!-- your widget template -->
<div class="wrapper center-block">
<div class="panel panel-default" ng-repeat='faq in c.data.faqList'>
<div class="panel-body">
<div class="row">
<div class="col-md-2">
<div ng-repeat="elem in c.data.elements" g>
<sp-widget widget="elem" options="elem"></sp-widget>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
----------------------------------------------------------------------------------------
Client Code:
api.controller=function($scope) {
/* widget controller */
var c = this;
};
---------------------------------------------------------------------------------------
Server code:
(function() {
/* populate the 'data' object */
/* e.g., data.table = $sp.getValue('table'); */
data.faqList=[
{id:1,question:'completness',details:'data.faqList'},
{id:2,question:'accuracy',details:'data.faqList'},
{id:3,question:'complaince',details:'data.faqList'}
];
var listOptions = [
{
//6
"report_id":"55a549b1d7030200eaae68150e6103a4",
"reportID":'w6',
"rectangleID":gs.generateGUID(),
"widget_parameters": JSON.stringify({"report_id": {
"value": "55a549b1d7030200eaae68150e6103a4",
"displayValue": "Open Incidents older than 30 Days"
},
"show_title": {
"value": "true",
"displayValue": "true"
}
})
},
{
//7
"report_id":"3d43fc51d7030200eaae68150e6103b7",
"reportID":'w7',
"rectangleID":gs.generateGUID(),
"widget_parameters": JSON.stringify({"report_id": {
"value": "3d43fc51d7030200eaae68150e6103b7",
"displayValue": "Overdue Incidents"
},
"show_title": {
"value": "true",
"displayValue": "true"
}
})
}
]
data.elements = listOptions.map(function(optionList){
return $sp.getWidget('report', optionList);
});
})();
