secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Sort dropdown to show current sort order

Browse Source
This commit is contained in:
James Barnsley
2017-01-24 08:02:30 +13:00
parent 32effdc4dd
commit ee6b8073e8
2 changed files with 32 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/js/views/library/LibraryArtists.js
View File

@ -45,14 +45,19 @@ class LibraryArtists extends React.Component{
if( this.props.view == 'list' ){
var columns = [
{
width: 60,
label: 'Name',
width: 70,
name: 'name'
},
{
width: 10,
label: 'Followers',
width: 15,
name: 'followers.total'
},
{
label: 'Popularity',
width: 15,
name: 'popularity'
}
]
return (
@ -87,30 +92,34 @@ class LibraryArtists extends React.Component{
var view_options = [
{
value: 'thumbnails',
label: 'Thumbnails'
label: 'Thumbnails',
value: 'thumbnails'
},
{
value: 'list',
label: 'List'
label: 'List',
value: 'list'
}
]
var sort_options = [
{
value: 'name',
label: 'Name'
label: 'Name',
value: 'name'
},
{
value: 'followers.total',
label: 'Followers'
label: 'Followers',
value: 'followers.total'
},
{
label: 'Popularity',
value: 'popularity'
}
]
var actions = (
<span>
<DropdownField icon="sort" name="Sort" value={ this.props.sort } options={ sort_options } handleChange={ value => this.setSort(value) } />
<DropdownField icon="eye" name="View" value={ this.props.view } options={ view_options } handleChange={ value => this.props.uiActions.set({ library_artists_view: value }) } />
<DropdownField icon="sort" name="Sort" value={ this.props.sort } options={sort_options} reverse={this.props.sort_reverse} handleChange={ value => this.setSort(value) } />
<DropdownField icon="eye" name="View" value={ this.props.view } options={view_options} handleChange={ value => this.props.uiActions.set({ library_artists_view: value }) } />
</span>
)