Skip to content

Instantly share code, notes, and snippets.

View hell03610's full-sized avatar

Emma hell03610

View GitHub Profile
@hell03610
hell03610 / components.validated-input.js
Last active April 21, 2017 08:17
ember-cp-validations
import Ember from 'ember';
const {
computed,
defineProperty
} = Ember;
export default Ember.Component.extend({
classNames: ['validated-input'],
classNameBindings: ['showErrorClass:has-error', 'isValid:has-success'],
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
actions: {
log() {
console.log('xx - log');
}
}
});
import Ember from 'ember';
export default Ember.Component.extend({
home: null,
actions: {
click: function() {
this.get('onFav')(this.get('home'));
}
}
});
import Ember from 'ember';
export default Ember.Component.extend({
home: null,
isPhotoVisible: false
});
import Ember from 'ember';
export default Ember.Component.extend({
size: 100,
email: '',
gravatarUrl: Ember.computed('email', 'size', function() {
var email = this.get('email').toLowerCase(),
size = this.get('size');
if(email) {
@hell03610
hell03610 / router.js
Last active November 10, 2017 22:22
03 - Navigation
import Ember from 'ember';
import config from './config/environment';
const Router = Ember.Router.extend({
location: 'none'
});
Router.map(function() {
this.route('events', function(){
this.route('detail', {path: '/:id'} );
@hell03610
hell03610 / router.js
Last active November 10, 2017 22:20
02 - Enrutado
import Ember from 'ember';
import config from './config/environment';
const Router = Ember.Router.extend({
location: 'none'
});
Router.map(function() {
//this.route('events');
});
@hell03610
hell03610 / routes.application.js
Last active November 10, 2017 22:17
01 - Basic App
import Ember from 'ember';
export default Ember.Route.extend({
model: function() {
return {
appName: 'CanariasJS'
}
}
});
@hell03610
hell03610 / ember_doc_website_stylish.css
Created November 5, 2015 12:46
Stylish css for a more readable ember docs - apply on http://guides.emberjs.com/ pages
body {
background-color: white;
font-size: 20px;
}
#header {
background: #555;
background-image: none !important;
border-bottom: none;
}
@hell03610
hell03610 / quadratic-curve-processing
Created August 5, 2013 18:31
quadratic curve for processingjs
var processing_canvas = document.getElementById("processing");
animation = new Processing(processing_canvas, function($p){
$p.setup = function(){
$p.size(500, 400);
$p.strokeWeight(2);
$p.smooth();
$p.noLoop();
},
$p.draw = function(){
$p.quadraticBezierVertex(79,71,239,147,397,58);