working base project

templates/partials/dropzone.html

@@ -0,0 +1,11 @@
+<!-- Dropzone -->
+<script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script>
+<link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css" />
+
+<!-- <script src="{{ url_for('static', filename='js/dropzone_functions.js') }}"></script> -->
+<link rel="stylesheet" href="{{ url_for('static', filename='css/dropzone_styles.css') }}">
+
+<div id="div_dropzone">
+    <div class="my-dropzone" id="pdf-dropzone">Drop pdf here or click to upload...</div>
+    <div class="dz-preview dz-file-preview well" id="preview-template"></div>
+</div>

templates/partials/merge.html

@@ -0,0 +1,7 @@
+<div class="page_description_div" id="merge_description_div">
+    <p class="page_description_p" id="merge_description_p">Upload your PDF-Files that you want to be merged.</p>
+</div>
+
+{% include 'partials/dropzone.html' %}
+
+From merge.html

templates/partials/ocr.html

@@ -0,0 +1,3 @@
+{% include 'partials/dropzone.html' %}
+
+From ocr.html

templates/partials/project.html

@@ -0,0 +1,29 @@
+<div class="page_description_div" id="project_description_div">
+    <p class="page_description_p" id="project_description_p">
+        Here you can create a Project out of multiple PDFs, move pages around and download the adapted File.
+    </p>
+</div>
+
+{% include 'partials/dropzone.html' %}
+
+<div class="clearfix"></div>
+<div style="height: 2em;"></div>
+<div id="overview-wrapper">
+    <div id="page_overview">
+    <!-- Filled by dynamically loaded content -->
+    <!--
+        <div class="single_page_div">PDF_1</div>
+        <div class="single_page_div">PDF_2</div>
+        <div class="single_page_div">PDF_3</div>
+    -->
+    </div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
+<script src="{{ url_for('static', filename='js/project_functions.js') }}"></script>
+<link href="{{ url_for('static', filename='css/project_styles.css') }}" rel="stylesheet">
+
+<div id="btn-group-download" class="btn-group" role="group" aria-label="Download outlined buttons">
+    <button type="button" class="btn btn-outline-dark" id="btn_download_complete">Download whole Project</button>
+    <button type="button" class="btn btn-outline-dark" id="btn_download_singel_pages">Download Project as single Pages</button>    
+</div>

templates/partials/splitt.html

@@ -0,0 +1,7 @@
+<div class="page_description_div" id="splitt_description_div">
+    <p class="page_description_p" id="splitt_description_p">Upload a PDF that you want to be splitt into seperate pages.</p>
+</div>
+
+{% include 'partials/dropzone.html' %}
+
+From splitt.html