From 00ae7d0f59258e3d0d339d8e76f4a833999ecd3f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakobus=20Sch=C3=BCrz?= <jakobus.schuerz@schuerz.at>
Date: Mon, 13 Mar 2023 22:50:59 +0100
Subject: [PATCH] make dropzone work on editing postings/Comments

---
 src/Module/Post/Edit.php                   |  6 +++++-
 view/templates/item/compose.tpl            |  4 ++--
 view/theme/frio/templates/comment_item.tpl |  2 +-
 view/theme/frio/templates/jot.tpl          | 16 ++++++++--------
 4 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/Module/Post/Edit.php b/src/Module/Post/Edit.php
index 6311deb182..d5b27d648f 100644
--- a/src/Module/Post/Edit.php
+++ b/src/Module/Post/Edit.php
@@ -28,6 +28,7 @@ use Friendica\Core\Hook;
 use Friendica\Core\L10n;
 use Friendica\Core\Renderer;
 use Friendica\Core\Session\Capability\IHandleUserSessions;
+use Friendica\DI;
 use Friendica\Model\Contact;
 use Friendica\Model\Post;
 use Friendica\Model\User;
@@ -35,8 +36,8 @@ use Friendica\Module\Response;
 use Friendica\Navigation\SystemMessages;
 use Friendica\Network\HTTPException;
 use Friendica\Util\Crypto;
+use Friendica\Util\Strings;
 use Friendica\Util\Profiler;
-use Friendica\DI;
 use Psr\Log\LoggerInterface;
 
 /**
@@ -184,6 +185,9 @@ class Edit extends BaseModule
 
 			'$compose_link_title' => $this->t('Open Compose page'),
 			// Dropzone
+			//'$max_imagesize'       => Strings::getBytesFromShorthand(DI::config()->get('system', 'maximagesize'));
+			//'$max_imagesize'       => \Friendica\\Util\\Strings::getBytesFromShorthand(DI::config()->get('system', 'maximagesize'));
+                        // both not working, so just workaround here until fixed
 			'$max_imagesize'       => DI::config()->get('system', 'maximagesize'),
 		]);
 
diff --git a/view/templates/item/compose.tpl b/view/templates/item/compose.tpl
index decb67eca8..3db9a64f55 100644
--- a/view/templates/item/compose.tpl
+++ b/view/templates/item/compose.tpl
@@ -1,4 +1,4 @@
-<div class="generic-page-wrapper">
+<div class="generic-page-wrapper"css>
 	<h2>{{$l10n.compose_title}}</h2>
 	{{if $l10n.always_open_compose}}
 	<p>{{$l10n.always_open_compose nofilter}}</p>
@@ -97,7 +97,7 @@
 </div>
 <script>
 	Dropzone.autoDiscover = false;
-	var maxis = {{$max_imagesize}} / 100000;
+	var maxis = {{$max_imagesize}} / 10^6;
 	var dropzoneCompose = new Dropzone( '#comment-edit-form-{{$id}}',  { 
 		paramName: "userfile", // The name that will be used to transfer the file
 		maxFilesize: maxis, // MB
diff --git a/view/theme/frio/templates/comment_item.tpl b/view/theme/frio/templates/comment_item.tpl
index da11d9a3e3..119b5956e7 100644
--- a/view/theme/frio/templates/comment_item.tpl
+++ b/view/theme/frio/templates/comment_item.tpl
@@ -67,7 +67,7 @@
 
 <script>
 	Dropzone.autoDiscover = false;
-	var maxis = {{$max_imagesize}} / 100000;
+	var maxis = {{$max_imagesize}} / 10^6;
 	var dropzone{{$id}} = new Dropzone( '#comment-edit-wrapper-{{$id}}', {
 		paramName: "userfile", // The name that will be used to transfer the file
 		maxFilesize: maxis, // MB
diff --git a/view/theme/frio/templates/jot.tpl b/view/theme/frio/templates/jot.tpl
index 64561a0abc..2d20fef442 100644
--- a/view/theme/frio/templates/jot.tpl
+++ b/view/theme/frio/templates/jot.tpl
@@ -70,7 +70,7 @@
 			</div>
 		</div>
 
-		<div id="jot-modal-body" class="modal-body dropzone">
+		<div id="jot-modal-body" class="modal-body">
 			<form id="profile-jot-form" action="{{$action}}" method="post">
 				<div id="profile-jot-wrapper" aria-labelledby="jot-text-lnk" role="tabpanel" aria-hidden="false">
 					<div>
@@ -163,26 +163,26 @@
 {{* The jot modal - We use a own modal for the jot and not the standard modal
 from the page template. This is because the special structure of the jot
 (e.g.jot navigation tabs in the modal titel area).
-The in the frio theme the jot will loaded regulary and is hidden by default.)
+Then in the frio theme the jot will loaded regulary and is hidden by default.)
 The js function jotShow() loads the jot into the modal. With this structure we
-can load different content into the jot moadl (e.g. the item edit jot)
+can load different content into the jot modal (e.g. the item edit jot)
 *}}
 <div id="jot-modal" class="modal fade" role="dialog">
 	<div class="modal-dialog">
-		<div id="jot-modal-content" class="modal-content"></div>
+		<div id="jot-modal-content" class="modal-content dropzone"></div>
 	</div>
 </div>
 
-
 <script type="text/javascript">
 	$('iframe').load(function() {
 		this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
 	});
 </script>
+
 <script>
 	Dropzone.autoDiscover = false;
-	var maxis = {{$max_imagesize}} / 100000;
-	var dropzoneJot = new Dropzone( '#jot-modal-body', {
+	var maxis = {{$max_filesize}} / 10^6;
+	var dropzoneJot = new Dropzone( '#jot-modal-content', {
 		paramName: "userfile", // The name that will be used to transfer the file
 		maxFilesize: maxis, // MB
 		previewsContainer: '#dz-preview-jot',
@@ -205,7 +205,7 @@ can load different content into the jot moadl (e.g. the item edit jot)
 		},
 	});
 
-	$('#jot-modal-body').on('paste', function(event){
+	$('#jot-modal-content').on('paste', function(event){
 		const items = (event.clipboardData || event.originalEvent.clipboardData).items;
 		items.forEach((item) => {
 			if (item.kind === 'file') {