text.html

<ul class='widget-list' ng-if='!isEmpty' >
   <li ng-repeat="item in content.currentTermCourses.courses | limitTo:5">
    <p class='bold'>{{item.title | truncate:36}}</p>
     <p>{{item.courseDepartment.name}} {{item.code}}</p>
   </li>
</ul>
<div style='padding: 10px; font-size: 14px; height: 200px; display: table-cell; vertical-align: middle; width: 100%;'  ng-if='!content || content.length === 0 || isEmpty'>
  <loading-gif data-object='content' data-empty='isEmpty' class='center'></loading-gif>
  <div ng-if='isEmpty'>
    <i class='fa fa-exclamation-triangle fa-3x pull-left' style='color: #b70101;'></i>
    <span style='color: #898989;'>We had a problem finding your courses. <a href='/web/#/static/myuw-help'>Get Help</a></span>
  </div>
</div>
<a class='btn btn-default launch-app-button  ng-scope' href='/portal/p/MyCourses'>See all my courses</a>