Skip to content

Instantly share code, notes, and snippets.

View kepek's full-sized avatar
💭
I may be slow to respond.

Michal Kechner kepek

💭
I may be slow to respond.
View GitHub Profile
@kepek
kepek / macros.html.twig
Last active February 23, 2017 20:21
Twig Macros: Link
{#
{% import 'common/macros.html.twig' as macros %}
Advanced example:
{{
macros.link('Blog', 'blog_index', { search: 'kepek' }, {
attributes: {
'data-component': 'myName',
'class': 'kepek'
@kepek
kepek / components-hello.js
Created February 21, 2017 00:09
Simple Vue Components with X-Templates powered by Webpack
import Vue from 'vue'
export const name = 'hello'
export default Vue.extend({
name,
data () {
return {
message: 'Hello!'
@kepek
kepek / README.md
Created August 3, 2016 12:31 — forked from jonathantneal/README.md
Local SSL websites on Mac OSX

Local SSL websites on Mac OSX

These instructions will guide you through the process of setting up local, trusted websites on your own computer.

These instructions are intended to be used on Mac OSX Yosemite.

NOTE: You may substitute the edit command for nano, vim, or whatever the editor of your choice is. Personally, I forward edit to Sublime Text:

alias edit="/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl"
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
coverageAreas: [
{ 'code': 1, slug: 'worldwide', name: 'Worldwide', selected: true },
{ 'code': 2, slug: 'worldwide-ex-usa', name: 'Worldwide ex-USA' },
{ 'code': 3, slug: 'worldwide-ex-north-america', name: 'Worldwide ex-North America' },
{ 'code': 4, slug: 'middle-east-and-north-america', name: 'Middle East & North America' },
{ 'code': 5, slug: 'gcc', name: 'GCC'},
import Ember from 'ember';
import DS from 'ember-data';
import {
validator, buildValidations
}
from 'ember-cp-validations';
const attr = DS.attr;
const Validations = buildValidations({
@kepek
kepek / basket.js
Last active March 7, 2016 08:07
Normalize custom ember-ajax request in Ember 2.4
import Ember from 'ember'
import { storageFor } from 'ember-local-storage'
const { inject } = Ember
export default Ember.Service.extend({
/**
* Local Storage.
*/
storage: storageFor('basket'),
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'input',
attributeBindings: [ 'type', 'value', 'placeholder', 'data-stripe', 'name' ],
type: 'text',
_sanitizedValue: undefined,
input() { this._handleChangeEvent(); },
change() { this._handleChangeEvent(); },
@kepek
kepek / future-proof.md
Created January 30, 2016 17:40 — forked from samselikoff/future-proof.md
Future-proofing your Ember 1.x code

This post is also on my blog, since Gist doesn't support @ notifications.


Components are taking center stage in Ember 2.0. Here are some things you can do today to make the transition as smooth as possible:

  • Use Ember CLI
  • In general, replace views + controllers with components
  • Only use controllers at the top-level for receiving data from the route, and use Ember.Controller instead of Ember.ArrayController or Ember.ObjectController
  • Fetch data in your route, and set it as normal properties on your top-level controller. Export an Ember.Controller, otherwise a proxy will be generated. You can use Ember.RSVP.hash to simulate setting normal props on your controller.
import Ember from 'ember'
const waitTime = 200
export default Ember.Mixin.create({
didInsertElement() {
this._super(...arguments)
const guid = Ember.guidFor(this)
const eventName = [`input.${guid}`, `change.${guid}`].join(` `)