krstffr/meteor-list-grouper

Add little groups (headlines?) to your listed content.

meteor-list-grouper

Live version of the example app: http://list-grouper.meteor.com/

Installation: meteor add krstffr:list-grouper

Usage

This package gives you access to the ListGrouper object, which has a method called .getGroup( options ) which returns a grouped version of your collection. Like this:

var groupedList = ListGrouper.getGroup({
	// Pass a MongoDB cursor or just a native Array to the collection field
	collection: WorldCupPlayers.find({}, { limit: 100 }),
	// How would you like your data to be grouped?
	// The groupBy object contains a name and a groupMethod.
	groupBy: {
		// Give the grouping a name
		name: 'Number of passes',
		// The method used for grouping the data
		groupMethod: function ( player ) {
			return Math.floor( player.passes / 10 ) * 10;
		}
	}
});

Now we have an array called groupedList which will look something like this:

[{
	groupItems: [ Array containing the items in the group ],
	groupName: "Number of passes",
	groupKey: 0
}, {
	groupItems: [ Array containing the items in the group ],
	groupName: "Number of passes",
	groupKey: 10
}, {
	groupItems: [ Array containing the items in the group ],
	groupName: "Number of passes",
	groupKey: 20
}]

This array we can of course use in our HTML templates. See the app source inside the examples folder if you want an example on how to this, or check out the [http://list-grouper.meteor.com/](live version) of the example app.

We can also filter the results and also add sum methods (which sums up whatever data you want from the items inside the group).
To filter, do this:

filter: function ( player ) {
  // Only use players who have played at least 90 minutes,
  // all other players will not be in the groups.
  return player.playtime > 90;
}

To add sum methods (any number of them!), do this:

sums: [{
  // Show how many shots were made by the players in each group
  name: 'Shots',
  sumMethod: function ( memo, player ) {
    return memo + player.shots;
  }
},
{
	// Show how many tackles were made by the players in each group
  name: 'Tackles',
  sumMethod: function ( memo, player ) {
    return memo + player.tackles;
  }
}]

When you pass sum methods, the returned object will contain a sums field, which consists of a collection of all the summed up values, like this:

[{
	groupItems: [ Array containing the items in the group ],
	groupName: "Number of passes",
	groupKey: 0,
	sums: [{ sumName: "Shots", sum: 21 }, { sumName: "Tackles", sum: 33 }]
}, {
	groupItems: [ Array containing the items in the group ],
	groupName: "Number of passes",
	groupKey: 10,
	sums: [{ sumName: "Shots", sum: 14 }, { sumName: "Tackles", sum: 12 }]
}, {
	groupItems: [ Array containing the items in the group ],
	groupName: "Number of passes",
	groupKey: 20,
	sums: [{ sumName: "Shots", sum: 4 }, { sumName: "Tackles", sum: 68 }]
}]

meteor-list-grouper's Issues

How to handle the init, and wait for the list to be populated?

Rendered() won't work. What will work?

Submit to Atmosphere to allow for adding under Meteor 1.0

Tried to add this package with 1.0 installed and it couldn't find it, and didn't seem to be on atmospherejs.com. This looks super useful, would love to give it a crack!

Can _id data attribute be created by package instead of manually?

Change to a group-approach instead?

As described here:
http://stackoverflow.com/questions/24427627/meteor-js-execute-method-after-list-has-been-populated/24430188#24430188