This is an automated email from the ASF dual-hosted git repository.

hanahmily pushed a commit to branch 5.0.0/beta
in repository https://gitbox.apache.org/repos/asf/incubator-skywalking-ui.git

commit d4a0ee8c4955c06f924a139b09b7037a38beffee
Author: gaohongtao <hanahm...@gmail.com>
AuthorDate: Sat Apr 14 08:42:37 2018 +0800

    Refactor Trace search form
---
 src/routes/Trace/Trace.js | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/routes/Trace/Trace.js b/src/routes/Trace/Trace.js
index f86737c..75e55ec 100644
--- a/src/routes/Trace/Trace.js
+++ b/src/routes/Trace/Trace.js
@@ -127,8 +127,8 @@ export default class Trace extends PureComponent {
     const { trace: { variables: { options } } } = this.props;
     return (
       <Form onSubmit={this.handleSearch} layout="inline">
-        <Row gutter={{ md: 8, lg: 12, xl: 8 }}>
-          <Col xl={4} lg={12} sm={24}>
+        <Row gutter={{ md: 8, lg: 12, xl: 24 }}>
+          <Col xl={8} lg={24} sm={24}>
             <FormItem label="Application">
               {getFieldDecorator('applicationId')(
                 <Select placeholder="All application" style={{ width: '100%' 
}}>
@@ -142,27 +142,31 @@ export default class Trace extends PureComponent {
               )}
             </FormItem>
           </Col>
-          <Col xl={4} lg={12} sm={24}>
+          <Col xl={16} lg={24} sm={24}>
+            <FormItem label="OperationName">
+              {getFieldDecorator('operationName')(
+                <Input placeholder="eg Kafka/Trace-topic-1/Consumer" />
+              )}
+            </FormItem>
+          </Col>
+          <Col xl={8} lg={24} sm={24}>
             <FormItem label="TraceId">
               {getFieldDecorator('traceId')(
-                <Input placeholder="Input trace id" />
+                <Input placeholder="eg 3.84.15204769998380001" />
               )}
             </FormItem>
           </Col>
           <Col xl={6} lg={12} sm={24}>
-            <FormItem label="OperationName">
-              {getFieldDecorator('operationName')(
-                <Input placeholder="Input operation name" />
+            <FormItem label="Min Duration">
+              {getFieldDecorator('minTraceDuration')(
+                <InputNumber placeholder="eg 100,500" style={{ width: 150 }} />
               )}
             </FormItem>
           </Col>
           <Col xl={6} lg={12} sm={24}>
-            <FormItem label="DurationRange">
-              {getFieldDecorator('minTraceDuration')(
-                <InputNumber style={{ width: '40%' }} />
-              )}~
+            <FormItem label="Max Duration">
               {getFieldDecorator('maxTraceDuration')(
-                <InputNumber style={{ width: '40%' }} />
+                <InputNumber placeholder="eg 5000" style={{ width: 150 }} />
               )}
             </FormItem>
           </Col>

-- 
To stop receiving notification emails like this one, please contact
hanahm...@apache.org.

Reply via email to