import Component from '@ember/component';

export default 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'
    ],
});