mirror of https://github.com/linkerd/linkerd2.git
68 lines
1.6 KiB
JavaScript
68 lines
1.6 KiB
JavaScript
import _ from 'lodash';
|
|
import React from 'react';
|
|
import { tapQueryPropType } from './util/TapUtils.js';
|
|
|
|
/*
|
|
prints a given tap query in an equivalent CLI format, such that it
|
|
could be pasted into a terminal
|
|
*/
|
|
export default class TapQueryCliCmd extends React.Component {
|
|
static propTypes = {
|
|
query: tapQueryPropType
|
|
}
|
|
|
|
static defaultProps = {
|
|
query: {
|
|
resource: "",
|
|
namespace: "",
|
|
toResource: "",
|
|
toNamespace: "",
|
|
method: "",
|
|
path: "",
|
|
scheme: "",
|
|
authority: "",
|
|
maxRps: ""
|
|
}
|
|
}
|
|
|
|
renderCliItem = (queryLabel, queryVal) => {
|
|
return _.isEmpty(queryVal) ? null : ` ${queryLabel} ${queryVal}`;
|
|
}
|
|
|
|
render = () => {
|
|
let {
|
|
resource,
|
|
namespace,
|
|
toResource,
|
|
toNamespace,
|
|
method,
|
|
path,
|
|
scheme,
|
|
authority,
|
|
maxRps
|
|
} = this.props.query;
|
|
|
|
return (
|
|
<div className="tap-query">
|
|
{
|
|
_.isEmpty(resource) ? null :
|
|
<React.Fragment>
|
|
<div>Current Tap query:</div>
|
|
<code>
|
|
linkerd tap {resource}
|
|
{ this.renderCliItem("--namespace", namespace) }
|
|
{ this.renderCliItem("--to", toResource) }
|
|
{ this.renderCliItem("--to-namespace", toNamespace) }
|
|
{ this.renderCliItem("--method", method) }
|
|
{ this.renderCliItem("--scheme", scheme) }
|
|
{ this.renderCliItem("--authority", authority) }
|
|
{ this.renderCliItem("--path", path) }
|
|
{ this.renderCliItem("--max-rps", maxRps) }
|
|
</code>
|
|
</React.Fragment>
|
|
}
|
|
</div>
|
|
);
|
|
}
|
|
}
|