optimize web ui

This commit is contained in:
OttoMao
2015-07-08 11:55:13 +08:00
parent d5046188bc
commit f4c96180b5
11 changed files with 105 additions and 52 deletions

View File

@@ -19,11 +19,20 @@ function init(React){
var self = this;
return (
React.createElement("div", {className: "filterSection"},
React.createElement("div", null,
React.createElement("h4", {className: "subTitle"}, "Log Filter"),
React.createElement("form", {className: "uk-form"},
React.createElement("input", {className: "uk-form-large", ref: "keywordInput", onChange: self.dealChange, type: "text", placeholder: "type keywords or /^regExp$/", width: "300"})
React.createElement("div", {className: "filterSection"},
React.createElement("form", {className: "uk-form"},
React.createElement("input", {className: "uk-form-large", ref: "keywordInput", onChange: self.dealChange, type: "text", placeholder: "keywords or /^regExp$/", width: "300"})
)
),
React.createElement("dl", {class: "uk-description-list-horizontal"},
React.createElement("dt", null, "wrap your RegExp between two slashes"),
React.createElement("dd", null,
"e.g. ", React.createElement("br", null),
"type ", React.createElement("strong", null, "/id=\\d", 3, "/"), " will give you all the logs containing ", React.createElement("strong", null, "id=123")
)
)
)
);

View File

@@ -186,7 +186,7 @@ var recorder;
pop.setState({
show : true,
content : filter,
left:"70%"
left:"50%"
});
}
@@ -202,7 +202,7 @@ var recorder;
pop.setState({
show : true,
content : mapPanel,
left:"70%"
left:"40%"
})
}

View File

@@ -54,29 +54,30 @@ function init(React){
var self = this;
return (
React.createElement("div", null,
React.createElement("form", {className: "uk-form uk-form-stacked"},
React.createElement("form", {className: "uk-form uk-form-stacked mapAddNewForm"},
React.createElement("fieldset", null,
React.createElement("legend", null, "add rule"),
React.createElement("div", {className: "uk-form-row"},
React.createElement("label", {className: "uk-form-label", htmlFor: "map_keywordInput"}, "keyword"),
React.createElement("div", {className: "uk-form-controls"},
React.createElement("input", {type: "text", id: "map_keywordInput", ref: "keywordInput", placeholder: "keyword"})
React.createElement("input", {className: "mapConfigInputs", type: "text", id: "map_keywordInput", ref: "keywordInput", placeholder: "keyword"})
)
),
React.createElement("div", {className: "uk-form-row"},
React.createElement("label", {className: "uk-form-label", htmlFor: "map_localFilePath"}, "local file"),
React.createElement("div", {className: "uk-form-controls"},
React.createElement("input", {type: "text", id: "map_localFilePath", ref: "localFilePath", placeholder: "keyword"})
)
)
React.createElement("input", {className: "mapConfigInputs pathInput", type: "text", id: "map_localFilePath", ref: "localFilePath", placeholder: "local file path"})
),
React.createElement("div", {ref: "treeWrapper", className: "treeWrapper"})
),
React.createElement("div", {className: "uk-form-row"},
React.createElement("button", {type: "button", className: "uk-button", onClick: self.submitData}, "Add")
)
)
),
)
React.createElement("div", {ref: "treeWrapper"}),
React.createElement("button", {className: "uk-button", onClick: self.submitData}, "Add")
)
);
},

View File

@@ -19,7 +19,7 @@ function init(React){
React.createElement("h4", {className: "subTitle"}, "Current Config"),
React.createElement(MapList, {ref: "list"}),
React.createElement("h4", {className: "subTitle"}, "Map Local"),
React.createElement("h4", {className: "subTitle"}, "Add Map Rule"),
React.createElement(MapForm, {onSubmit: self.appendRecord})
)
);