Extensions Database 3.2 / 3.3

Post by **seacoast** » 09 May 2020, 23:34

dmzx wrote: 09 May 2020, 18:00
seacoast wrote: 09 May 2020, 17:59 I think there might be a conflict with this ext.

https://github.com/sajaki/RecentTopics
What is the conflict?

Yes confirmed it....when I disable recent topics the issue goes away.

Recent topics ON looks like this:

recenttopicON.png

Recent topics OFF looks like this:

recenttopicOFF.png

In addition, if I change the number of pages to 1 in recent topics, the problem goes away.

Post by **Solidjeuh** » 11 May 2020, 13:09

I'm getting a console error in Firefox

This page uses the non-standard property "zoom". Consider using calc () in the relevant property values or use "transform" together with "transform-origin: 0 0".

In file: sweetalert2.all.min.js

Post by **martin** » 11 May 2020, 13:18

Use a real browser then

Post by **Solidjeuh** » 11 May 2020, 20:40

martin wrote: 11 May 2020, 13:18 Use a real browser then

I do... Firefox

Post by **Sniper_E** » 13 May 2020, 01:35

I had a layout problem with the pagination also so I changed the imageupload_index_body.html template.

I moved the pagination up in the header of the block and...
Moved the message from the <p> to a <div with class. (It needed some space around the message)

Code: Select all

{% if IMAGEUPLOAD_USE_UPLOAD and IMAGEUPLOAD_INDEX_ENABLE and UCP_IMAGEUPLOAD_INDEX and loops.images|length %}

{% if IMAGEUPLOAD_IS_COLLAPSIBLE %}
	<a class="category{% if S_IMAGEUPLOAD_HIDDEN %} hidden-category{% endif %} imageupload-category"></a>
{% endif %}

<div class="forabg">
	<div class="inner">
		<ul class="topiclist">
			<li class="header">
				<dl class="row-item">
					<dt>{{ lang('IMAGEUPLOAD_UPLOADED_IMAGES') }}</dt>
					<dd style="border: none; float: right">
						{% if loops.pagination|length or IMAGEUPLOAD_PAG_IMAGES %}
						<div class="pagination">
							{{ IMAGEUPLOAD_PAG_IMAGES }}
							{% if loops.pagination|length %}
								{% INCLUDE 'pagination.html' %}
							{% else %}
								&bull; {{ PAGE_NUMBER }}
							{% endif %}
						</div>
						{% endif %}
					</dd>
				</dl>
				{% if IMAGEUPLOAD_IS_COLLAPSIBLE %}
				<a href="{{ U_IMAGEUPLOAD_COLLAPSE_URL }}"
					class="collapse-btn imageupload-collapse"
						data-hidden="{{ S_IMAGEUPLOAD_HIDDEN }}"
						data-ajax="phpbb_collapse"
						data-overlay="true"
						data-title-alt="{{ lang('IMAGEUPLOAD_COLLAPSIBLE_CATEGORIES_TITLE', ((not S_IMAGEUPLOAD_HIDDEN) * 1)) }}"
						title="{{ lang('IMAGEUPLOAD_COLLAPSIBLE_CATEGORIES_TITLE', (S_IMAGEUPLOAD_HIDDEN * 1)) }}">
						<i class="fa {% if S_IMAGEUPLOAD_HIDDEN %}fa-plus-square{% else %}fa-minus-square{% endif %}"></i>
					</a>
				{% endif %}
			</li>
		</ul>
		<ul class="forums collapsible" style="max-height:210px; overflow-x:hidden; overflow-y:auto;">
			<li class="row-items">
				<dl>
					<dt>
						<fieldset class="fields1">
							<div class="post bg2">{% if S_IMAGEUPLOAD_CHAT_INSERT %}{{ lang('IMAGEUPLOAD_INDEXPAGE_CHAT') }}{% else %}{{ lang('IMAGEUPLOAD_INDEXPAGE') }}{% endif %}</div>
							<div class="panel upload_inner">
								<div class="inner">
								{% for images in loops.images %}
									<div style="float:left; text-align: center;" class="upload_enabled">
										<div class="imageupload_index-preview" onclick="imageuploadClick(this)">
											<img class="imageupload_index" id="{{ images.ID }}" src="{{ images.IMAGEPATH }}" title="{{ images.FILENAME }}" alt="{{ images.WIDTH }} {{ lang('PIXEL') }} * {{ images.HEIGHT }} {{ lang('PIXEL') }} - {{ images.SIZE }}" />
										</div>
										<div class="imageupload-name">
											{% if S_IMAGEUPLOAD_CHAT_INSERT %}
											{{ images.FILENAME }}&nbsp;<i onclick="insert_text(' [img]{{ images.IMAGEPATH }}[/img] ');" data-mchat-action="add" title="{{ lang('IMAGEUPLOAD_INSERT_MCHAT_IMAGE') }}" class="icon fa-arrow-circle-o-up fa-fw"></i>
											{% else %}
											{{ images.FILENAME }}
											{% endif %}
										</div>
									</div>
								{% endfor %}
								</div>
							</div>
						</fieldset>
					</dt>
					<dd style="border: none">&nbsp;</dd>
				</dl>
			</li>
		</ul>
	</div>
</div>

{% endif %}

Post by **martin** » 13 May 2020, 01:37

Now get 50 images uploaded your soon change ya mind.

also add collapse icon to it.

Post by **Sniper_E** » 13 May 2020, 01:41

I don't understand that. The original template is back up on my site, see the awkward layout?

Post by **martin** » 13 May 2020, 01:42

Original template the pagi was out side the box but it never got released as i moved it inside the frame.

ED.png

Post by **martin** » 13 May 2020, 02:48

Try this cators for a few images or lots.

Code: Select all

{% if IMAGEUPLOAD_USE_UPLOAD and IMAGEUPLOAD_INDEX_ENABLE and UCP_IMAGEUPLOAD_INDEX and loops.images|length %}

{% if IMAGEUPLOAD_IS_COLLAPSIBLE %}
	<a class="category{% if S_IMAGEUPLOAD_HIDDEN %} hidden-category{% endif %} imageupload-category"></a>
{% endif %}

<div class="forabg">
	<div class="inner">
		<ul class="topiclist">
			<li class="header">
				<dl class="row-item">
					<dt>{{ lang('IMAGEUPLOAD_UPLOADED_IMAGES') }}</dt>
					<dd style="border: none">&nbsp;</dd>
				</dl>
				{% if IMAGEUPLOAD_IS_COLLAPSIBLE %}
				<a href="{{ U_IMAGEUPLOAD_COLLAPSE_URL }}"
					class="collapse-btn imageupload-collapse"
						data-hidden="{{ S_IMAGEUPLOAD_HIDDEN }}"
						data-ajax="phpbb_collapse"
						data-overlay="true"
						data-title-alt="{{ lang('IMAGEUPLOAD_COLLAPSIBLE_CATEGORIES_TITLE', ((not S_IMAGEUPLOAD_HIDDEN) * 1)) }}"
						title="{{ lang('IMAGEUPLOAD_COLLAPSIBLE_CATEGORIES_TITLE', (S_IMAGEUPLOAD_HIDDEN * 1)) }}">
						<i class="fa {% if S_IMAGEUPLOAD_HIDDEN %}fa-plus-square{% else %}fa-minus-square{% endif %}"></i>
					</a>
				{% endif %}
			</li>
		</ul>
		<ul class="forums collapsible" style="max-height:210px; overflow-x:hidden; overflow-y:auto;">
			<li class="row-items">
				<dl>
					<dt>
						<fieldset class="fields1">
                                                {% if loops.pagination|length or IMAGEUPLOAD_PAG_IMAGES %}
			                        <div class="pagination">
				                     {{ IMAGEUPLOAD_PAG_IMAGES }}
				                   {% if loops.pagination|length %}
					            {% INCLUDE 'pagination.html' %}
				                   {% else %}
					          &bull; {{ PAGE_NUMBER }}
				               {% endif %}
			                        </div>
			                           {% endif %}
							<p>{% if S_IMAGEUPLOAD_CHAT_INSERT %}{{ lang('IMAGEUPLOAD_INDEXPAGE_CHAT') }}{% else %}{{ lang('IMAGEUPLOAD_INDEXPAGE') }}{% endif %}</p> 
							<div class="panel upload_inner">
								<div class="inner">
								{% for images in loops.images %}
									<div style="float:left; text-align: center;" class="upload_enabled">
										<div class="imageupload_index-preview" onclick="imageuploadClick(this)">
											<img class="imageupload_index" id="{{ images.ID }}" src="{{ images.IMAGEPATH }}" title="{{ images.FILENAME }}" alt="{{ images.WIDTH }} {{ lang('PIXEL') }} * {{ images.HEIGHT }} {{ lang('PIXEL') }} - {{ images.SIZE }}" />
										</div>
										<div class="imageupload-name">
											{% if S_IMAGEUPLOAD_CHAT_INSERT %}
											{{ images.FILENAME }}&nbsp;<i onclick="insert_text(' [img]{{ images.IMAGEPATH }}[/img] ');" data-mchat-action="add" title="{{ lang('IMAGEUPLOAD_INSERT_MCHAT_IMAGE') }}" class="icon fa-arrow-circle-o-up fa-fw"></i>
											{% else %}
											{{ images.FILENAME }}
											{% endif %}
										</div>
									</div>
								{% endfor %}
								</div>
							</div>
						</fieldset>
					</dt>
					<dd style="border: none">&nbsp;</dd>
				</dl>
			</li>
		</ul>
	</div>
</div>

{% endif %}

Add this the the ext css file

Code: Select all

p {
  padding-top: 5px;
  padding-left: 5px;
  margin-bottom: 2px !important;
}

before

77.png

after

66.png

Post by **Scanialady** » 14 May 2020, 20:52

seacoast wrote: 09 May 2020, 23:34
dmzx wrote: 09 May 2020, 18:00
seacoast wrote: 09 May 2020, 17:59 I think there might be a conflict with this ext.

https://github.com/sajaki/RecentTopics
What is the conflict?
Yes confirmed it....when I disable recent topics the issue goes away.

In addition, if I change the number of pages to 1 in recent topics, the problem goes away.

I confirm this problem, too. If there is more than one page on recent topics I get the pagination from there in image upload, too.

Post by **martin** » 14 May 2020, 21:24

I suspect its posts_per_page as they both use the same setting in the acp.

Post by **Scanialady** » 15 May 2020, 16:31

It would be nice if you could narrow down the problem and change the appropriate class. I personally would appreciate a correction.

Post by **seacoast** » 15 May 2020, 17:05

One minor suggestion....seems to me that having both the single image option AND the multiple image option is redundant because users can upload a single image in the multiple upload section. Just my thought.

Post by **martin** » 15 May 2020, 17:13

Both options are better as i upload a single image and get the link right away and post it on another site.

Now if u used the multi for one image i then have to go to the index to see the image and then get the link.

Also there is now a new layout for images on the index long name images are shorted via the browser.

new.png

Post by **SAGreen** » 08 Jun 2020, 18:26

Hi,
I have a problem displaying images in UCP. When I click on it, a pop-up window will not appear, but an image with data will appear under the footer of the forum and the whole site will be scattered, see attached screen...

I also tried it on the default prosilver theme, but this error also manifested itself there. I would also like to ask where can I resize the HSIMG (URL-IMG link) to a certain width and height in px, and also if it is possible to delete images in UCP in bulk and not one by one. Thank you in advance for the info. Regards, Scott

3.2 & 3.3 Extensions Database 3.2 / 3.3 ⇒ Image Upload

Re: Image Upload

Re: Image Upload

Re: Image Upload

Re: Image Upload

Re: Image Upload

Re: Image Upload

Re: Image Upload

Re: Image Upload

Re: Image Upload

Re: Image Upload

Re: Image Upload

Re: Image Upload

Re: Image Upload

Re: Image Upload

Re: Image Upload