Activities template

Description

This template is used by the Activities Widget to display a list of recent activities that occurred on the site.

Control classes

Class	Description	Required
mambo-ctrl-earn	Displays the "How do I earn points?" popup when clicked	No

Template data

Variable	Description	Type
height	Height of the activities widget	Integer
title	Title to display for the current activities	String
data	List of activities to display. For complete details, refer to the Activities API documentation	Object
isLoading	Flag indicating whether activities are still loading	Boolean

Implementation example

This example shows a basic activities template with loading state handling:

JavaScript

<script type="text/template" id="activities-template">
  <% if( isLoading ) { %>
      <div>Loading!</div>
  <% } else { %>
      <div class="mambo-ctrl-earn">How do I earn points?</div>
      <div>
          <div class="mambo-ctrl-scroll" style="height: 250px;">
          <% _.forEach( data, function( item, idx ) { %>
              <% console.log(item); %>
          <% }); %>
          </div>
      </div>
  <% } %>
</script>
<script type="text/javascript">
  // Use the Mambo Callbacks array
  var mamboCallbacks = window.mamboCallbacks || [];
  mamboCallbacks.push(function() {
      // Override the default Widget template
      Mambo.updateTemplate( Mambo.Template.activities, Mambo('#activities-template').html() );
  });
</script>

Customisation options

Consider these enhancements:

• Adding user avatars or profile pictures
• Including timestamps and activity categories
• Implementing filtering by activity type
• Adding pagination for large activity feeds
• Creating interactive activity items with expandable details