Grasscutters/mitmproxy
3
0
Fork 0
mirror of https://github.com/Grasscutters/mitmproxy.git synced 2024-11-22 15:37:45 +00:00
Code Issues Projects Releases Wiki Activity

add contentviews to client

Browse Source
This commit is contained in:
Clemens 2016-07-27 17:27:01 +02:00
parent 2c3ddb0ecc
commit 3e6c284757
4 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/js/components/ContentView.jsx
View File

@ -33,10 +33,10 @@ function ContentView(props) {
return <MetaViews.ContentTooLarge {...props} onClick={displayLarge}/>
}
const View = ContentViews[contentView]
const View = ContentViews[contentView] || ContentViews['ViewServer']
return (
<div>
<View flow={flow} message={message} readonly={readonly} onChange={onContentChange}/>
<View flow={flow} message={message} contentView={contentView} readonly={readonly} onChange={onContentChange}/>
<div className="view-options text-center">
<ViewSelector message={message}/>

5
web/src/js/components/ContentView/ContentLoader.jsx
View File

@ -28,7 +28,8 @@ export default View => class extends React.Component {
componentWillReceiveProps(nextProps) {
if (
nextProps.message.content !== this.props.message.content ||
nextProps.message.contentHash !== this.props.message.contentHash
nextProps.message.contentHash !== this.props.message.contentHash ||
nextProps.contentView !== this.props.contentView
) {
this.updateContent(nextProps)
}
@ -52,7 +53,7 @@ export default View => class extends React.Component {
return this.setState({request: undefined, content: ""})
}
let requestUrl = MessageUtils.getContentURL(props.flow, props.message)
let requestUrl = MessageUtils.getContentURL(props.flow, props.message, props.contentView)
// We use XMLHttpRequest instead of fetch() because fetch() is not (yet) abortable.
let request = new XMLHttpRequest();

12
web/src/js/components/ContentView/ContentViews.jsx
View File

@ -57,4 +57,14 @@ function ViewAuto({ message, flow, readonly, onChange }) {
return <View message={message} flow={flow} readonly={readonly} onChange={onChange}/>
}
export { ViewImage, ViewRaw, ViewAuto, ViewJSON }
function ViewServer({contentView, content}){
return <div>
<pre>load from server this view: {contentView}</pre>
<pre>{content}</pre>
</div>
}
ViewServer = ContentLoader(ViewServer)
export { ViewImage, ViewRaw, ViewAuto, ViewJSON, ViewServer }

11
web/src/js/components/ContentView/ViewSelector.jsx
View File

@ -24,7 +24,7 @@ ViewButton = connect(state => ({
ViewSelector.propTypes = {
message: PropTypes.object.isRequired,
}
export default function ViewSelector({ message }) {
function ViewSelector({ message, contentViews }) {
let autoView = ContentViews.ViewAuto.findView(message)
let autoViewName = (autoView.displayName || autoView.name)
@ -42,6 +42,15 @@ export default function ViewSelector({ message }) {
<ViewButton key={name} name={name}>{name.toLowerCase().replace('view', '')}</ViewButton>
)}
{contentViews.map(name =>
<ViewButton key={name} name={name}>{name.toLowerCase().replace('view', '')}</ViewButton>
)}
</div>
)
}
export default connect (
state => ({
contentViews: state.settings.contentViews
}))(ViewSelector)