Skip to content

Instantly share code, notes, and snippets.

View gokatz's full-sized avatar
🎯
Focusing

Gokul Kathirvel gokatz

🎯
Focusing
View GitHub Profile
@gokatz
gokatz / controllers.application\.js
Created July 31, 2020 16:50
Ember pagination - master
import Controller from "@ember/controller";
import { tracked } from "@glimmer/tracking";
import { alias, oneWay } from "@ember/object/computed";
import pagedArray from "ember-cli-pagination/computed/paged-array";
import { inject as service } from '@ember/service'
export default class ArticlesController extends Controller {
// setup our query params
queryParams = ["page", "perPage"];
import Controller from '@ember/controller';
import { tracked } from '@glimmer/tracking';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
@tracked selectedPet = { name: "" };
}
@gokatz
gokatz / controllers.application\.js
Last active July 31, 2020 10:56
Class level field
import Controller from '@ember/controller';
import { tracked } from '@glimmer/tracking';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
obj = { name };
}
@gokatz
gokatz / controllers.application\.js
Last active July 31, 2020 16:48
ember pagination
import Controller from "@ember/controller";
import { tracked } from "@glimmer/tracking";
import { alias, oneWay } from "@ember/object/computed";
import pagedArray from "ember-cli-pagination/computed/paged-array";
import { inject as service } from '@ember/service'
export default class ArticlesController extends Controller {
// setup our query params
queryParams = ["page", "perPage"];
import Controller from '@ember/controller';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
@tracked
canShowModal = true;
@gokatz
gokatz / components.my-component\.js
Last active July 23, 2020 05:05
data binding in input
import Component from '@glimmer/component';
export default class extends Component {
}
import Controller from '@ember/controller';
import { on } from '@ember/object/evented';
export default Controller.extend({
appName: 'ETwiddle',
init() {
this._super(...arguments);
console.log('Hello');
},
@gokatz
gokatz / controllers.application\.js
Last active June 20, 2020 15:30
action handler
import Controller from '@ember/controller';
export default Controller.extend({
appName: 'Ember Twiddle',
actions: {
clear() {
alert('"Clear" Action Called');
}
}
@gokatz
gokatz / components.create-account\.js
Last active June 18, 2020 06:26
Async Modal Handling
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
export default class extends Component {
@tracked type = '';
@tracked name = '';
@action
saveAccount() {
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
export default class extends Component {
@tracked type = '';
@tracked name = '';
@action
saveAccount() {