Skip to content

Instantly share code, notes, and snippets.

View HenrikJoreteg's full-sized avatar

Henrik Joreteg HenrikJoreteg

1.6k followers · 46 following
View GitHub Profile
@HenrikJoreteg
HenrikJoreteg / options.js
Created September 5, 2014 02:59
Nested models in Ampersand.js
// 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);
}
@HenrikJoreteg
HenrikJoreteg / body.jade
Created July 21, 2014 21:21
Jade template for wolves app
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")
@HenrikJoreteg
HenrikJoreteg / parent-model.js
Created July 15, 2014 22:03
How you might do a subview for a child model property
var Model = require('ampersand-model');
module.exports = Model.extend({
props: {
address: 'state'
}
});
@HenrikJoreteg
HenrikJoreteg / index.js
Created June 5, 2014 21:04
requirebin sketch
// 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 () {
@HenrikJoreteg
HenrikJoreteg / ajaxfileupload.js
Created April 26, 2012 19:47
AJAX file uploading using jQuery and XMLHttpRequest 2.0 and adding listener for progress updates
// 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]);
};
@HenrikJoreteg
HenrikJoreteg / clientAndServerUtilFuncs.js
Created June 1, 2011 18:18
Solution for utility functions to be used with underscore.js as mixins or commonjs
/*
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();
@HenrikJoreteg
HenrikJoreteg / nodeconf_2011.md
Created May 6, 2011 18:50 — forked from guybrush/nodeconf_2011.md
a list of slides from nodeconf 2011
@HenrikJoreteg
HenrikJoreteg / postageApp.js
Created April 28, 2011 16:23
Example of using sending mail with PostageApp using fermata in node.js
var fermata = require('fermata'),
uuid = require('node-uuid');
var apiKey = 'YOUR_API_KEY'; // should probably be imported from an external keys file
var site = fermata.api({url: 'https://api.postageapp.com/v.1.0'});
exports.send = function (details, cb) {
site['send_message.json'].post(details, cb);
};
@HenrikJoreteg
HenrikJoreteg / frontdeskbar.sass
Created March 18, 2011 14:10
=text_shadow($color, $x, $y, $blur)
:text-shadow = $color $x $y #{$blur}px
=box_shadow($color, $x, $y, $blur)
:-webkit-box-shadow = $color $x $y #{$blur}px
:-moz-box-shadow = $color $x $y #{$blur}px
:box-shadow = $color $x $y #{$blur}px
=inner_shadow($color, $x, $y, $blur)
:box-shadow = inset $color $x $y #{$blur}px
@HenrikJoreteg
HenrikJoreteg / serverAndBrowserModule.js
Created February 18, 2011 19:47
Another approach to doing re-usable backbone models
if (typeof require == 'undefined') {
var exports = window,
server = false;
} else {
var Backbone = require('./backbone'),
_ = require('underscore')._,
server = true;
}
exports.TeamModel = Backbone.Model.extend()