Skip to content

Instantly share code, notes, and snippets.

View dhindurthy's full-sized avatar
:octocat:

Dhiraj Indurthy dhindurthy

:octocat:
View GitHub Profile
@dhindurthy
dhindurthy / components.component-one.js
Last active December 5, 2017 22:32
ember-wrapped-template
import Ember from 'ember';
export default Ember.Component.extend({
classNames:['component-one']
});
@dhindurthy
dhindurthy / controllers.application.js
Last active November 16, 2017 17:21
ember-filter-by
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Component.extend({
classNames: ['icon-button'],
classNameBindings: [
'disabled:disabled:'
],
attributeBindings: [
'aria-controls',
'aria-describedby',
@dhindurthy
dhindurthy / components.input-number.js
Last active December 7, 2017 22:02
aria-errormessage
import Ember from 'ember';
export default Ember.Component.extend({
ariaLive: "off",
ariaInvalid: "false",
showMessage: false,
numbervalue:'',
change: function(e) {
//alert(e.target.value);
if(e.target.value==="1234"){
@dhindurthy
dhindurthy / components.page-layout.js
Last active December 5, 2018 20:01
aria-keyshortcuts
import Ember from 'ember';
export default Ember.Component.extend({
classNames: ['page-layout'],
keyDown : function(e) {
console.log(e.keyCode);
if(event.keyCode==66 && event.ctrlKey) {
console.log('ctrl+b was typed.');
this.$('.item-d').focus();
}
@dhindurthy
dhindurthy / components.progress-bar.js
Last active February 21, 2018 20:39
progress-bar-component
import Ember from 'ember';
export default Ember.Component.extend({
tagName: ''
});
@dhindurthy
dhindurthy / components.cx-tablist.js
Last active February 23, 2018 18:52
contextual-tabs
import Ember from 'ember';
export default Ember.Component.extend({
ariaRole: 'tablist',
tabList:[],
actions:{
clickOnTab: function(tab){
this.sendAction('clickOnTab', tab);
let tabList = this.get('tabList');
for(var i=0;i<tabList.length;i++){
@dhindurthy
dhindurthy / components.cx-navbar.js
Last active March 13, 2019 16:23
contextual-navbar
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'nav',
actions:{
pathSelected: function(path, hugeMenu){
this.set('pathToGo', path);
}
}
});
import Ember from 'ember';
export default Ember.Component.extend({
actions:{
optionSelected: function(path){
this.sendAction("optionSelected", path);
}
}
});