XiaoMo/anyproxy
1
0
Fork 0
mirror of https://github.com/alibaba/anyproxy.git synced 2025-08-04 21:39:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

optimize web ui

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/filter.js
View File

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

4
web/src/index.js
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%"
})
}

15
web/src/mapForm.js
View File

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

2
web/src/mapPanel.js
View File

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