diff options
author | Clemens <cle1000.cb@gmail.com> | 2016-08-03 12:08:10 +0200 |
---|---|---|
committer | Clemens <cle1000.cb@gmail.com> | 2016-08-03 12:08:10 +0200 |
commit | 34fe391afbe18f89d774137f82620024f697ab6a (patch) | |
tree | 0a1bcd4b0bccd1e7e51166982f8b4332da94a384 /web/src/js/components/ContentView.jsx | |
parent | bcc496527ebf5faf94025ec7c28992a1ac368140 (diff) | |
download | mitmproxy-34fe391afbe18f89d774137f82620024f697ab6a.tar.gz mitmproxy-34fe391afbe18f89d774137f82620024f697ab6a.tar.bz2 mitmproxy-34fe391afbe18f89d774137f82620024f697ab6a.zip |
add view all button, add dropdown for contentviews
Diffstat (limited to 'web/src/js/components/ContentView.jsx')
-rw-r--r-- | web/src/js/components/ContentView.jsx | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/web/src/js/components/ContentView.jsx b/web/src/js/components/ContentView.jsx index de4ffd06..9ec283ca 100644 --- a/web/src/js/components/ContentView.jsx +++ b/web/src/js/components/ContentView.jsx @@ -5,6 +5,7 @@ import * as MetaViews from './ContentView/MetaViews' import ViewSelector from './ContentView/ViewSelector' import UploadContentButton from './ContentView/UploadContentButton' import DownloadContentButton from './ContentView/DownloadContentButton' +import ShowFullContentButton from './ContentView/ShowFullContentButton' import { setContentView, displayLarge, updateEdit } from '../ducks/ui/flow' @@ -19,7 +20,7 @@ ContentView.propTypes = { ContentView.isContentTooLarge = msg => msg.contentLength > 1024 * 1024 * (ContentViews.ViewImage.matches(msg) ? 10 : 0.2) function ContentView(props) { - const { flow, message, contentView, isDisplayLarge, displayLarge, uploadContent, onContentChange, readonly } = props + const { flow, message, contentView, isDisplayLarge, displayLarge, uploadContent, onContentChange, readonly, contentViewDescription } = props if (message.contentLength === 0 && readonly) { return <MetaViews.ContentEmpty {...props}/> @@ -37,13 +38,15 @@ function ContentView(props) { return ( <div className="contentview"> <View flow={flow} message={message} contentView={contentView} readonly={readonly} onChange={onContentChange}/> - - <div className="view-options text-center"> + <ShowFullContentButton/> + <div className="view-options"> <ViewSelector message={message}/> <DownloadContentButton flow={flow} message={message}/> <UploadContentButton uploadContent={uploadContent}/> + + <span>{contentViewDescription}</span> </div> </div> ) @@ -53,6 +56,7 @@ export default connect( state => ({ contentView: state.ui.flow.contentView, isDisplayLarge: state.ui.flow.displayLarge, + contentViewDescription: state.ui.flow.viewDescription }), { displayLarge, |