ezol.js v1.0.0

ezol.js

a simplified modular framework.

requirements:

1. jQuery
2. handlebars

Example:

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();
});