SP Widget Generator

<div class="tip-card">
  <h3>{{c.data.title}}</h3>
  <div class="tip-count" ng-if="!c.data.loading">
    {{c.data.openCount}} open
  </div>
  <button ng-click="c.refresh()">Refresh</button>
</div>

.tip-card {
  padding: 16px;
  border-radius: 8px;
}
.tip-count {
  font-size: 2rem;
  font-weight: 600;
}

api.controller = function($scope) {
  var c = this;
  c.refresh = function() {
    c.server.get({ action: 'refresh' })
      .then(function(r) { c.data = r.data; });
  };
};

(function() {
  data.title = options.title || 'Team Incident Pulse';
  var agg = new GlideAggregate('incident');
  agg.addActiveQuery();
  agg.addAggregate('COUNT');
  agg.query();
  data.openCount = agg.next()
    ? agg.getAggregate('COUNT') : 0;
})();