Skip to content

Instantly share code, notes, and snippets.

View k-fish's full-sized avatar
🐟

Kev k-fish

🐟
  • Toronto, Canada
View GitHub Profile
import Ember from 'ember';
export default Ember.Controller.extend({
intl: Ember.inject.service(),
currency: Ember.inject.service(),
appName: 'Ember Twiddle',
price: '',
actions: {
savePrice() {
console.log(this.get('price').replace(',', '.'));
@k-fish
k-fish / components.my-component.js
Created February 11, 2019 21:09
Classes / ClassNames / Bindings
import Ember from 'ember';
export default Ember.Component.extend({
classes: "red",
classNames: "box",
classNameBindings: "green",
green: true
});
@k-fish
k-fish / components.my-component.js
Last active February 5, 2019 14:46
Power Select Multiple
import Ember from 'ember';
export default Ember.Component.extend({
names: ['Stefan', 'Miguel', 'Tomster', 'Pluto']
});
import Ember from 'ember';
import { inject as service } from '@ember/service';
import { task, timeout } from 'ember-concurrency';
import { get } from '@ember/object';
const autoSuggest = ({ latitude, longitude }, place, appCode, appID) => {
return fetch(`https://places.cit.api.here.com/places/v1/autosuggest?at=${latitude},${longitude}&q=${place}&app_id=${appID}&app_code=${appCode}`);
};
const appendCreds = (url, appCode, appID) => {
@k-fish
k-fish / templates.application.hbs
Created January 15, 2019 00:50
Example UI - Bulma
<section class="section">
<div class="container">
<h1 class="title">
Example
</h1>
<h2 class="subtitle">
Description
</h2>
</div>
</section>
@k-fish
k-fish / components.my-component.js
Last active December 19, 2018 16:46
Ember Concurrency - 3.6
import Ember from 'ember';
import { task } from 'ember-concurrency';
export default Ember.Component.extend({
didSomethingChange: task(function * () {
yield false;
}),
didReceiveAttrs() {
this.didSomethingChange.perform();
@k-fish
k-fish / controllers.application.js
Created December 14, 2018 20:06
Chaining promises
import Ember from 'ember';
const wait = (time) => new Promise(resolve => setTimeout(resolve, time));
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
actions: {
foo() {
this.set('firstResolved', false);
@k-fish
k-fish / router.js
Created December 11, 2018 19:12
Example of child route inheriting model of parent
import EmberRouter from '@ember/routing/router';
import config from './config/environment';
const Router = EmberRouter.extend({
location: 'none',
rootURL: config.rootURL
});
Router.map(function() {
@k-fish
k-fish / components.my-component.js
Created November 29, 2018 20:41
Example Random Collections
import Ember from 'ember';
export default Ember.Component.extend({
listOfTranslations: [
'Foo',
'Bar',
'Baz'
]
});
@k-fish
k-fish / router.js
Last active November 29, 2018 17:01
Nested Routes / Index
import EmberRouter from '@ember/routing/router';
import config from './config/environment';
const Router = EmberRouter.extend({
location: 'none',
rootURL: config.rootURL
});
Router.map(function() {
this.route('items', function() {