Thread Icons [v0.1.17 Updated on 15-Feb 2020]

[Chris]

Download

Thread Icons
PBP File
version 0.1.17
updated: February 15, 2020

How to download and manually install a plugin (by Ryan Roos )

SPOILER: Click to show

Description

Associates a forum thread with an image that appears whenever a link to that thread is present in a list of topics

Features

• Create icons in plugin settings for your members to use
• Members can upload and use their own icons unless turned off in plugin settings
  SPOILER: Click to show
  
  
  
  This feature can also detect when a file attachment is uploaded, tests if its an allowed image file and adds it to the menu of icons that can be used for that thread
• Harvests images from the first post of a thread when viewed or edited and automatically adds an icon if it has none associated unless turned off in plugin settings
  SPOILER: Click to show
  
• disallow images by providing a list of patterns to look for in the image URL and if found prevent that image from being used
  SPOILER: Click to show
  
• Each icon added in the plugin settings can be set to appear only in certain boards and/or only to certain user groups
  SPOILER: Click to show
  
• The standard icon being replaced can be kept around as a miniature overlay for the new icon to visually convey statuses such as "locked" or "hot" that the new icon might be incapable of conveying
  SPOILER: Click to show
  
• Option to enable "enlarge of hover" to better view image details
  SPOILER: Click to show
  
  . There is also the option to resize the thread icon permanently using CSS found here
• Disallow (or only allow) specific users or groups who can set icons
• set specific boards where icons can only be applied

Allows setting an image for a thread by check marking an option added to the image insert dialog

1. when inserting an image you now have the option to make that image the image for the entire thread

to try a more advanced version see the following spoiler

SPOILER: Click to show

Aug 22, 2014 13:08:35 GMT -8 Chris said:

OK, I made a few changes and fixes to this plugin

Download: version 0.0.9
(the version in the first post remains unchanged at v0.0.2 for now until further testing proves this newer version is stable enough for a production forum)

• switched to the pbapi image preview dialog in order to to show an enlarged image instead of using the tipTip tooltip when hovering over the chosen icon on the selection menu
  
  
• automatically calculate elbow room needed to fit menu next to subject
  
  
• added support for file attachments. Upload a file and if it's a valid image it automatically gets added to the menu of available images (provided the force users to use only the list you created is not set)
  
  
• added "enlarge on hover" option for thread listing view
  
  
• added option to place the icon in title bar when reading a thread
  
  
• if "use first image found" option is set and thread has no icon set then the plugin will search first post in thread viewing mode when anybody looks at the thread, previously it only looked for images if in editing mode.
  
  
• Fixed a bug where the "threadimage" input always appeared as checked to the plugin even when left unchecked by the user. This was because only "border" can be a true boolean in the internal wysiwyg _prompt() function. This was causing images to be applied to the thread ever since the name was changed from the misleading "border" to the more applicable "threadimage" without realizing/remembering the true need for the "border" name
  /* comment your codes boys and girls */
  
  
• added some forgotten page routes such as threads started by a user and search results returned as threads
  
  

Thread Icons
PBP File
version 0.0.2

How to install a plugin (by Ryan Roos )

SPOILER: Click to show

PB:\plugins\Thread Icons> download
Thread Image.pbp
PB:\plugins\Thread Icons> version
"version 0.0.2 (alpha)"

How to install a plugin (by Ryan Roos )

SPOILER: Click to show

Sept 8, 2013 11:15:31 GMT -8 Chris said:

Assuming by "folder image" you mean these



then give this plugin a try [obsolete link removed] and let me know if you encounter any problems or have a suggestion on improving.

Previews

---

Sept 12, 2013 4:31:52 GMT -8 Chris said:

That is the intended purpose of that "keep old icon" option, it keeps the old icon around since it may convey information that the new image would not, as in your case a locked thread

v0.1.10- fixed bug that presented a key write error popup to guests if guests were not allowed to post
v0.1.9 - fixed bug introduced in refactor that hid icon from all viewers when user or group chosen as exclusive icon setters
v0.1.8 - added author avatar as an image option when harvesting images for unassigned threads. Made use of "smile" class to identify smileys
v0.1.7 - refactored UI logic
v0.1.6 - fixed attachment detection which was broken by the decision to set document as dropzone for file uploads
v0.1.5 - added a way to customize final destination of icon
v0.1.4 - switched to querying listmanager to determine if on a thread page or post page rather than trying to keep up with route names such as "thread_by_ip"
v0.1.3 - took advanage of the unpublished 'thread_edit' set_on hook and could therefore remove patch for Chrome's 'async XHR abandoned on form submit' bug
v0.1.2 - added ability to globally include or exclude boards, users and groups (different from the per image settings)
v0.1.1 - added setting for image url disqualification patterns
v0.1.0 - added image harvesting on search result pages that are returned as posts
v0.0.9 - expanded route queries to account for search results and user threads
v0.0.8 - reverted "threadimage" checkbox name back to "border" since only "border" treated as checkbox in _prompt(), oops
v0.0.7 - harvest images in thread view mode if "use first image found" option is enabled and thread has no icon
v0.0.6 - added "enlarge on hover" option and option to set icon in title bar
v0.0.5 - add support for file attachments
v0.0.4 - switched to the proboards image preview dialog (tiptip orientation a bit unwieldy), also disconnected the need for setting a subject width by employing the label tag
v0.0.3 - adds plugin definable image list with per board and user access list
v0.0.2 - added pagination and tested for [title^="Thread"] instead of [title="Thread"] to include other status icons, also updated obsolete use of dataHash.page.post

SPOILER: Click to show

HISTORY LOGS:

/*

v0.1.17- fixed bug where disassociating an icon from a thread required saving the thread first instead of immediately taking effect

v0.1.16- added placing image as a background on target container

v0.1.15- downgraded to es5 for wider browser support

v0.1.14- added user info to avatar urls so they can be used to fill unknown avatars

v0.1.13- added avatar search to saveAvatar fn and reap avatar in thread view if author is viewing

v0.1.12- added flexbox css for responsive screen size on subject input

v0.1.11- can_write expects object id (thread_id) but was sending user_id for a thread key

v0.1.10- fixed bug that presented a key write error popup to guests if guests were not allowed to post

v0.1.9 - fixed bug introduced in refactor that hid icon from all viewers when user or group chosen as exclusive icon setters

v0.1.8 - added author avatar as an image option when harvesting images for unassigned threads. Made use of "smile" class to identify smileys

v0.1.7 - refactored UI logic

v0.1.6 - fixed attachment detection which was broken by the decision to set entire document as dropzone for file uploads

v0.1.5 - added a way to customize final destination of icon

v0.1.4 - switched to querying listmanager to determine if on a thread page or post page rather than trying to keep up with route names such as "thread_by_ip"

v0.1.3 - took advantage of the unpublished 'thread_edit' set_on hook and could therefore remove patch for Chrome's 'async XHR abandoned on form submit' bug

v0.1.2 - added ability to globally include or exclude boards, users and groups (different from the per image settings)

v0.1.1 - added setting for image url disqualification patterns

v0.1.0 - added image harvesting on search result pages that are returned as posts

v0.0.9 - expanded route queries to account for search results and user threads

v0.0.8 - reverted "threadimage" checkbox name back to "border" since only "border" treated as checkbox in _prompt(), oops

v0.0.7 - harvest images in thread view mode if "use first image found" option is enabled and thread has no icon

v0.0.6 - added "enlarge on hover" option and option to set icon in title bar

v0.0.5 - add support for file attachments

v0.0.4 - switched to the proboards image preview dialog (tiptip orientation a bit unwieldy), also disconnected the need for setting a subject width by employing the label tag

v0.0.3 - adds plugin definable image list with per board and user access list

v0.0.2 - added pagination and tested for [title^="Thread"] instead of [title="Thread"] to include other status icons, also updated obsolete use of dataHash.page.post

*/

[SailorEffinMoon]

Is it possible to resize the images? I want to make mine easier to see. surfries.proboards.com/board/26/2010s-movies

[Chris]

Mar 12, 2014 12:06:29 GMT -8 SailorEffinMoon said:

Is it possible to resize the images? I want to make mine easier to see. surfries.proboards.com/board/26/2010s-movies

Making the image any larger would wreak havoc on your board layout, what  would suggest is a hover effect that would then show a larger image?




If that's acceptable then place the following code at the bottom of your Board > Thread List layout^* and see if it does the job



<script type="text/javascript">
/* Enlarge Thread Icon in a Tooltip */
$(function () {
$('.thread .icon .avatar_size_small img[alt="Thread"]')
.each(function () {
$(this).tipTip({
maxWidth : '500px',
defaultPosition : 'right',
content : this.outerHTML || $('<div/>').append($(this).clone(true)).html()
})
})
})
</script>


*place code in global footer instead if you wish to affect all themes

[Jaguar]

Thanks Eton, I got this for my testing Forum to see how to use it.

[SailorEffinMoon]

Oh that works great! Thank-you

[seniorrose]

Can't get it to work, I must be doing something wrong, I'll keep at it

[Chris]

so did ya?

[seniorrose]

No sorry, where do I insert the image, I tried doing it as  above, but the image shows on my post page.


Your help would be appreciated

[Chris]

Mar 23, 2014 8:43:59 GMT -8 seniorrose said:

No sorry, where do I insert the image, I tried doing it as  above, but the image shows on my post page.


Your help would be appreciated

When you are composing a post and you insert any image into the post you should see this



The part outlined in red is not normally there, the plugin adds it there to give you a chance to designate the image that you're inserting to also be the image that will be associated with the thread.

If I am understanding you correctly though, you're looking for a way to associate an image with the thread without actually putting that image into the thread? That should be possible if you go through the motions of inserting the image making sure to check the box then delete the image before finalizing the post. The association occurs immediately and is not dependent on the image being in the post itself. Save post to save icon change

[Chris]

I haven't tried but if you change
$('.thread .icon .avatar_size_small img[alt="Thread"]')
to
$('.mini-profile .avatar-wrapper img')
it should then target mini-profile avatars

keep in mind however that its purpose is to display an image without an artificial constraint (unless wider than 500px). If the image is being artificially downsized then it should display a larger size, if the image is however at its natural size then it will simply display a copy of the same size. It makes no judgement call as to the size of the image.

Thanks for the rate. I was thinking of adding the option of uploading your own set of images to mimic the selectable icons that were in V4 but nobody has expressed any interest in it

[Chris]

if you want everything to be 350 then you could probably change
content : this.outerHTML || $('<div/>').append($(this).clone(true)).html()

to

content : $('<div/>').append($(this).clone(true).css('width','350px')).html()

I can't however speak to how good an image would look blown up beyond its natural dimensions

[seniorrose]

Well I must be a dumbo, I can't get it to work, followed instructions, just won't show

Don't worry, I can live without, thank you for your time.

[Chris]

It should be noted that this is only active when creating or editing the first post in a thread to ensure the thread creator (or someone capable of editing the first post, such as staff) are the only ones able to set an image for the thread. If you're trying to do this from a reply in the thread then that could be your problem. Other than that I cannot offer any help without something I can poke and prod such as a forum URL

[seniorrose]

My url
burnbactwo.boards.net/

[Chris]

Mar 25, 2014 2:13:23 GMT -8 seniorrose said:

My url
burnbactwo.boards.net/

The plugin on that forum is currently configured to operate on only one board ( board 12 ["Welcome to the group"]) and unfortunately that board is not accessible to guests. I did however created a thread in a guest friendly board and manually inserted that board into the list of allowed boards and was able to get the checkbox when inserting an image

SPOILER: Click to show

So if you're looking for this checkbox in another board other than board 12 then you would need to go into the plugin settings and add that additional board or remove all boards from the list so that all boards are then eligible.