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

Auto eslint fix

Browse Source
This commit is contained in:
James Barnsley
2019-09-05 15:36:11 +12:00
parent 4513a0d109
commit e4d53a2d35
126 changed files with 23283 additions and 23573 deletions
Download Patch File Download Diff File Expand all files Collapse all files

141
src/js/views/modals/KioskMode.js
View File

@ -1,8 +1,8 @@
import React from 'react';
import { connect } from 'react-redux';
import Link from '../../components/Link'
import { createStore, bindActionCreators } from 'redux';
import Link from '../../components/Link';
import Modal from './Modal';
import Thumbnail from '../../components/Thumbnail';
@ -15,89 +15,84 @@ import * as helpers from '../../helpers';
import * as uiActions from '../../services/ui/actions';
import * as mopidyActions from '../../services/mopidy/actions';
class KioskMode extends React.Component{
class KioskMode extends React.Component {
constructor(props) {
super(props);
}
constructor(props){
super(props)
}
componentDidMount() {
this.setWindowTitle();
}
componentDidMount(){
this.setWindowTitle();
}
componentWillReceiveProps(nextProps) {
if (!this.props.current_track && nextProps.current_track) {
this.setWindowTitle(nextProps.current_track);
}
}
componentWillReceiveProps(nextProps){
if (!this.props.current_track && nextProps.current_track){
this.setWindowTitle(nextProps.current_track);
}
}
setWindowTitle(current_track = this.props.current_track) {
if (current_track) {
let artists = '';
for (let i = 0; i < current_track.artists.length; i++) {
if (artists != '') {
artists += ', ';
}
artists += current_track.artists[i].name;
}
this.props.uiActions.setWindowTitle(`${current_track.name} by ${artists} (now playing)`);
} else {
this.props.uiActions.setWindowTitle('Now playing');
}
}
setWindowTitle(current_track = this.props.current_track){
if (current_track){
var artists = "";
for (var i = 0; i < current_track.artists.length; i++){
if (artists != ""){
artists += ", ";
}
artists += current_track.artists[i].name;
}
this.props.uiActions.setWindowTitle(current_track.name+" by "+artists+" (now playing)");
} else{
this.props.uiActions.setWindowTitle("Now playing");
}
}
togglePlay(e) {
if (this.props.play_state == 'playing') {
this.props.mopidyActions.pause();
} else {
this.props.mopidyActions.play();
}
}
togglePlay(e){
if (this.props.play_state == 'playing'){
this.props.mopidyActions.pause();
} else {
this.props.mopidyActions.play();
}
}
render() {
if (this.props.current_track && this.props.current_track.images) {
var { images } = this.props.current_track;
} else {
var images = [];
}
render(){
if (this.props.current_track && this.props.current_track.images){
var images = this.props.current_track.images
} else {
var images = []
}
return (
<Modal className="modal--kiosk-mode">
return (
<Modal className="modal--kiosk-mode">
<Thumbnail className="background" images={images} />
<Thumbnail className="background" images={images} />
<div className="artwork" onClick={e => this.togglePlay(e)}>
<Thumbnail images={images} />
{this.props.play_state == 'playing' ? <Icon name="pause_circle_filled" /> : <Icon name="play_circle_filled" />}
</div>
<div className="artwork" onClick={(e) => this.togglePlay(e)}>
<Thumbnail images={images} />
{this.props.play_state == 'playing' ? <Icon name="pause_circle_filled" /> : <Icon name="play_circle_filled" />}
</div>
<div className="player">
<div className="current-track">
<div className="title">{ this.props.current_track ? this.props.current_track.name : <span>-</span> }</div>
{ this.props.current_track ? <ArtistSentence nolinks artists={ this.props.current_track.artists } /> : <ArtistSentence /> }
</div>
<div className="player">
<div className="current-track">
<div className="title">{ this.props.current_track ? this.props.current_track.name : <span>-</span> }</div>
{ this.props.current_track ? <ArtistSentence nolinks artists={this.props.current_track.artists} /> : <ArtistSentence /> }
</div>
<div className="progress-wrapper">
<ProgressSlider />
</div>
</div>
</Modal>
)
}
<div className="progress-wrapper">
<ProgressSlider />
</div>
</div>
</Modal>
);
}
}
const mapStateToProps = (state) => {
return {
play_state: state.mopidy.play_state,
current_track: (state.core.current_track && state.core.tracks[state.core.current_track.uri] !== undefined ? state.core.tracks[state.core.current_track.uri] : null),
}
}
const mapStateToProps = (state) => ({
play_state: state.mopidy.play_state,
current_track: (state.core.current_track && state.core.tracks[state.core.current_track.uri] !== undefined ? state.core.tracks[state.core.current_track.uri] : null),
});
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)(KioskMode)
export default connect(mapStateToProps, mapDispatchToProps)(KioskMode);