Skip to content

Instantly share code, notes, and snippets.

@bojicas
bojicas / prevent-drag-and-drop-outside-dropzone.js
Last active December 19, 2017 06:30
Prevent drag & drop outside dropzone
const dropzoneId = 'dropzone'
window.addEventListener('dragover', e => {
e = e || event
if (e.target.id !== dropzoneId) {
e.preventDefault()
}
})
window.addEventListener('drop', e => {
@bojicas
bojicas / simple-prevent-drag-and-drop.js
Created December 19, 2017 05:58
Add event listener to prevent the drag & drop events
window.addEventListener('dragover', e => {
e.preventDefault()
}, false)
window.addEventListener('drop', e => {
e.preventDefault()
}, false)
@bojicas
bojicas / todos.hbs
Last active August 29, 2015 14:04
app/templates/todos.hbs (todo-ember)
<!-- ... -->
<ul id="todo-list">
{{#each todo in model}}
<li {{bind-attr class="isCompleted:completed"}}>
<input type="checkbox" class="toggle">
<label>{{todo.title}}</label><button class="destroy"></button>
</li>
{{/each}}
</ul>
@bojicas
bojicas / todos.hbs
Created July 18, 2014 23:43
app/templates/todos.hbs (todo-ember)
<!-- ... -->
<ul id="todo-list">
{{#each}}
<li>
<input type="checkbox" class="toggle">
<label>{{title}}</label><button class="destroy"></button>
</li>
{{/each}}
</ul>
@bojicas
bojicas / todos.js
Created July 18, 2014 23:39
app/route/todos.js (todo-ember)
import Ember from 'ember';
export default Ember.Route.extend({
model: function() {
return this.store.find('todo');
}
});
@bojicas
bojicas / todo.js
Created July 18, 2014 19:16
app/models/todo.js
import DS from 'ember-data';
var Todo = DS.Model.extend({
title: DS.attr('string'),
isCompleted: DS.attr('boolean')
});
Todo.reopenClass({
FIXTURES: [
{
@bojicas
bojicas / application.js
Created July 18, 2014 18:44
app/adapters/application.js
import DS from 'ember-data';
export default DS.FixtureAdapter.extend();
@bojicas
bojicas / todo.js
Created July 18, 2014 17:50
todo.js from TODO-MVC Ember CLI style example
import DS from 'ember-data';
export default DS.Model.extend({
title: DS.attr('string'),
isCompleted: DS.attr('boolean')
});
@bojicas
bojicas / router.js
Created July 17, 2014 18:24
TODO-MVC - adding the first route
import Ember from 'ember';
var Router = Ember.Router.extend({
location: TodoEmberENV.locationType
});
Router.map(function() {
this.resource('todos', { path: '/' });
});
@bojicas
bojicas / application.hbs
Created July 11, 2014 20:12
The application template in the todo-ember demo using ember-cli
{{outlet}}
<footer id="info">
<p>Double-click to edit a todo</p>
</footer>