Skip to content

Instantly share code, notes, and snippets.

import Component from '@glimmer/component';
import { A } from '@ember/array';
export default class extends Component {
messages = A(["initial message"])
constructor() {
super(...arguments);
const that = this;
@zackthehuman
zackthehuman / help-widget-integration.hbs
Created December 21, 2018 07:07
An example of how In-Product Help may be integrated into an Ember application.
{{#help-widget appId="linkedin" topic=someTopic}}{{/help-widget}}
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
import hexColor from '../utils/hex-color';
const {
Controller,
computed
} = Ember;
export default Controller.extend({
/**
import Ember from 'ember';
export default Ember.Component.extend({
cancelAction() {
}
});
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'span',
foo: null,
actions: {
increment() { this.incrementProperty('foo'); }
}
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
init() {
const record = this.store.createRecord('MyModel', { name: 'Ham' });
const other1 = this.store.createRecord('MyModel', record.toJSON());
this.models = this.store.findAll('MyModel');
}
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
noteError: false,
actions: {
toggle() { this.toggleProperty('noteError'); }
}
});
import Ember from 'ember';
export default Ember.Component.extend({
errorReporting: Ember.inject.service('error-reporting'),
actions: {
causeError() {
this.get('errorReporting').set('currentError', 'I\'ll get you next time, Inspector Gadget!');
}
}
});