Profile Flair (Badges/Icons)

Profile Flair 1.1.0-rc1 - Profile Flair (Badges/Icons)

Profile Flair 1.1.0-rc1

by StevoTVR » Sat Apr 21, 2018 7:31 pm

Here is the beta version for the update which includes the much requested feature to allow the use of custom images. Post any feedback or bug reports related to the beta in this thread, or you can create a new issue on GitHub.

Installation:
  • If upgrading
    • Navigate in the ACP to Customise -> Manage Extensions.
    • Look for Profile Flair under the Enabled Extensions list, and click its Disable link.
    • Delete the ext/stevotvr/flair directory from your phpBB board.
  • Installing
    • Unzip the downloaded release and copy it to the ext directory of your phpBB board.
    • Navigate in the ACP to Customise -> Manage extensions.
    • Look for Profile Flair under the Disabled Extensions list, and click its Enable link.
Download: https://github.com/stevotvr/phpbb-flair ... .0-rc1.zip

Changes:
  • Added the option to use images for flair items
  • Added the ability to upload images from the ACP
  • Fixed size inconsistencies between Font Awesome icons
  • Fixed error caused by using the extension with an unsupported style
  • Updated the link to the Font Awesome icon list
  • The fa- prefix will now automatically be added if it is not included
  • Fixed list items in the ACP not being clickable
  • Improved accessibility markup
  • Fixed flair being auto assigned to the guest account
  • Added support for SVG images
  • Fixed broken image links in the legend
Last edited by StevoTVR on Fri May 25, 2018 3:17 am
User avatar
StevoTVR
Registered User
Posts: 116
Joined: Thu Jul 13, 2006 6:23 pm
Name: Steve Guidetti
Contact:

Re: Profile Flair 1.1.0-beta

by koraldon » Sun Apr 22, 2018 8:53 pm

Install the beta, a couple of bugs:
- In ACP, image page, I get the notice:
NOTICE
The images/flair directory is not writable
I can change permissions by hand, but it seems strange.
Looking it FTP, its permissions are 000 - also a problem to change via FTP because it was created by site, so no permissions to change.
Had to change via cpanel...

- Not sure why, but the image and font are not aligned the same (different height and offset):
Capture.JPG
Capture.JPG (20.57 KiB) Viewed 168 times
koraldon
Registered User
Posts: 469
Joined: Sat Jun 30, 2007 12:42 pm
Contact:

Re: Profile Flair 1.1.0-beta

by StevoTVR » Mon Apr 23, 2018 5:03 pm

The permission issue should be easy to fix. I'll have to do some more testing to figure out the alignment issue. Thanks for the bug report.
User avatar
StevoTVR
Registered User
Posts: 116
Joined: Thu Jul 13, 2006 6:23 pm
Name: Steve Guidetti
Contact:

Re: Profile Flair 1.1.0-beta

by StevoTVR » Thu Apr 26, 2018 3:59 am

koraldon wrote:- Not sure why, but the image and font are not aligned the same (different height and offset):
Capture.JPG
That doesn't seem to happen on prosilver. Can I get a link to your board so I can see what's going on?
User avatar
StevoTVR
Registered User
Posts: 116
Joined: Thu Jul 13, 2006 6:23 pm
Name: Steve Guidetti
Contact:

Re: Profile Flair 1.1.0-beta2

by StevoTVR » Thu Apr 26, 2018 9:43 pm

1.1.0-beta2

Download: https://github.com/stevotvr/phpbb-flair ... -beta2.zip

Changes:
  • Fixed incorrect permissions being applied to the image directory
  • Fixed flair being auto assigned to the guest account
User avatar
StevoTVR
Registered User
Posts: 116
Joined: Thu Jul 13, 2006 6:23 pm
Name: Steve Guidetti
Contact:

Re: Profile Flair 1.1.0-beta2

by jackennils » Sat Apr 28, 2018 10:35 am

Please can you add support for SVG images? They do not work when trying to uploaded them.
SVG is way better than the other formats: They do not need any resizing, are always sharp, have a small file size and so on.

Also a small Bug: When viewing the legend and phpBB is not installed in the top directory of the domain, the path to the image is wrong.

My forum is in: https://domain.com/forum/
But the extension wants to load the image from: https://domain.com/images/flair/....-x3.png
Not from: https://domain.com/forum/images/flair/....-x3.png

Thanks!
jackennils
Registered User
Posts: 161
Joined: Mon Jun 01, 2009 7:48 pm
Contact:

Re: Profile Flair 1.1.0-beta2

by StevoTVR » Sat Apr 28, 2018 6:52 pm

Allowing SVG files is a great idea. Thanks for the suggestion. I'll get the legend issue fixed...
User avatar
StevoTVR
Registered User
Posts: 116
Joined: Thu Jul 13, 2006 6:23 pm
Name: Steve Guidetti
Contact:

Re: Profile Flair 1.1.0-beta2

by jackennils » Mon Apr 30, 2018 5:07 pm

You're welcome and thanks. :)
jackennils
Registered User
Posts: 161
Joined: Mon Jun 01, 2009 7:48 pm
Contact:

Re: Profile Flair 1.1.0-beta3

by wonderandawe » Sat May 12, 2018 7:23 pm

I second SVG files! I am using the beta on my forum and spent a lot of time resizing the flair to fit the three image sizes. Having one svg file for all flair sizes would save others a lot of time.
wonderandawe
Registered User
Posts: 1
Joined: Wed Jun 02, 2010 3:59 pm
Contact:

Re: Profile Flair 1.1.0-beta3

by StevoTVR » Sun May 13, 2018 3:02 am

Beta 3 allows SVG files. I thought I had posted the update weeks ago, but I don't see it. Sorry about that...
Last edited by StevoTVR on Sun May 13, 2018 3:06 am
User avatar
StevoTVR
Registered User
Posts: 116
Joined: Thu Jul 13, 2006 6:23 pm
Name: Steve Guidetti
Contact:

Re: Profile Flair 1.1.0-beta3

by StevoTVR » Sun May 13, 2018 3:05 am

1.1.0-beta3

Download: https://github.com/stevotvr/phpbb-flair ... -beta3.zip

Changes:
  • Added support for SVG images
  • Fixed broken image links in the legend
User avatar
StevoTVR
Registered User
Posts: 116
Joined: Thu Jul 13, 2006 6:23 pm
Name: Steve Guidetti
Contact:

Re: Profile Flair 1.1.0-beta3

by koraldon » Sun May 13, 2018 7:57 pm

It seems I'm unable to use FA icons such as:
fa-user-circle-o fa-flip-horizontal
it deletes the flip command. Not sure when it started.
koraldon
Registered User
Posts: 469
Joined: Sat Jun 30, 2007 12:42 pm
Contact:

Re: Profile Flair 1.1.0-beta3

by StevoTVR » Mon May 14, 2018 12:40 am

I'll loosen the restrictions on the icon field.
User avatar
StevoTVR
Registered User
Posts: 116
Joined: Thu Jul 13, 2006 6:23 pm
Name: Steve Guidetti
Contact:

Re: Profile Flair 1.1.0-beta3

by Matixto » Mon May 21, 2018 5:40 pm

The bagdes (with custom images) shows up as a linked image to, for example, https://domain.com/forum/flair#flair2 and gives 404 error.
This is the HTML code of the image:

Code: Select all

<div class="profile-flair">
<h4>Badges</h4>
<a href="/forum/flair#flair2"> <span class="flair-image" title="Badge n1">
<img src="./images/flair/badge1-x1.png" height="22" aria-hidden="true">
</span>
</a> <a href="/forum/flair#flair1"> <span class="flair-image" title="Badge n2">
<img src="./images/flair/bagde2-x1.png" height="22" aria-hidden="true">
</span>
</a> </div>
Matixto
Registered User
Posts: 2
Joined: Thu Jan 11, 2018 2:19 pm
Contact:

Re: Profile Flair 1.1.0-beta3

by StevoTVR » Mon May 21, 2018 5:50 pm

Matixto wrote:The bagdes (with custom images) shows up as a linked image to, for example, https://domain.com/forum/flair#flair2 and gives 404 error.
This is the HTML code of the image:

Code: Select all

<div class="profile-flair">
<h4>Badges</h4>
<a href="/forum/flair#flair2"> <span class="flair-image" title="Badge n1">
<img src="./images/flair/badge1-x1.png" height="22" aria-hidden="true">
</span>
</a> <a href="/forum/flair#flair1"> <span class="flair-image" title="Badge n2">
<img src="./images/flair/bagde2-x1.png" height="22" aria-hidden="true">
</span>
</a> </div>
It looks like you have URL Rewriting enabled but your server isn't configured for that.
User avatar
StevoTVR
Registered User
Posts: 116
Joined: Thu Jul 13, 2006 6:23 pm
Name: Steve Guidetti
Contact: