Sha256: 3fa389bcfcc2174170c3627a30866fe8664201bd3260374da73fa537200d734c
Contents?: true
Size: 1.8 KB
Versions: 51
Compression:
Stored size: 1.8 KB
Contents
var FilterableShopList = React.createClass({
getDefaultProps: function() {
return {
filterTabs: [
{ label: 'All Shops', filter: {} },
{ label: 'Installed', filter: { 'filter[status]': 'installed' } },
{ label: 'Uninstalled', filter: { 'filter[status]': 'uninstalled' } }
],
availableFilters: {
'filter[status]': {
getLabel: function(value) {
return 'Status is ' + value;
}
}
}
}
},
getInitialState: function() {
return {
filter: {}
};
},
onFilterReplace: function(filter) {
this.setState({
filter: filter
});
},
onFilterSet: function(name, value) {
this.onFiltersSet([{
name: name,
value: value
}]);
},
onFiltersSet: function(filters) {
var nextFilter = $.extend({}, this.state.filter);
filters.forEach(function(filter) {
if(!filter.value) {
delete nextFilter[filter.name];
} else {
nextFilter[filter.name] = filter.value;
}
});
this.onFilterReplace(nextFilter);
},
render: function() {
return (
<div className="next-card">
<ShopFilterTabs filterTabs={this.props.filterTabs} filter={this.state.filter} onFilterReplace={this.onFilterReplace} />
<ShopFilterQuery filter={this.state.filter} onFilterSet={this.onFilterSet} />
<ShopList shopsUrl={this.props.shopsUrl} editShopUrl={this.props.editShopUrl} editSubscriptionUrl={this.props.editSubscriptionUrl} filter={this.state.filter} />
</div>
);
}
});
Version data entries
51 entries across 51 versions & 1 rubygems