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

Base styles for commands; Fixing snapcast commands (removal)

Browse Source
This commit is contained in:
James Barnsley
2018-10-11 08:25:58 +13:00
parent c8dc36cd04
commit 74a77ed5b0
10 changed files with 14085 additions and 10846 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -140,6 +140,47 @@ class Settings extends React.Component {
);
}
renderCommands(){
var commands = [];
if (this.props.pusher.commands){
for (var id in this.props.pusher.commands){
if (this.props.pusher.commands.hasOwnProperty(id)){
var command = Object.assign({}, this.props.pusher.commands[id]);
try {
command.command = JSON.parse(command.command);
} catch(error){
command.command = null;
}
commands.push(command);
}
}
}
if (commands.length <= 0){
return null;
}
return (
<div className="list">
{
commands.map(command => {
return (
<Link className="list__item command__item commands-setup__item" key={command.id} to={global.baseURL+'edit-command/'+command.id}>
<span className="col col--w30">
<Icon name={command.icon} />
{command.icon}
</span>
<span className="col col--w70">
{command.command && command.command.url ? command.command.url : "-"}
</span>
</Link>
);
})
}
</div>
);
}
render(){
var options = (
@ -166,15 +207,6 @@ class Settings extends React.Component {
var upgrade_button = null;
}
var commands = [];
if (this.props.pusher.commands){
for (var id in this.props.pusher.commands){
if (this.props.pusher.commands.hasOwnProperty(id)){
commands.push(this.props.pusher.commands[id]);
}
}
}
return (
<div className="view settings-view">
<Header options={options} uiActions={this.props.uiActions}>
@ -343,15 +375,7 @@ class Settings extends React.Component {
Commands
</div>
<div className="input">
{
commands.map(command => {
return (
<Link className="command__item commands-setup__item" key={command.id} to={global.baseURL+'edit-command/'+command.id}>
<Icon name={command.icon} />
</Link>
);
})
}
{this.renderCommands()}
<Link to={global.baseURL+'edit-command'} className="button">Add new</Link>
</div>
</div>