podcaster-base-page.js

class BasePage {

	constructor(data = {}) {
		this.state = data;
		// Create the main HTMLElement for this page so we can
		// attach DOMEvent listeners to it		
		this.$el = document.createElement('div');

		Object.keys(this.events || {}).forEach(key => {
			const [eventName, selector] = key.split('|');

			this.$el.addEventListener(eventName, (function(selector, event) {
				if (event.target.matches(selector)) {
					this.events[key].call(this, event);
				}
			}).bind(this, selector));
		});
	}

	updateState(newState) {
		this.state = Object.assign({}, this.state, newState);
		this.render();
	}

	render() {
		this.$el.innerHTML = this.html();
		return this.$el;
	}

}

export default BasePage;