Skip to content

Handlebars helper which allows you to group lists by a property of each item.

License

Notifications You must be signed in to change notification settings

WhatFreshHellIsThis/handlebars-group-by

 
 

Repository files navigation

handlebars-group-by

NPM version Downloads Build Status Coverage Status Chat Tip

Handlebars helper which allows you to group lists by a property of each item.

Install

With Node.js:

$ npm install handlebars-group-by

With Bower:

$ bower install shannonmoeller/handlebars-group-by

Api

Helpers are generated by passing in your instance of Handlebars. This allows you to selectively register the helpers on various instances of Handlebars.

groupBy(handlebars) : Object

  • handlebars Handlebars - An instance of Handlebars.

Generates an object containing the helper suitible for passing into registerHelper.

var handlebars = require('handlebars'),
    groupBy = require('handlebars-group-by');

handlebars.registerHelper(groupBy(handlebars));

groupBy.register(handlebars) : Object

  • handlebars Handlebars - An instance of Handlebars.

Both generates an object containing the helper and registers it with Handlebars automatically.

var handlebars = require('handlebars'),
    groupBy = require('handlebars-group-by');

groupBy.register(handlebars);

Helper

{{#group [list] by=[property]}}

  • list Array - Array whose items should be grouped together.
  • by String - The name of the property by whose value items should be grouped.

Data:

{
    posts: [
        { date: { year: 2014 }, title: 'foo', body: 'foo bar' },
        { date: { year: 2015 }, title: 'bat', body: 'bat qux' },
        { date: { year: 2014 }, title: 'bar', body: 'bar baz' },
        { date: { year: 2014 }, title: 'baz', body: 'baz bat' },
        { date: { year: 2015 }, title: 'qux', body: 'qux foo' }
    ]
}

Template:

{{#group posts by="date.year"}}
	<h1>{{ value }}</h1>

	{{#each items}}
		<h2>{{ title }}</h2>
		<p>{{ body }}</p>

	{{/each}}
{{/group}}

Output:

<h1>2014</h1>

<h2>foo</h2>
<p>foo bar</p>

<h2>bar</h2>
<p>bar baz</p>

<h2>baz</h2>
<p>baz bat</p>

<h1>2015</h1>

<h2>bat</h2>
<p>bat qux</p>

<h2>qux</h2>
<p>qux foo</p>

Contribute

Tasks

Standards for this project, including tests, code coverage, and semantics are enforced with a build tool. Pull requests must include passing tests with 100% code coverage and no linting errors.

Test

$ npm test

MIT © Shannon Moeller

About

Handlebars helper which allows you to group lists by a property of each item.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 75.6%
  • HTML 24.4%