Skip to content

Instantly share code, notes, and snippets.

@Dracks

Dracks/index.html

Created February 3, 2015 16:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Dracks/71467bd9426faf15bb51 to your computer and use it in GitHub Desktop.
Save Dracks/71467bd9426faf15bb51 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v2.0.0.js"></script>
<script src="http://builds.emberjs.com/tags/v1.9.0/ember.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<script type="text/x-handlebars" data-template-name="application">
Hello World
{{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="index">
<table><tr>
{{#each item in controller itemViewClass="commentsCalendarDay"}}
{{item}}
{{/each}}
</tr></table>
</script>
<script id="jsbin-javascript">
App = Ember.Application.create({
});
App.Router.map(function(){});
App.CommentsCalendarDayView = Ember.View.extend(Ember.ViewTargetActionSupport,{
tagName: 'td',
mouseEnter: function () {
console.log('enter');
this.get('controller').send('mouseEnter', this.get('content'));
},
mouseLeave: function () {
console.log('leave');
this.get('controller').send('mouseLeave', this.get('content'));
}
});
App.IndexRoute=Ember.Route.extend({
model: function(){
return ["uno", "dos", "tres"];
}
});
App.IndexController=Ember.ArrayController.extend({
actions:{
mouseEnter: function (){},
mouseLeave: function () {}
}
});
</script>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"><\/script>
<script src="//builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v2.0.0.js"><\/script>
<script src="//builds.emberjs.com/tags/v1.9.0/ember.js"><\/script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<script type="text/x-handlebars" data-template-name="application">
Hello World
{{outlet}}
<\/script>
<script type="text/x-handlebars" data-template-name="index">
<table><tr>
{{#each item in controller itemViewClass="commentsCalendarDay"}}
{{item}}
{{/each}}
</tr></table>
<\/script>
</body>
</html></script>
<script id="jsbin-source-javascript" type="text/javascript">App = Ember.Application.create({
});
App.Router.map(function(){});
App.CommentsCalendarDayView = Ember.View.extend(Ember.ViewTargetActionSupport,{
tagName: 'td',
mouseEnter: function () {
console.log('enter');
this.get('controller').send('mouseEnter', this.get('content'));
},
mouseLeave: function () {
console.log('leave');
this.get('controller').send('mouseLeave', this.get('content'));
}
});
App.IndexRoute=Ember.Route.extend({
model: function(){
return ["uno", "dos", "tres"];
}
});
App.IndexController=Ember.ArrayController.extend({
actions:{
mouseEnter: function (){},
mouseLeave: function () {}
}
});</script></body>
</html>
Raw
jsbin.xukuluciva.js
App = Ember.Application.create({
});
App.Router.map(function(){});
App.CommentsCalendarDayView = Ember.View.extend(Ember.ViewTargetActionSupport,{
tagName: 'td',
mouseEnter: function () {
console.log('enter');
this.get('controller').send('mouseEnter', this.get('content'));
},
mouseLeave: function () {
console.log('leave');
this.get('controller').send('mouseLeave', this.get('content'));
}
});
App.IndexRoute=Ember.Route.extend({
model: function(){
return ["uno", "dos", "tres"];
}
});
App.IndexController=Ember.ArrayController.extend({
actions:{
mouseEnter: function (){},
mouseLeave: function () {}
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment