MUMUP-1751 : Create template-able widgets

[timlevett]

This creates a mechanism that we can supply a JSON URL, and a template in the config, and we get smart widgets.

I have one example out of the box solution:

Step 1 - Add widget preferences to entity file

<portlet-preference>
        <name>widgetURL</name>
        <value>/portal/p/earnings-statement/max/earningStatements.resource.uP</value>
    </portlet-preference>
    <portlet-preference>
        <name>widgetType</name>
        <value>generic</value>
    </portlet-preference>
    <portlet-preference>
        <name>widgetConfig</name>
        <value><![CDATA[{"template" : "<table class='table table-striped'><tr><th>Paid</th><th>Earned</th></tr><tr ng-repeat=\"item in content.report |orderBy: ['-paid.substring(6)','-paid.substring(0,2)','-paid.substring(3,5)'] | limitTo:3\"><td><a href='/portal/p/earnings-statement/max/earning_statement.pdf.resource.uP?pP_docId={{item.docId}}' target='_blank'>{{item.paid}}</a></td><td><a href='/portal/p/earnings-statement/max/earning_statement.pdf.resource.uP?pP_docId={{item.docId}}' target='_blank'>{{item.earned}}</a></td></tr></table><a class='btn btn-default launch-app-button' href='/portal/p/earnings-statement'>See More</a>"}]]></value>
    </portlet-preference>

Pretty version of the template (note you have to escape the double quotes):

<table class='table table-striped'>
 <tr><th>Paid</th><th>Earned</th></tr>
  <tr ng-repeat=\"item in content.report |orderBy: ['-paid.substring(6)','-paid.substring(0,2)','-paid.substring(3,5)'] | limitTo:3\">
    <td><a href='/portal/p/earnings-statement/max/earning_statement.pdf.resource.uP?pP_docId={{item.docId}}' target='_blank'>{{item.paid}}</a></td>
    <td><a href='/portal/p/earnings-statement/max/earning_statement.pdf.resource.uP?pP_docId={{item.docId}}' target='_blank'>{{item.earned}}</a></td>
  </tr>
</table>
<a class='btn btn-default launch-app-button' href='/portal/p/earnings-statement'>See More</a>

Step 2, Results

[timlevett]

Relates to https://github.com/UW-Madison-DoIT/uPortal/pull/328

[vertein]

👍 Nice.

[timlevett]

Related: https://gist.github.com/timlevett/9a829a44f967230cd2a5