| /* | |
| Building a module this way allows you to do this on the client: | |
| <script src="underscore.js"></script> | |
| <script src="myutils.js"></script> | |
| Then use it in your code as children of '_' without polluting your global namespace. | |
| _.myFunction(); |
| // grab your file object from a file input | |
| $('#fileInput').change(function () { | |
| sendFile(this.files[0]); | |
| }); | |
| // can also be from a drag-from-desktop drop | |
| $('dropZone')[0].ondrop = function (e) { | |
| e.preventDefault(); | |
| sendFile(e.dataTransfer.files[0]); | |
| }; |
| // we'll just use an ampersand-view here as an | |
| // example parent view | |
| var View = require('ampersand-view'); | |
| var FormView = require('ampersand-form-view'); | |
| var InputView = require('ampersand-input-view'); | |
| var MyView = View.extend({ | |
| template: '<div><h1>App form</h1 ><form role="app-edit-form"></form></div>', | |
| render: function () { |
| var Model = require('ampersand-model'); | |
| module.exports = Model.extend({ | |
| props: { | |
| address: 'state' | |
| } | |
| }); |
| body | |
| nav.navbar.navbar-default | |
| div.container-fluid | |
| div.navbar-header | |
| a.navbar-brand(href='/') Our App | |
| ul.nav.navbar-nav | |
| li | |
| a(href='/list') list | |
| .container | |
| main(role="page-container") |
| // credit for this goes to @latentflip | |
| var State = require('ampersand-state'); | |
| var Collection = require('ampersand-collection'); | |
| var OptionList = Collection.extend({ | |
| //Circular reference so we have to function wrap this | |
| model: function (data, options) { | |
| return new Option(data, options); | |
| } |
| <html lang="en-US" jsl="$t t-Tkdr7Li1J_A;$x 0;" jsvs="true;'en-US';" jsan= | |
| "t-Tkdr7Li1J_A,0.lang" xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta name="generator" content= | |
| "HTML Tidy for Linux/x86 (vers 25 March 2009), see www.w3.org" /> | |
| <meta charset="utf-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <title>Inbox – hjoreteg@gmail.com</title> | |
| <link class="i1Vy9" href= |
| var AmpersandView = require('ampersand-view'); | |
| var PersonRowView = AmpersandView.extend({ | |
| template: "<h2>This is the first ampersand View </h2>" | |
| }); | |
| var personView = new PersonRowView() | |
| personView.render(); | |
| document.body.appendChild(personView.el); |
| var Router = require('ampersand-router'); | |
| var app = require('ampersand-app'); | |
| function auth(authLevel, fn) { | |
| return function () { | |
| if (authLevel === 'required' && !app.me.loggedIn) { | |
| this.redirectTo('/login'); | |
| return; | |
| } |
present: