From c4c23ac6eea9b1c8eb43188c1547262c0d8343ce Mon Sep 17 00:00:00 2001 From: Johannes Zillmann Date: Wed, 29 Mar 2017 08:08:55 +0200 Subject: [PATCH] Add Footer & some messaging --- src/index.html | 4 ++-- src/javascript/components/App.jsx | 2 ++ src/javascript/components/FooterBar.jsx | 25 +++++++++++++++++++++ src/javascript/components/PdfUploadView.jsx | 14 +++++++++++- src/javascript/components/TopBar.jsx | 2 ++ 5 files changed, 44 insertions(+), 3 deletions(-) create mode 100644 src/javascript/components/FooterBar.jsx diff --git a/src/index.html b/src/index.html index dbf002d..b285573 100644 --- a/src/index.html +++ b/src/index.html @@ -4,9 +4,9 @@ PDF to Markdown - + -
+
\ No newline at end of file diff --git a/src/javascript/components/App.jsx b/src/javascript/components/App.jsx index fa660d3..304a86f 100644 --- a/src/javascript/components/App.jsx +++ b/src/javascript/components/App.jsx @@ -3,6 +3,7 @@ import React from 'react'; import Grid from 'react-bootstrap/lib/Grid' import TopBar from './TopBar.jsx'; +import FooterBar from './FooterBar.jsx' import { View } from '../models/AppState.jsx'; import PdfUploadView from './PdfUploadView.jsx'; import LoadingView from './LoadingView.jsx'; @@ -46,6 +47,7 @@ export default class App extends React.Component { { mainView }
+
); } diff --git a/src/javascript/components/FooterBar.jsx b/src/javascript/components/FooterBar.jsx new file mode 100644 index 0000000..390611a --- /dev/null +++ b/src/javascript/components/FooterBar.jsx @@ -0,0 +1,25 @@ +import React from 'react'; + +import Navbar from 'react-bootstrap/lib/Navbar' + + +export default class TopBar extends React.Component { + + render() { + return ( + + + + This is a offline tool, your data stays locally and is not send to any server! + + + + + Feedback & Bug Reports + + + + ); + } + +} \ No newline at end of file diff --git a/src/javascript/components/PdfUploadView.jsx b/src/javascript/components/PdfUploadView.jsx index af1d317..9102083 100644 --- a/src/javascript/components/PdfUploadView.jsx +++ b/src/javascript/components/PdfUploadView.jsx @@ -1,5 +1,7 @@ import React from 'react'; + +import Alert from 'react-bootstrap/lib/Alert' import Dropzone from 'react-dropzone' import FaCloudUpload from 'react-icons/lib/fa/cloud-upload' @@ -38,9 +40,19 @@ export default class PdfUploadView extends React.Component {

Drop your PDF file here!

+
+ + This tool converts a PDF file into a Markdown text format! Simply drag & drop your PDF file on the upload area and go from there. Don't expect wonders, there are a lot of variances in generated PDF's from different tools and different ages. Though this tool aims to be general purpose, it has been tested on a certain set of PDF's only. + +
+
+
+
+
+
- ); + ); } } \ No newline at end of file diff --git a/src/javascript/components/TopBar.jsx b/src/javascript/components/TopBar.jsx index d960942..985d183 100644 --- a/src/javascript/components/TopBar.jsx +++ b/src/javascript/components/TopBar.jsx @@ -39,6 +39,8 @@ export default class TopBar extends React.Component { + Feedback & Bug Reports + Github