grapho

/* 
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');

grapho

#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(@)

grapho

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

App.PushClient = Em.Object.extend
  members: prop ->
    Em.A()

  connect: (key, userId) ->
    return unless Pusher?

    @pusher?.disconnect()

    @pusher = new Pusher key,

grapho

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");
  },
  

grapho

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Clock Service',
  clock: Ember.inject.service()
});

grapho

import Ember from 'ember';

export default Ember.Component.extend({
  /**
   Overall thoughts: Ember.Component needs a section in the module doc block outlining the order of events (just like the 1.13 blog post).
   Individual events can then refer back to that lifecycle chart to avoid the "runs xth during re-renders but only on thursdays" sentences.
   The module doc block should also get the section on what triggers a re-render (from the 1.13 blog post).
  */

  myProp: null,

grapho

import Ember from 'ember';

export default Ember.Controller.extend({
  a: [1,2,3],
  b: [4,5,6],
  c: false,
  
  actions: {
    toggleLabels() {
      this.toggleProperty('c');

grapho

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  init() {
    this._super(...arguments);
    this.items = [
      { id: 1, name: 'first' },
      { id: 2, name: 'second' },

grapho

export default function makeComputed(objKey) {
  let keys = Object.keys(get(this, objKey))
    .filter((key) => {
      // choose the keys using some logic
    })
    .map((key) => `${objKey}.${key}`);
  
  return computed(...keys, {
    get() {
      // do stuff