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

Customising artist and album library URIs

Browse Source
This commit is contained in:
James Barnsley
2018-06-10 10:02:31 +12:00
parent cd5908630c
commit 25d77b65cc
10 changed files with 225 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/js/views/Settings.js
View File

@ -29,6 +29,8 @@ class Settings extends React.Component {
mopidy_host: this.props.mopidy.host,
mopidy_port: this.props.mopidy.port,
mopidy_ssl: this.props.mopidy.ssl,
mopidy_library_artists_uri: this.props.mopidy.library_artists_uri,
mopidy_library_albums_uri: this.props.mopidy.library_albums_uri,
pusher_username: this.props.pusher.username,
input_in_focus: null
}
@ -59,7 +61,7 @@ class Settings extends React.Component {
this.setState({input_in_focus: null});
e.preventDefault();
this.props.mopidyActions.setConfig({
this.props.mopidyActions.set({
host: this.state.mopidy_host,
port: this.state.mopidy_port,
ssl: this.state.mopidy_ssl
@ -69,11 +71,21 @@ class Settings extends React.Component {
return false;
}
handleBlur(name, value){
this.setState({input_in_focus: null})
var data = {}
data[name] = value
this.props.coreActions.set(data)
handleBlur(service, name, value){
this.setState({input_in_focus: null});
var data = {};
data[name] = value;
this.props[service+'Actions'].set(data);
// Any per-field actions
switch (name){
case 'library_albums_uri':
this.props.mopidyActions.clearLibraryAlbums();
break;
case 'library_artists_uri':
this.props.mopidyActions.clearLibraryArtists();
break;
}
}
handleUsernameChange(username){
@ -277,6 +289,36 @@ class Settings extends React.Component {
</div>
</div>
<div className="field">
<div className="name">Artist library URI</div>
<div className="input">
<input
type="text"
value={this.state.mopidy_library_artists_uri}
onChange={e => this.setState({mopidy_library_artists_uri: e.target.value})}
onBlur={e => this.handleBlur('mopidy', 'library_artists_uri', e.target.value)}
/>
<div className="description">
URI used for collecting library artists
</div>
</div>
</div>
<div className="field">
<div className="name">Album library URI</div>
<div className="input">
<input
type="text"
value={this.state.mopidy_library_albums_uri}
onChange={e => this.setState({mopidy_library_albums_uri: e.target.value})}
onBlur={e => this.handleBlur('mopidy', 'library_albums_uri', e.target.value)}
/>
<div className="description">
URI used for collecting library albums
</div>
</div>
</div>
<div className="field sources-priority">
<div className="name has-tooltip">
Sources priority