34 lines
812 B
JavaScript
34 lines
812 B
JavaScript
import Ember from 'ember';
|
|
|
|
export default Ember.Component.extend({
|
|
tagName: 'li',
|
|
classNames: ['clearfix'],
|
|
classNameBindings: ['selected:selected'],
|
|
attributeBindings: ['itemId:data-item-id'],
|
|
selected: false,
|
|
index: 0,
|
|
didReceiveAttrs() {
|
|
let me = this;
|
|
me._super(...arguments);
|
|
let cc = me.get('colorClasses');
|
|
me.get('classNames').push(cc.objectAt(me.get('index') % cc.length));
|
|
},
|
|
colorClasses: [
|
|
'item-orange',
|
|
'item-orange2',
|
|
'item-red',
|
|
'item-red2',
|
|
'item-green',
|
|
'item-green2',
|
|
'item-blue',
|
|
'item-blue2',
|
|
'item-blue3',
|
|
'item-pink',
|
|
'item-purple',
|
|
'item-black',
|
|
'item-grey',
|
|
'item-brown',
|
|
'item-default'
|
|
],
|
|
});
|