andybluntish

/**
 * GalleryCss JS
 * Trigger GalleryCSS changes via JavaScript, eg from swipe events on touch devices.
 * Requires GalleryCSS (obviously) - https://github.com/benschwarz/gallery-css
 *
 * GalleryCss.next(); // move to the next item, or loop back to the start
 * GalleryCss.prev(); // move to the previous item, or loop back to the end
 * GalleryCss.goTo(); // jump to a specific item (zero-based index)
 *
 */

andybluntish

module.exports = function(grunt) {

  grunt.initConfig({
    xsltproc: {
      options: {
        stylesheet: 'errors.xsl'
      },
      compile: {
        files: {
          'errors.html': ['errors.xml']

andybluntish

import Ember from 'ember';

const {
  on,
  get
} = Ember;

export default Ember.Component.extend({
  classNames: ['html-element'],

andybluntish

<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml">
  <xsl:output method="text" encoding="utf-8" media-type="application/json" />

  <!-- Start processing at the root -->
  <xsl:template match="/*[node()]">
    <xsl:apply-templates select="." mode="element" />
  </xsl:template>

  <!--

andybluntish

/* ==========================================================================
   Application Styles
   ========================================================================== */

@charset 'utf-8';

/**
 * Style Dependencies
 */

andybluntish

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  items: ['one', 'two', 'green', 'blue'],
  selectedItem: null,
  
  actions: {
    selectItem(item) {
      this.set('selectedItem', item)

andybluntish

import Ember from 'ember';

const { computed, get, set } = Ember;

export default Ember.Component.extend({
  defaultTitle: 'Default Title',
  type: 'cool',
  title: computed('type', 'defaultTitle', {
    get() {
      const defaultTitle = get(this, 'defaultTitle');

andybluntish

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  intList: [10, 34, 49],
  objList: [
    { foo: 'bar' },
    { foo: 'bat' },
    { foo: 'qux' }
  ]

andybluntish

import Ember from 'ember';

let counter = 0;
const colors = [
  'red',
  'green',
  'blue',
  'orange',
  'purple',
  'hotpink'

andybluntish

import Ember from 'ember';

export default Ember.Component.extend({
});