Page 1 of 3

[ABD] Avatar Upload - Resize, visual trim

Posted: Sat Nov 07, 2015 11:42 am
by Anv@r.all
Description: Automatically reduces image, resolution, visual resize and a particular area..

Image

GitHub: https://github.com/bb3mobi/AvatarUpload ... master.zip

BB3.Mobi: Avatar Upload Resize & Crop

phpBB Version: >=3.1.6-RC1

Light version download: http://bb3.mobi/forum/download/file.php?id=879

Re: [DEV] Avatar Upload - Resize, visual trim

Posted: Sat Nov 07, 2015 12:24 pm
by VOLKERMORD
to install do this: ext/bb3mobi/AvatarUpload
@Anv@r.all is need more setings from ACP?
Very nice work thx.

Re: [DEV] Avatar Upload - Resize, visual trim

Posted: Sat Nov 07, 2015 9:36 pm
by Mess
Very nice, ill try it out. :)

Re: [DEV] Avatar Upload - Resize, visual trim

Posted: Sat Nov 07, 2015 11:33 pm
by DevMakoto
error!
Tried to redirect to potentially insecure url.
http://nimb.ws/doYA4W

Re: [DEV] Avatar Upload - Resize, visual trim

Posted: Wed Nov 11, 2015 9:02 pm
by DevMakoto

Re: [DEV] Avatar Upload - Resize, visual trim

Posted: Wed Nov 11, 2015 10:41 pm
by BiscoMix
This mod doesn't work. When you go to upload an image, it takes you to a page that says:
No input file specified.
I was really looking forward to this mod, as it seems no one else has attempted it.

Re: [DEV] Avatar Upload - Resize, visual trim

Posted: Sat Nov 14, 2015 6:02 pm
by Anv@r.all
Already applied another script http://deepliquid.com/projects/Jcrop/demos.php

DevMakoto wrote:error!
Tried to redirect to potentially insecure url.
http://nimb.ws/doYA4W
Check for errors.. Update extension.

Re: [DEV] Avatar Upload - Resize, visual trim

Posted: Sun Nov 15, 2015 4:43 am
by SalazarAG
Can you add support for thumbnails?
For example, in my forum avatars are 150x150
to the extent, the User would be able to crop the image and see the tumbnail next to the framework in 150x150

Re: [DEV] Avatar Upload - Resize, visual trim

Posted: Sun Nov 15, 2015 5:23 am
by DevMakoto
SalazarAG wrote:Can you add support for thumbnails?
For example, in my forum avatars are 150x150
to the extent, the User would be able to crop the image and see the tumbnail next to the framework in 150x150
+1

Re: [DEV] Avatar Upload - Resize, visual trim

Posted: Sun Nov 15, 2015 5:40 am
by DevMakoto
error in upload avatar

No file avatar

Re: [DEV] Avatar Upload - Resize, visual trim

Posted: Wed Nov 18, 2015 5:14 pm
by Anv@r.all
777 for folder ext/bb3mobi/AvatarUpload/images

Re: [DEV] Avatar Upload - Resize, visual trim

Posted: Wed Nov 18, 2015 6:57 pm
by SalazarAG
Anvar Hello!
I noticed that the new release thumbnails appear next. Thank you for including it.
A note: the thumbnail next to have accurate 150x150 pixels, how should I do to change if one day need?
Because I noticed that regardless of ACP Avatar settings the tumbnail will always be 150x150.
About bug "No avatar found," I think he is after we click out of the picture to crop the image and try to cut it again so it is noticed that.

Re: [DEV] Avatar Upload - Resize, visual trim

Posted: Fri Nov 20, 2015 1:53 am
by SalazarAG
Anv@r.all wrote:777 for folder ext/bb3mobi/AvatarUpload/images
Hello Anvar and all those who can help.

I bought the Mobbern Responsive style this week and I intend to default leave it on my forum, and uninstall all other styles. However, the extent Avatar Upload're not working properly on it. :(

The page is locked in the header, and only you can see a photo piece that will cut, nothing more. I think it is a problem of adaptation, but I do not know how to do it. Please help me. I have tried to contact the Mobbern support, but did not respond.

I left an extension of print with the locked page (it does not scroll, you can not go down the page to crop the image).

Image

Like style is paid and there's no way you checking the structure, I leave in the code files that correspond to the UCP page so you catch some divs and classes to tailor the extension that style, perhaps.

/Mobbern3.1/template/ucp_avatar_options.html

Code: Select all

<div class="panel panel-ucp-avatar">
	<!-- IF not S_AVATARS_ENABLED -->
	<p>{L_AVATAR_FEATURES_DISABLED}</p>
	<!-- ENDIF -->

	<fieldset>
	<!-- IF ERROR --><p class="error">{ERROR}</p><!-- ENDIF -->
		<dl>
			<dt><label>{L_CURRENT_IMAGE}{L_COLON}</label><br /><span>{L_AVATAR_EXPLAIN}</span></dt>
			<dd><!-- IF AVATAR -->{AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /><!-- ENDIF --></dd>
			<dd><label for="avatar_delete"><input type="checkbox" name="avatar_delete" id="avatar_delete" /> {L_DELETE_AVATAR}</label></dd>
		</dl>
	</fieldset>
	
	<h3>{L_AVATAR_SELECT}</h3>
	
	<fieldset>
		<dl>
			<dt><label>{L_AVATAR_TYPE}{L_COLON}</label></dt>
			<dd><select name="avatar_driver" id="avatar_driver" data-togglable-settings="true">
				<!-- BEGIN avatar_drivers -->
				<option value="{avatar_drivers.DRIVER}"<!-- IF avatar_drivers.SELECTED --> selected="selected"<!-- ENDIF --> data-toggle-setting="#avatar_option_{avatar_drivers.DRIVER}">{avatar_drivers.L_TITLE}</option>
				<!-- END avatar_drivers -->
			</select></dd>
		</dl>
	</fieldset>

	<div id="avatar_options">

		<!-- BEGIN avatar_drivers -->
		<div id="avatar_option_{avatar_drivers.DRIVER}">
		<noscript>
		<h3 class="avatar_section_header">{avatar_drivers.L_TITLE}</h3>
		</noscript>
		<p>{avatar_drivers.L_EXPLAIN}</p>

		<fieldset>
		{avatar_drivers.OUTPUT}
		</fieldset>
		</div>
		<!-- END avatar_drivers -->

	</div>

	<!-- IF not S_GROUP_MANAGE -->
	<fieldset class="submit-buttons">
		<input type="reset" value="{L_RESET}" name="reset" class="button2" /> &nbsp;
		<input type="submit" name="submit" value="{L_SUBMIT}" class="button1" />
	</fieldset>
	<!-- ENDIF -->

</div><!-- /.panel-ucp-avatar -->
/Mobbern3.1/template/ucp_main_front.html

Code: Select all

<!-- INCLUDE ucp_header.html -->

<h2>{L_TITLE}</h2>

<div class="panel panel-ucp-front">

	<p>{L_UCP_WELCOME}</p>

	<!-- IF .topicrow -->
	<h3 class="margin-v-20px">{L_IMPORTANT_NEWS}</h3>

	<ul class="topiclist cplist two-long-columns">
	<!-- BEGIN topicrow -->
		<li class="row<!-- IF topicrow.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
			<dl class="icon {topicrow.TOPIC_IMG_STYLE}">
				<dt <!-- IF topicrow.TOPIC_ICON_IMG -->style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF -->>
					<!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}" class="icon-link"></a><!-- ENDIF -->
					<div class="list-inner">
						<!-- IF topicrow.S_UNREAD --><a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a><br />
						<!-- IF .topicrow.pagination -->
						<div class="pagination">
							<ul>
							<!-- BEGIN pagination -->
								<!-- IF topicrow.pagination.S_IS_PREV -->
								<!-- ELSEIF topicrow.pagination.S_IS_CURRENT --><li class="active"><span>{topicrow.pagination.PAGE_NUMBER}</span></li>
								<!-- ELSEIF topicrow.pagination.S_IS_ELLIPSIS --><li class="ellipsis"><span>{L_ELLIPSIS}</span></li>
								<!-- ELSEIF topicrow.pagination.S_IS_NEXT -->
								<!-- ELSE --><li><a href="{topicrow.pagination.PAGE_URL}">{topicrow.pagination.PAGE_NUMBER}</a></li>
								<!-- ENDIF -->
							<!-- END pagination -->
							</ul>
						</div>
						<!-- ENDIF -->
						<div class="responsive-hide">
							<!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->
							{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}
						</div>
						<div class="responsive-show" style="display: none;">
							<!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->
							{L_LAST_POST} {L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL} &laquo; <a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{topicrow.LAST_POST_TIME}</a>
						</div>
					</div>
				</dt>
				<dd class="lastpost"><span>{L_LAST_POST} {L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL}
					<a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{LAST_POST_IMG}</a> <br />{topicrow.LAST_POST_TIME}</span>
				</dd>
			</dl>
		</li>
	<!-- END topicrow -->
	</ul>
	<!-- ENDIF -->

	<h3 class="margin-v-20px">{L_YOUR_DETAILS}</h3>

	<dl class="details">
		<dt>{L_JOINED}{L_COLON}</dt> <dd>{JOINED}</dd>
		<dt>{L_LAST_ACTIVE}{L_COLON}</dt> <dd>{LAST_VISIT_YOU}</dd>
		<dt>{L_TOTAL_POSTS}{L_COLON}</dt> <dd><!-- IF POSTS_PCT -->{POSTS}<!-- IF S_DISPLAY_SEARCH --> | <strong><a href="{U_SEARCH_USER}">{L_SEARCH_YOUR_POSTS}</a></strong><!-- ENDIF --><br />({POSTS_DAY} / {POSTS_PCT})<!-- ELSE -->{POSTS}<!-- ENDIF --></dd>
		<!-- IF ACTIVE_FORUM != '' --><dt>{L_ACTIVE_IN_FORUM}{L_COLON}</dt> <dd><strong><a href="{U_ACTIVE_FORUM}">{ACTIVE_FORUM}</a></strong><br />({ACTIVE_FORUM_POSTS} / {ACTIVE_FORUM_PCT})</dd><!-- ENDIF -->
		<!-- IF ACTIVE_TOPIC != '' --><dt>{L_ACTIVE_IN_TOPIC}{L_COLON}</dt> <dd><strong><a href="{U_ACTIVE_TOPIC}">{ACTIVE_TOPIC}</a></strong><br />({ACTIVE_TOPIC_POSTS} / {ACTIVE_TOPIC_PCT})</dd><!-- ENDIF -->
		<!-- IF WARNINGS --><dt>{L_YOUR_WARNINGS}{L_COLON}</dt> <dd class="error">{WARNING_IMG} [{WARNINGS}]</dd><!-- ENDIF -->
	</dl>

</div><!-- /.panel-ucp-front -->


<!-- INCLUDE ucp_footer.html -->
I'm desperate, this extension has always been my dream, and have it in Mobbern is the best thing for me. Help me to adapt it, please.

Re: [DEV] Avatar Upload - Resize, visual trim

Posted: Fri Nov 20, 2015 10:43 am
by Anv@r.all
I do not support the commercial styles.

Re: [DEV] Avatar Upload - Resize, visual trim

Posted: Fri Nov 20, 2015 4:45 pm
by SalazarAG
:( More can anyone help me?

Unfortunately I have to uninstall the extension :(