var Backbone = require('exoskeleton')
module.exports = Backbone.View.extend({
el: '.content'
, render: function(args) {
var LandingPage = require('../../templates/landing-page.jsx')
, ViewRenderer = require('./view-renderer').ViewRenderer
, viewRenderer
viewRenderer = new ViewRenderer({view: this
, reactTemplate: new LandingPage()
, className: 'page-introduction'})
viewRenderer.render()
return this
}
})
var Backbone = require("exoskeleton");
var NV = require("backbone.nativeview");
Backbone.View = NV;
Backbone.ajax = require("backbone.nativeajax");
module.exports = Backbone.View.extend({
renderContent: function (content) {
"use strict";
this.el.innerHTML = content;
}
});
App.ComponentView = function (options) {
Exoskeleton.View.call(this, options);
};
module.exports = Backbone.View.extend({
el: '.content'
, initialize: function() {
var Products = require('../models/products')
fn.bind(this, this.submit)
this.collection = new Products()
this.collection.fetch()
}
, submit: function(context, state) {
var Product = require('../models/product')
, product = new Product(state)
, Router = require('../router')
, router = new Router()
var ProductsView = require('./products-view')
context.collection.create(product)
new ProductsView({collection: context.collection})
router.navigate("/products")
}
, template: '<div class="new-product"></div>'
, render: function() {
var NewProduct = require('../../templates/new-product.jsx')
, React = require('react')
, data = { model: this.model
, submit: fn.curry(this.submit, this) }
this.el.innerHTML = this.template
var component = document.getElementsByClassName('new-product')[0]
React.renderComponent(new NewProduct(data), component)
return this
}
})
var Backbone = require('exoskeleton')
module.exports = Backbone.View.extend({
el: '.content'
, initialize: function() {
this.collection.on("sync", this.setCustomer.bind(this))
this.collection.on("sync", this.render.bind(this))
}
, setCustomer: function() {
this.customer = this.collection.customer
}
, template: '<div class="treasure-listing"></div>'
, render: function() {
var TreasureView = require('../../templates/treasures.jsx')
, React = require('react')
, data = { customer: this.customer,
treasures: this.collection }
this.el.innerHTML = this.template
var component = document.getElementsByClassName('treasure-listing')[0]
React.renderComponent(new TreasureView(data), component)
return this
}
})
var Backbone = require('exoskeleton')
module.exports = Backbone.View.extend({
el: '.main-nav'
, initialize: function() {
this.collection.on("sync", this.render.bind(this))
}
, template: '<div class="nav-holder"></div>'
, render: function() {
var NavigationTemplate = require('../../templates/navigation.jsx')
, React = require('react')
, data = { potentialCustomers: this.collection }
this.el.innerHTML = this.template
var component = document.getElementsByClassName('nav-holder')[0]
React.renderComponent(new NavigationTemplate(data), component)
return this
}
})