Data binding exemple

[julesmoretti]

Hello there.

I am using keystone and Handlebar and would love some help/pointers perhaps on how to achieve a live filter. So the use case for this is a list of projects being rendered on a page that can be sorted by say date, or tags (hiding non checked ones etc...) using a series of checkboxes etc...

What I have is something like this:

Sort by Date
Sort by Name

Categories

Show all
That is Programming related
That is Html related

{{# each projects}}

{{title}}

{{dateComplete}}

{{description}}

{{tag}} {{/each}}

locals.date= false;
locals.tags= {all: true, programming: true, html: true};
locals.name=true;

locals.projects = [
{ title: 'Project',
dateComplete: 2001,
description: 'Lorem ipsum Elit sint in sint quis dolore ullamco commodo sit.',
type: 'Programming'
},
{...}];

thank you for the help with this