Auto eslint fix
This commit is contained in:
James Barnsley
@ -19,133 +19,124 @@ import * as helpers from '../../helpers';
|
||||
import * as uiActions from '../../services/ui/actions';
|
||||
import * as mopidyActions from '../../services/mopidy/actions';
|
||||
|
||||
class LibraryBrowse extends React.Component{
|
||||
class LibraryBrowse extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
}
|
||||
|
||||
constructor(props){
|
||||
super(props);
|
||||
}
|
||||
componentDidMount() {
|
||||
this.loadDirectory();
|
||||
this.props.uiActions.setWindowTitle('Browse');
|
||||
}
|
||||
|
||||
componentDidMount(){
|
||||
this.loadDirectory();
|
||||
this.props.uiActions.setWindowTitle("Browse");
|
||||
}
|
||||
componentWillReceiveProps(nextProps) {
|
||||
// mopidy goes online
|
||||
if (!this.props.mopidy_connected && nextProps.mopidy_connected) {
|
||||
this.loadDirectory(nextProps);
|
||||
}
|
||||
}
|
||||
|
||||
componentWillReceiveProps(nextProps){
|
||||
loadDirectory(props = this.props) {
|
||||
if (props.mopidy_connected) {
|
||||
this.props.mopidyActions.getDirectory(null);
|
||||
}
|
||||
}
|
||||
|
||||
// mopidy goes online
|
||||
if (!this.props.mopidy_connected && nextProps.mopidy_connected){
|
||||
this.loadDirectory(nextProps);
|
||||
}
|
||||
}
|
||||
render() {
|
||||
const grid_items = [];
|
||||
if (this.props.directory) {
|
||||
for (const subdirectory of this.props.directory.subdirectories) {
|
||||
switch (subdirectory.name) {
|
||||
case 'Dirble':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-dirble.jpg'];
|
||||
break;
|
||||
|
||||
loadDirectory(props = this.props){
|
||||
if (props.mopidy_connected){
|
||||
this.props.mopidyActions.getDirectory(null);
|
||||
}
|
||||
}
|
||||
case 'Files':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-folders.jpg'];
|
||||
break;
|
||||
|
||||
render(){
|
||||
var grid_items = []
|
||||
if (this.props.directory){
|
||||
for (var subdirectory of this.props.directory.subdirectories){
|
||||
case 'Local media':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-folders.jpg'];
|
||||
break;
|
||||
|
||||
switch (subdirectory.name){
|
||||
case 'Dirble':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-dirble.jpg']
|
||||
break
|
||||
case 'Spotify':
|
||||
case 'Spotify Browse':
|
||||
case 'Spotify Web Browse':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-spotify.jpg'];
|
||||
break;
|
||||
|
||||
case 'Files':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-folders.jpg']
|
||||
break
|
||||
case 'Spotify Tunigo':
|
||||
case 'Tunigo':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-tunigo.jpg'];
|
||||
break;
|
||||
|
||||
case 'Local media':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-folders.jpg']
|
||||
break
|
||||
case 'TuneIn':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-tunein.jpg'];
|
||||
break;
|
||||
|
||||
case 'Spotify':
|
||||
case 'Spotify Browse':
|
||||
case 'Spotify Web Browse':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-spotify.jpg']
|
||||
break
|
||||
case 'SoundCloud':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-soundcloud.jpg'];
|
||||
break;
|
||||
|
||||
case 'Spotify Tunigo':
|
||||
case 'Tunigo':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-tunigo.jpg']
|
||||
break
|
||||
case 'iTunes Store: Podcasts':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-itunes.jpg'];
|
||||
break;
|
||||
|
||||
case 'TuneIn':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-tunein.jpg']
|
||||
break
|
||||
case 'Soma FM':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-somafm.jpg'];
|
||||
break;
|
||||
|
||||
case 'SoundCloud':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-soundcloud.jpg']
|
||||
break
|
||||
default:
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-default.jpg'];
|
||||
}
|
||||
|
||||
case 'iTunes Store: Podcasts':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-itunes.jpg']
|
||||
break
|
||||
grid_items.push({
|
||||
name: subdirectory.name,
|
||||
link: `/library/browse/${encodeURIComponent(subdirectory.uri)}`,
|
||||
icons: helpers.formatImages(subdirectory.icons),
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
case 'Soma FM':
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-somafm.jpg']
|
||||
break
|
||||
|
||||
default:
|
||||
subdirectory.icons = ['/iris/assets/backgrounds/browse-default.jpg']
|
||||
}
|
||||
|
||||
grid_items.push({
|
||||
name: subdirectory.name,
|
||||
link: '/library/browse/'+encodeURIComponent(subdirectory.uri),
|
||||
icons: helpers.formatImages(subdirectory.icons)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="view library-local-view">
|
||||
<Header>
|
||||
<Icon name="folder" type="material" />
|
||||
return (
|
||||
<div className="view library-local-view">
|
||||
<Header>
|
||||
<Icon name="folder" type="material" />
|
||||
Browse
|
||||
</Header>
|
||||
<section className="content-wrapper">
|
||||
<div className="grid grid--tiles">
|
||||
<ErrorBoundary>
|
||||
{
|
||||
</Header>
|
||||
<section className="content-wrapper">
|
||||
<div className="grid grid--tiles">
|
||||
<ErrorBoundary>
|
||||
{
|
||||
grid_items.map(
|
||||
(item, index) => {
|
||||
return (
|
||||
<GridItem
|
||||
item={item}
|
||||
key={index}
|
||||
link={item.link}
|
||||
type="browse"
|
||||
/>
|
||||
)
|
||||
}
|
||||
(item, index) => (
|
||||
<GridItem
|
||||
item={item}
|
||||
key={index}
|
||||
link={item.link}
|
||||
type="browse"
|
||||
/>
|
||||
),
|
||||
)
|
||||
}
|
||||
</ErrorBoundary>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
</ErrorBoundary>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
const mapStateToProps = (state, ownProps) => {
|
||||
return {
|
||||
load_queue: state.ui.load_queue,
|
||||
mopidy_connected: state.mopidy.connected,
|
||||
directory: state.mopidy.directory,
|
||||
view: state.ui.library_directory_view
|
||||
}
|
||||
}
|
||||
const mapStateToProps = (state, ownProps) => ({
|
||||
load_queue: state.ui.load_queue,
|
||||
mopidy_connected: state.mopidy.connected,
|
||||
directory: state.mopidy.directory,
|
||||
view: state.ui.library_directory_view,
|
||||
});
|
||||
|
||||
const mapDispatchToProps = (dispatch) => {
|
||||
return {
|
||||
uiActions: bindActionCreators(uiActions, dispatch),
|
||||
mopidyActions: bindActionCreators(mopidyActions, dispatch)
|
||||
}
|
||||
}
|
||||
const mapDispatchToProps = (dispatch) => ({
|
||||
uiActions: bindActionCreators(uiActions, dispatch),
|
||||
mopidyActions: bindActionCreators(mopidyActions, dispatch),
|
||||
});
|
||||
|
||||
export default connect(mapStateToProps, mapDispatchToProps)(LibraryBrowse)
|
||||
export default connect(mapStateToProps, mapDispatchToProps)(LibraryBrowse);
|
||||
|
||||
Reference in New Issue
Block a user