diff --git a/src/playbooks/Playbook.js b/src/playbooks/Playbook.js index 5a7a25e..de1b952 100644 --- a/src/playbooks/Playbook.js +++ b/src/playbooks/Playbook.js @@ -1,7 +1,7 @@ import React, { Component } from "react"; import { Row, Col, ListView, Icon } from "patternfly-react"; import { Link } from "react-router-dom"; -import PlaybookParameters from "./PlaybookParameters"; +import PlaybookArgs from "./PlaybookArgs"; export default class Playbook extends Component { constructor(props) { @@ -49,13 +49,13 @@ export default class Playbook extends Component { } leftContent={LeftIcon} additionalInfo={[ - + this._toggleExpanded("parameters")} + expanded={expanded && selection === "args"} + toggleExpanded={() => this._toggleExpanded("args")} > - Parameters + Arguments , @@ -94,8 +94,8 @@ export default class Playbook extends Component { > - {selection === "parameters" ? ( - + {selection === "args" ? ( + ) : ( selection )} diff --git a/src/playbooks/PlaybookParameters.js b/src/playbooks/PlaybookArgs.js similarity index 62% rename from src/playbooks/PlaybookParameters.js rename to src/playbooks/PlaybookArgs.js index dcf4b54..3931a01 100644 --- a/src/playbooks/PlaybookParameters.js +++ b/src/playbooks/PlaybookArgs.js @@ -9,15 +9,15 @@ export class ParamatersHelpIcon extends Component { overlay={
-

Tips: Parameters

+

Tips: Arguments


- This panel contains all the parameters and options passed to + This panel contains all the arguments and options passed to the ansible-playbook command.

- You can control which parameters ARA should ignore with the{" "} - ARA_IGNORE_PARAMETERS configuration. + You can control which arguments ARA should ignore with the{" "} + ignored_arguments configuration.

@@ -31,7 +31,7 @@ export class ParamatersHelpIcon extends Component { } } -export default class PlaybookParameters extends Component { +export default class PlaybookArgs extends Component { constructor(props) { super(props); this.state = { @@ -39,20 +39,20 @@ export default class PlaybookParameters extends Component { }; } - _renderParameter = parameter => { - if (parameter instanceof Array) { - return parameter.join(", "); + _renderArg = arg => { + if (arg instanceof Array) { + return arg.join(", "); } else { - return parameter; + return arg; } }; render() { const { playbook } = this.props; const { search } = this.state; - const parameters = Object.keys(playbook.parameters); - const filteredParameters = parameters.filter( - parameter => parameter.toLowerCase().indexOf(search.toLowerCase()) !== -1 + const args = Object.keys(playbook.arguments); + const filteredArgs = args.filter( + arg => arg.toLowerCase().indexOf(search.toLowerCase()) !== -1 ); console.log(search); return ( @@ -61,30 +61,30 @@ export default class PlaybookParameters extends Component {
this.setState({ search: e.target.value })} />
- Showing {filteredParameters.length} of{" "} - {parameters.length} parameters + Showing {filteredArgs.length} of{" "} + {args.length} args
- + - {filteredParameters.map((parameter, i) => ( + {filteredArgs.map((arg, i) => ( - - + + ))}
ParameterArgument Value
{parameter}{this._renderParameter(playbook.parameters[parameter])}{arg}{this._renderArg(playbook.arguments[arg])}