a simplified modular framework.
- jQuery
- handlebars
var navComponent = Ezol.Component({
el: 'nav',
template: '#navTemplate',
events: {
'click a#search': 'openSearch'
},
data: function() {
var links = [{
a: '#search',
title: 'search component',
class: 'btn nav-link',
id: 'search'
}, {
a: '#list',
title: 'list component',
class: 'btn nav-link'
}];
return links;
},
openSearch: function (e) {
e.preventDefault();
new searchComponent('Josh was here');
}
});
var searchComponent = Ezol.Component({
initialize: function (phrase) {
this.phrase = phrase;
},
el: '.search',
template: '#searchTemplate',
events: {
'keyup input': 'search'
},
data: function () {
return this.phrase;
},
search: function (e) {
//var val = e.currentTarget.value;
}
});
$(function() {
var nav = new navComponent();
});