Skip to content

Instantly share code, notes, and snippets.

View HenryVonfire's full-sized avatar

HenryVonfire

View GitHub Profile
@HenryVonfire
HenryVonfire / application.controller.js
Created September 6, 2016 10:29 — forked from pixelhandler/application.controller.js
Loading with Nested Routes
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle'
});
@HenryVonfire
HenryVonfire / controllers.application.js
Created August 15, 2016 12:36
modal with ember-elsewhere
import Ember from 'ember';
export default Ember.Controller.extend({
warn: false
});
@HenryVonfire
HenryVonfire / components.photo-maker.js
Last active August 5, 2016 08:44
Demo: Take a Selfie With JavaScript
import Ember from 'ember';
const { Component, computed } = Ember;
export default Component.extend({
didRender(){
let video = document.querySelector('#camera-stream'),
start_camera = document.querySelector('#start-camera');
// The getUserMedia interface is used for handling camera input.
// Some browsers need a prefix so here we're covering all the options
navigator.getMedia = ( navigator.getUserMedia ||
@HenryVonfire
HenryVonfire / controllers.application.js
Last active July 20, 2016 13:40
clock distribution
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
actions:{
highlight(value){
value.className += " active";
},
deemphasize(value){
value.className = value.className.replace(" active","");
@HenryVonfire
HenryVonfire / controllers.application.js
Created July 1, 2016 12:57 — forked from poteto/controllers.application.js
ember-changeset-validations demo
import Ember from 'ember';
import userValidations from '../validations/user';
const { get } = Ember;
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
init() {
this._super(...arguments);
this.userValidations = userValidations;
@HenryVonfire
HenryVonfire / controllers.application.js
Last active June 28, 2016 14:39
ember-sidebar modal
import Ember from 'ember';
export default Ember.Controller.extend({
showUploader:false,
actions:{
imageReady(){
console.log('image ready action');
this.send('toggleModal');
},
toggleModal(){
@HenryVonfire
HenryVonfire / components.chat-like.js
Last active July 22, 2016 12:05
CSS for message with picture
import Ember from 'ember';
export default Ember.Component.extend({
classNames:['chat-box']
});
@HenryVonfire
HenryVonfire / controllers.application.js
Created June 15, 2016 07:23 — forked from samselikoff/controllers.application.js
Liquid Fire - child state updating
import Ember from 'ember';
export default Ember.Controller.extend({
foo: 'bar',
actions: {
toggleIsOpen() {
this.toggleProperty('isOpen');
}
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
});
import Ember from 'ember';
export default Ember.Component.extend({
actions:{
dragStart(event) {
event.dataTransfer.setData("Text", event.target.id);
document.getElementById("demo").innerHTML = "Started to drag the p element";
},
allowDrop(event) {
event.preventDefault();