Skip to content

Instantly share code, notes, and snippets.

@faizaanshamsi

faizaanshamsi/application.controller.js

Last active September 11, 2015 05:34
Show Gist options
  • Save faizaanshamsi/a57e566a4e0dfd16521a to your computer and use it in GitHub Desktop.
Save faizaanshamsi/a57e566a4e0dfd16521a to your computer and use it in GitHub Desktop.
Download ZIP
Component Authorization Helpers
Raw
application.controller.js
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle'
});
Raw
application.template.hbs
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<br>
<br>
{{component (can-view 'user')}}
Raw
helpers.can-view.js
import Ember from 'ember';
export default Ember.Helper.extend({
role: Ember.inject.service(),
compute(params) {
var role = this.get('role');
var component = role.fetchComponent(params[0]);
return component;
}
});
Raw
services.role.js
import Ember from 'ember';
export default Ember.Service.extend({
fetchComponent(role) {
if (role === 'admin') {
return 'x-comp';
} else {
return 'x-form-2';
}
}
});
Raw
twiddle.json
{
"version": "0.4.9",
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.13.9/ember.js",
"ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/1.13.11/ember-data.js",
"ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.13.9/ember-template-compiler.js"
}
}
Raw
x-comp.component.js
import Ember from 'ember';
export default Ember.Component.extend({
});
Raw
x-comp.template.hbs
This is what an admin would see
Raw
x-form-2.component.js
import Ember from 'ember';
export default Ember.Component.extend({
});
Raw
x-form-2.template.hbs
This is what a normal user would see.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment