Skip to content

Instantly share code, notes, and snippets.

View lukesargeant's full-sized avatar

Luke Sargeant lukesargeant

View GitHub Profile
@lukesargeant
lukesargeant / app.css
Last active October 18, 2018 08:19
Ember 3.4 Trans-Y helper for simplifying add/remove animations in lists and tables
html, body {
margin: 0;
padding: 0;
background: #2C2C2C;
font-family: "Helvetica Neue";
font-size: 12px;
}
.grid_header {
height: 30px;
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@lukesargeant
lukesargeant / components.ddau-input.js
Created December 3, 2017 21:53
DDAU Input Component
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'input',
attributeBindings: [ 'type', 'value', 'placeholder', 'data-stripe', 'name' ],
type: 'text',
value: '',
caret: 0,
input() {
@lukesargeant
lukesargeant / components.ig-chart.js
Last active November 15, 2017 08:37 — forked from wojciechb/components.ig-chart.js
measuring paradigm
import Ember from 'ember';
export default Ember.Component.extend({
classNames: ['ig-chart'],
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@lukesargeant
lukesargeant / components.my-tab.js
Last active March 22, 2017 07:40
Radio-set component
import Ember from 'ember';
export default Ember.Component.extend({
isActive: false,
click() {
if (this.get('isActive')) {
console.log('clicked');
}
}
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'form',
address: null,
updateAddress: function() {},
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@lukesargeant
lukesargeant / components.ddau-input.js
Last active December 3, 2017 12:19 — forked from rwjblue/components.one-way-input.js
Ember DDAU Numeric control
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'input',
attributeBindings: [ 'type', 'value', 'placeholder', 'data-stripe', 'name' ],
type: 'text',
value: '',
caret: 0,
input() {
import Ember from 'ember';
const positiveDecimal = /^\.$|^\d+$|^\d+\.\d+$|^\-$/;
export default Ember.Component.extend({
value: '',
keyPress(event) {
const newChar = String.fromCharCode(event.which);
if (this.isCharValid(newChar)) {
const currentValue = this.get('value');