Widget - Recent Activity

Example of a recent activity widget in Timill Platform.

Display the 5 most recently updated items.

Example Code#

<div class="bg-white rounded-lg shadow">
  {{$items := queryItems "type = 'task'"}}
  {{$recent := sort $items "updatedAt" "desc" | first 5}}
  
  <h3 class="text-lg font-semibold p-4 border-b">Recent Activity</h3>
  
  <div class="divide-y">
    {{range $recent}}
      <div class="p-3">
        <div class="flex items-center space-x-2">
          <span class="font-medium">{{.Title.Get}}</span>
          <span class="text-xs text-gray-500">{{.UpdatedAt.Get | formatDate}}</span>
        </div>
        <div class="text-sm text-gray-600">{{.Description.GetHTML | truncate 100}}</div>
      </div>
    {{else}}
      <p class="p-4 text-gray-500">No recent activity</p>
    {{end}}
  </div>
</div>

Customization#

Change the number of items:

{{$recent := sort $items "updatedAt" "desc" | first 10}}

Filter by item type:

{{$items := queryItems (printf "type='%s'" .itemType)}}