Is there any way to block the composer (default) to not enable the user to submit the post during upload/resizing of images

I get a few posts in the forum with the upload text instead of the real image. Would be great if the submit button was disabled until the upload and resize was done - or if the tag was updated first, and the upload/resize would continue in the background

@dunlix that sounds great!

Edit: a rebuild and restart made the plugin visible.

Thought this plugin was only for modifying language strings, but this looks very powerful. Thanks a lot for pointing me to this!

@klockprat answering myself here, I decided to go with an external service instead (Zapier in my case) since I need a couple of other automations as well anyway

@klockprat I will look inte customizing the template file to achieve this instead

@chez said in Reply button at end of topic:

@dunlix said in Reply button at end of topic:

@klockprat you could use nodebb-plugin-customize and add it as HTML yourself.

Maybe you will agree to upload the html you edited?

Absolutely, as soon as I have something working I'll share here if you are interested!

I will probably change the quick reply template and change that into a button that opens the composer.

@nicolas this looks like a nice plugin for us as well. Any plans on adding reactions instead of likes? As FB e.g. where you can choose like/heart/lol/etc

@chez said in Reply button at end of topic:

@dunlix said in Reply button at end of topic:

@klockprat you could use nodebb-plugin-customize and add it as HTML yourself.

Maybe you will agree to upload the html you edited?

I replaced the quick reply template with this

<!-- IF privileges.topics:reply -->
<div class="clearfix quick-reply kp-quickreply">
	<div class="pull-right">
        <div component="topic/reply/container" class="btn-group action-bar bottom-sheet <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">
        	<a href="{config.relative_path}/compose?tid={tid}&title={title}" class="btn btn-sm btn-primary" component="topic/reply" data-ajaxify="false" role="button"><span class="visible-xs-inline visible-sm-inline visible-md-inline visible-lg-inline"> [[topic:reply]]</span></a>
        </div>
	</div>
</div>
<!-- ENDIF privileges.topics:reply -->

This way I can enable the button by enable quick reply. As you see I have removed the option to reply as a thread, I have also removed the icon and always show the text.

@chez said in Reply button at end of topic:

@klockprat said in Reply button at end of topic:

<!-- IF privileges.topics:reply -->
<div class="clearfix quick-reply kp-quickreply">
<div class="pull-right">
<div component="topic/reply/container" class="btn-group action-bar bottom-sheet <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">
<a href="{config.relative_path}/compose?tid={tid}&title={title}" class="btn btn-sm btn-primary" component="topic/reply" data-ajaxify="false" role="button"><span class="visible-xs-inline visible-sm-inline visible-md-inline visible-lg-inline"> Reply</span></a>
</div>
</div>
</div>
<!-- ENDIF privileges.topics:reply -->

Can you direct me under which category should it be injected?

In partials/topic/quickreply.tpl

I run a forum with a lot of high res images. This causes a couple of problems

• loading times, this is managed by loading lower resolution images in the topic
• storage - this has several solutions

I would however want to solve this in a slightly different way, making the experience for the user more seamless.

Currently when a user wants to zoom an image, he first needs to click the image, load the original, and then zoom.

What I would want is the image to be zoomable in the topic. When a user zooms in the topic, JavaScript can identify the resolution and pixel density of the view, and reload a new higher resolution image as needed. Similar to a srcset for the browser, but dynamically force reloads.

I currently store images for the forum with netlify large media. I need to manually run scripts to move files from upload, send them to netlify, and update post links. This could all be handled by a plugin.

Netlify large media on its end provides transformation of your images to any resolution on the fly. This is fast and very convenient. No need to generate multiple versions of the images.

Example (these are all the same image):

What would I want then?
A plugin that uploads images to Netlify powered git LFS, and uses the transforms to load the right sized image for the view, and reloads a new version if the screen size changes, or the page is zoomed.

For me this would be a fantastic feature, that nodeBB, as far as I know, would be the only forum software to have.