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

Recognise tracks; Back button for local

Browse Source
This commit is contained in:
James Barnsley
2016-12-16 08:32:21 +13:00
parent a1f96845c0
commit 5a5b48c93a
3 changed files with 65 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/js/components/List.js
View File

@ -22,7 +22,7 @@ export default class List extends React.Component{
}
renderHeader(){
if( !this.props.columns ) return null
if (!this.props.columns || this.props.noheader) return null
return (
<div className="list-item header cf">
@ -39,31 +39,35 @@ export default class List extends React.Component{
var key = key_string.split('.')
var value = row
for( var i = 0; i < key.length; i++ ){
if( typeof(value[key[i]]) !== 'undefined' ){
value = value[key[i]]
}else{
for (var i = 0; i < key.length; i++) {
if (typeof(value[key[i]]) === 'undefined' || value[key[i]].trim() == '') {
return <span>-</span>
} else {
value = value[key[i]]
}
}
if( key_string === 'owner' ) return <Link to={ '/user/'+ value.uri }>{value.id}</Link>
if( key[0] === 'artists' ) return <ArtistSentence artists={value} />
if( value === true ) return <FontAwesome name="check" />
if( typeof(value) === 'number' ) return <span>{value.toLocaleString()}</span>
if (key_string === 'owner') return <Link to={ '/user/'+ value.uri }>{value.id}</Link>
if (key[0] === 'artists') return <ArtistSentence artists={value} />
if (value === true) return <FontAwesome name="check" />
if (typeof(value) === 'number') return <span>{value.toLocaleString()}</span>
return <span>{value}</span>
}
render(){
if( !this.props.rows ) return null
if (!this.props.rows) return null
return (
<div className="list">
{ this.renderHeader() }
{
this.props.rows.map( (row, row_index) => {
var className = 'list-item'
if( row.type ) className += ' '+row.type
return (
<div onClick={ e => this.handleClick(e, row.uri)} className="list-item cf" key={row_index}>
<div onClick={ e => this.handleClick(e, row.uri)} className={className} key={row_index}>
{
this.props.columns.map( (col, col_index) => {
return (

20
src/js/components/TrackList.js
View File

@ -231,18 +231,26 @@ class TrackList extends React.Component{
// by default, do nothing
}
renderHeader(){
if( this.props.noheader ) return null
return (
<div className="list-item header track">
<span className="col name">Name</span>
<span className="col artists">Artists</span>
<span className="col album">Album</span>
<span className="col duration">Length</span>
</div>
)
}
render(){
if( !this.state.tracks ) return null
let self = this;
return (
<div className="track-list">
<div className="list-item header track">
<span className="col name">Name</span>
<span className="col artists">Artists</span>
<span className="col album">Album</span>
<span className="col duration">Length</span>
</div>
{ this.renderHeader() }
{
this.state.tracks.map(
(track, index) => {