Sha256: 7cfa258b98caf97422e65308b8ef9902f7e4753c6b6627bf4c5c7d961cd36348
Contents?: true
Size: 1.62 KB
Versions: 5
Compression:
Stored size: 1.62 KB
Contents
var React = require('react');
var Mui = require('material-ui');
var ChannelCard = require('./ChannelCard');
var ChannelsCatalogue = React.createClass({
handleSelectedChannel: function(ch) {
this.props.onSelectedChannel(ch);
},
handleStyleRespectiveChannel: function() {
var selected = this.props.selectedChannel;
for(ref in this.refs) {
console.log(ref, selected);
if(this.refs[ref].props.id===selected.id) {
console.log(selected.imgNode);
break;
}
}
},
render: function() {
var channels = [];
var chs = this.props.channels;
var keys = Object.keys(chs).sort();
for(var i = 0; i < keys.length; i++) {
var key = keys[i];
// set respective selected channel in channels list
var respectiveSelected = null;
if(this.props.selectedChannel && key===this.props.selectedChannel.id) {
respectiveSelected = true;
}
channels.push(<ChannelCard
id={key}
key={key}
channelData={chs[key]}
channelId={key}
currentSelectedChannel={this.props.selectedChannel}
respectiveSelected={respectiveSelected}
onSelectedChannel={this.handleSelectedChannel} />
);
}
return (
<div className='content-div'>
<div className="grid" ref='gridRef' >
{channels}
</div>
</div>
)
}
});
module.exports = ChannelsCatalogue;
Version data entries
5 entries across 5 versions & 1 rubygems