Timeline list

Display a record list in chronological order.

An alternative to list-group for displaying record lists in chronological order. Optional classes are provided to highlight realtime activity or active records.

<ul class="timeline-list">
  <li class="timeline-list-item flex-row">
    <small class="timeline-item-date text-right">
      <strong ng-bind="archive.created |  absoluteDateTimeFormat:'D MMM YYYY'" class="ng-binding">24 Mar 2017</strong><br>
      <span class="text-muted ng-binding" ng-bind="archive.created | absoluteTime">13:45</span>
    </small>
    <div class="timeline-item-content flex-row">
      <div class="list-item-icon">
        <i c8y-icon="file-zip-o" class="fa fw fa-file-zip-o"></i>
      </div>
      <div class="list-item-body">
        <span class="text-truncate"><span ng-bind="archive.name" class="ng-binding">cockpit.zip</span> <small class="text-muted ng-binding" ng-bind="archive.length | bytes">3.9 MB</small></span>
        <small class="text-muted ng-binding" ng-bind="archive.description"></small>
      </div>
    </div>
  </li>
  […]
</ul>