Skip to content

Instantly share code, notes, and snippets.

@onechiporenko
Last active August 22, 2016 11:39
Show Gist options
  • Save onechiporenko/600e6842758b2daefbc1b4b1159f2ba5 to your computer and use it in GitHub Desktop.
Save onechiporenko/600e6842758b2daefbc1b4b1159f2ba5 to your computer and use it in GitHub Desktop.
Check component or helper exists
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Controller.extend({
emberVersion: Ember.VERSION,
appName: 'Check component or helper exists'
});
import Ember from 'ember';
const {computed, getOwner} = Ember;
export default Ember.Controller.extend({
componentName: computed('model.name', function () {
return `${this.get('model.name')}-component`;
}),
customComponentExists: computed('componentName', function () {
const componentName = this.get('componentName');
const owner = getOwner(this);
const lookup = owner.lookup('component-lookup:main');
if (!lookup.componentFor) {
return !!lookup.lookupFactory(componentName);
}
return !!(lookup.componentFor(componentName, owner) || lookup.layoutFor(componentName, owner));
})
});
import Ember from 'ember';
export function helper(params/*, hash*/) {
return params;
}
export default Ember.Helper.helper(helper);
import Ember from 'ember';
const {getOwner} = Ember;
export function compute([name]) {
return getOwner(this).hasRegistration(`helper:${name}`);
}
export default Ember.Helper.extend({
compute
});
import Ember from 'ember';
export function myHelper(params/*, hash*/) {
return params[0];
}
export default Ember.Helper.helper(myHelper);
import Ember from 'ember';
export function compute(params/*, hash*/) {
return params;
}
export default Ember.Helper.extend({compute});
import Model from "ember-data/model";
import attr from "ember-data/attr";
import { belongsTo, hasMany } from "ember-data/relationships";
export default Model.extend({
name: attr('string')
});
import Ember from 'ember';
import config from './config/environment';
const Router = Ember.Router.extend({
location: 'none',
rootURL: config.rootURL
});
Router.map(function() {
this.route('my-model', {path: '/:model_id'});
});
export default Router;
import Ember from 'ember';
export default Ember.Route.extend({
beforeModel() {
this.get('store').push({
data: [
{id: '1', type: 'my-model', attributes: {name: 'n1'}},
{id: '2', type: 'my-model', attributes: {name: 'n2'}},
{id: '3', type: 'my-model', attributes: {name: 'n3'}},
{id: '4', type: 'my-model', attributes: {name: 'n4'}}
]
});
},
model() {
return this.get('store').peekAll('my-model');
}
});
import Ember from 'ember';
export default Ember.Route.extend({
model(model_id) {
return this.get('store').peekRecord('my-model', model_id);
}
});
<h1>{{appName}}</h1>
<p>Ember: <strong>{{emberVersion}}</strong></p>
<p><code>my-helper</code> exists: {{if (is-helper "my-helper") "true" "false"}}</p>
<p><code>my-helper2</code> exists: {{if (is-helper "my-helper2") "true" "false"}}</p>
<p><code>helper</code> exists: {{if (is-helper "helper") "true" "false"}}</p>
<ul>
{{#each model as |myModel|}}
<li>{{#link-to "my-model" myModel}}{{myModel.name}}{{/link-to}}</li>
{{/each}}
</ul>
{{outlet}}
Default component with model {{myModel.id}}
Custom component for model with name `n1`
Unique component for `n2` model
Just a template for model `n3` with id = {{myModel.id}}
{{#if customComponentExists}}
{{component componentName myModel=model}}
{{else}}
{{default-component myModel=model}}
{{/if}}
{
"version": "0.10.4",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "release",
"ember-data": "2.7.0",
"ember-template-compiler": "release"
},
"addons": {}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment