Skip to content

Instantly share code, notes, and snippets.

View bmelton's full-sized avatar
💭
I may be slow to respond.

Barry Melton bmelton

💭
I may be slow to respond.
View GitHub Profile
@bmelton
bmelton / gist:2384744
Created April 14, 2012 14:25
Extremely Gentle Meteor - First JS
if (Meteor.is_client) {
Template.hello.greeting = function () {
return "Welcome to meteor-intro.";
};
Template.hello.events = {
'click input' : function () {
// template data, if any, is available in 'this'
if (typeof console !== 'undefined')
console.log("You pressed the button");
@bmelton
bmelton / gist:2341138
Created April 9, 2012 03:14
A Gentle Introduction to Ember - Wrapping up Observer
<!doctype html>
<head>
<title>Ember test</title>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script type="text/javascript" src="../lib/ember.min.js"></script>
</head>
<body>
<script type="text/x-handlebars">
<img {{bindAttr src="Example.logo"}} alt="Logo"><br />
<h1>{{ Example.name }}</h1>
@bmelton
bmelton / gist:2340902
Created April 9, 2012 02:27
A Gentle Introduction to Ember - Concatenating URL
getTweets: function() {
var self = this;
var searchString = Example.get("searchString");
var url = "http://search.twitter.com/search.json?callback=?&q=" + searchString;
$.getJSON(url, function(data) {
for (var i = 0; i < data.results.length; i++) {
self.addItem(Example.Item.create(data.results[i]));
};
})
}
@bmelton
bmelton / gist:2340873
Created April 9, 2012 02:18
A Gentle Introduction to Ember - Adding a textbox - ChangeQuery method
Example.ChangeQuery = Ember.TextField.extend({
change: function() {
var value = this.get('value');
Example.set("searchString", value);
Example.populate.getTweets();
}
});
@bmelton
bmelton / gist:2340861
Created April 9, 2012 02:14
A Gentle Introduction to Ember - Adding a textbox - Default Search String
Example = Ember.Application.create({
name: "Example Application",
logo: "http://sympodial.com/images/logo.png",
searchString: "%23EmberJS",
ready: function() {
Example.populate.getTweets();
setInterval(function() {
Example.populate.getTweets();
}, 2000);
}.observes("name")
@bmelton
bmelton / gist:2340852
Created April 9, 2012 02:11
A Gentle Introduction to Ember - Adding a textbox to View
<script type="text/x-handlebars">
<img {{bindAttr src="Example.logo"}} alt="Logo"><br />
<h1>{{ Example.name }}</h1>
{{view Example.ChangeQuery id="new-todo" placeholder="#EmberJS"}}
{{#view Example.LoopingView id="looping-view" }}
{{#each Example.populate}}
<li>{{ from_user_name }} - {{ text }}!</li>
{{/each}}
@bmelton
bmelton / gist:2340717
Created April 9, 2012 01:24
A Gentle Introduction to Ember - Adding a textbox
<!doctype html>
<head>
<title>Ember test</title>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script type="text/javascript" src="../lib/ember.min.js"></script>
</head>
<body>
<script type="text/x-handlebars">
<img {{bindAttr src="Example.logo"}} alt="Logo"><br />
<h1>{{ Example.name }}</h1>
@bmelton
bmelton / gist:2324195
Created April 7, 2012 00:17
A Gentle Introduction to Ember - parsing IDs
<!doctype html>
<head>
<title>Ember test</title>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script type="text/javascript" src="../lib/ember.min.js"></script>
</head>
<body>
<script type="text/x-handlebars">
<img {{bindAttr src="Example.logo"}} alt="Logo"><br />
<h1>{{ Example.name }}</h1>
@bmelton
bmelton / gist:2322031
Created April 6, 2012 18:49
A Gentle Introduction to Ember - addItem
addItem: function(item) {
this.pushObject(item);
},
@bmelton
bmelton / gist:2321027
Created April 6, 2012 16:07
A Gentle Introduction to Ember - Application.ready()
Example = Ember.Application.create({
name: "Example Application",
logo: "http://sympodial.com/images/logo.png",
ready: function() {
Example.populate.getTweets();
}
});