Skip to content

Instantly share code, notes, and snippets.

View grapho's full-sized avatar

Seth Wright grapho

  • Subtle Medical Inc.
  • San Diego, CA
View GitHub Profile
@grapho
grapho / chart-component.hbs
Last active August 29, 2015 14:05
How to create an Ember component using Highcharts.js
{{pie-chart data=pieData}}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ember Starter Kit</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"></script>
<script src="http://builds.emberjs.com/tags/v1.7.0/ember.js"></script>
<script src="http://builds.emberjs.com/tags/v1.0.0-beta.10/ember-data.js"></script>
@grapho
grapho / index.html
Created November 13, 2014 23:14
Ember Starter Kit // source http://emberjs.jsbin.com/gonivo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ember Starter Kit</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"></script>
<script src="http://builds.emberjs.com/tags/v1.8.0/ember.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.3/moment.js"></script>
@grapho
grapho / index.html
Created November 18, 2014 21:54
PHONE COMPONENT
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ember Starter Kit</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"></script>
<script src="http://builds.emberjs.com/tags/v1.8.0/ember.js"></script>
@grapho
grapho / index.html
Created January 13, 2015 23:21
Ember Starter Kit // source http://emberjs.jsbin.com/kufeyu
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ember Starter Kit</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.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.1/ember.js"></script>
<style id="jsbin-css">
/*
this code assumes you've already included the standard google analytics script in your page somehwere.
it should look something like this...
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
#original attribution https://gist.github.com/alexspeller/6251054 & https://gist.github.com/stevekane/6356006
App.ClickElsewhereMixin = Ember.Mixin.create
#use this method hook to define your desired behavior
onClickElsewhere: Ember.K
#bound version of our instance method
clickHandler: Em.computed ->
@onClickElsewhere.bind(@)
const MESSAGES = {
400: 'Bad syntax',
404: 'Could not find it',
500: 'You broke the server'
};
function blah(statusCode) {
const msg = MESSAGES[statusCode] || 'idk lol';
doSomethingWith(msg);
}
@grapho
grapho / foo.coffee
Created September 29, 2015 18:09 — forked from alexspeller/foo.coffee
App.PushClient = Em.Object.extend
members: prop ->
Em.A()
connect: (key, userId) ->
return unless Pusher?
@pusher?.disconnect()
@pusher = new Pusher key,
import Ember from 'ember';
import RecordDeletedMixin from 'demo-app/mixins/record-deleted';
export default Ember.Route.extend(RecordDeletedMixin, {
pushClient: Ember.inject.service('push-client'),
recordDeleted() {
alert("a post was deleted, but you are not on the post page so you don't care");
},