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

UI for changing groups

Browse Source
This commit is contained in:
James Barnsley
2018-04-30 20:34:15 +12:00
parent 490457e51c
commit 4d1c11a4c1
7 changed files with 142 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/js/components/Fields/DropdownField.js
View File

@ -57,6 +57,9 @@ export default class DropdownField extends React.Component{
if (this.props.button){
className += ' buttonify';
}
if (this.props.className){
className += ' '+this.props.className;
}
var current_value = this.props.options[0].value
if (this.props.value){
current_value = this.props.value;

19
src/js/components/Snapcast.js
View File

@ -123,9 +123,17 @@ class Snapcast extends React.Component{
groups.map(group => {
return (
<div className="group" key={group.id}>
<h3 className="name">
{group.name ? group.name : group.id} ({group.stream_id})
</h3>
<div className="field">
<div className="name">
ID
</div>
<div className="input">
<div className="text">
{group.id}
{group.name ? '('+group.name+')' : null}
</div>
</div>
</div>
<div className="field dropdown">
<div className="name">
Source
@ -156,14 +164,11 @@ class Snapcast extends React.Component{
return (
<div className="list-item client" key={client.id}>
<div className="col name">
<DropdownField className="group" icon="cog" name="Group" no_label value={group.id} options={groups_dropdown} handleChange={value => {this.props.pusherActions.setSnapcastClientGroup(client.id, value); this.props.uiActions.hideContextMenu()}} />
<TextField
onChange={value => this.props.pusherActions.setSnapcastClientName(client.id, value)}
value={name}
/>
<div className="tools">
{client.connected ? null : <FontAwesome className="disconnected red-text" name="plug" />}
<DropdownField icon="cog" name="Group" no_label value={group.id} options={groups_dropdown} handleChange={value => {this.props.pusherActions.setSnapcastClientGroup(client.id, value); this.props.uiActions.hideContextMenu()}} />
</div>
</div>
<div className="col volume">
<VolumeControl