Grasscutters/mitmproxy
3
0
Fork 0
mirror of https://github.com/Grasscutters/mitmproxy.git synced 2024-11-26 10:16:27 +00:00
Code Issues Projects Releases Wiki Activity

make empty buttons editable

Browse Source
This commit is contained in:
Maximilian Hils 2016-07-25 17:12:39 -07:00
parent 70dbd1b32d
commit e1587b2bc1
3 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -19,17 +19,17 @@ ContentView.propTypes = {
ContentView.isContentTooLarge = msg => msg.contentLength > 1024 * 1024 * (ContentViews.ViewImage.matches(msg) ? 10 : 0.2)
function ContentView(props) {
const { flow, message, contentView, selectView, displayLarge, setDisplayLarge, uploadContent, onContentChange, readonly } = props
const { flow, message, contentView, isDisplayLarge, displayLarge, uploadContent, onContentChange, readonly } = props
if (message.contentLength === 0) {
if (message.contentLength === 0 && readonly) {
return <MetaViews.ContentEmpty {...props}/>
}
if (message.contentLength === null) {
if (message.contentLength === null && readonly) {
return <MetaViews.ContentMissing {...props}/>
}
if (!displayLarge && ContentView.isContentTooLarge(message)) {
if (!isDisplayLarge && ContentView.isContentTooLarge(message)) {
return <MetaViews.ContentTooLarge {...props} onClick={displayLarge}/>
}
@ -39,7 +39,7 @@ function ContentView(props) {
<View flow={flow} message={message} readonly={readonly} onChange={onContentChange}/>
<div className="view-options text-center">
<ViewSelector onSelectView={selectView} active={View} message={message}/>
<ViewSelector message={message}/>
&nbsp;
<DownloadContentButton flow={flow} message={message}/>
&nbsp;
@ -52,10 +52,9 @@ function ContentView(props) {
export default connect(
state => ({
contentView: state.ui.flow.contentView,
displayLarge: state.ui.flow.displayLarge,
isDisplayLarge: state.ui.flow.displayLarge,
}),
{
selectView: setContentView,
displayLarge,
updateEdit
}

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

@ -41,6 +41,10 @@ export default View => class extends React.Component {
if (this.state.request) {
this.state.request.abort()
}
if(props.message.contentLength === 0 || props.message.contentLength === null){
return this.setState({request: undefined, content: ""})
}
let requestUrl = MessageUtils.getContentURL(props.flow, props.message)
// We use XMLHttpRequest instead of fetch() because fetch() is not (yet) abortable.
@ -75,7 +79,7 @@ export default View => class extends React.Component {
}
render() {
return this.state.content ? (
return this.state.content !== undefined ? (
<View content={this.state.content} {...this.props}/>
) : (
<div className="text-center">

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

@ -35,7 +35,7 @@ export default function ViewSelector({ message }) {
return (
<div className="view-selector btn-group btn-group-xs">
<ViewButton name="AutoView">auto: {autoViewName}</ViewButton>
<ViewButton name="ViewAuto">auto: {autoViewName}</ViewButton>
{Object.keys(ContentViews).map(name =>
name !== "ViewAuto" &&