Topic Icons

[Quozzo]

Allow your members to pick an icon next to the thread whenever the link to it appears in the board.

Any icons you add will be displayed underneath the thread title so your members can easily choose which icons to select.



Download: Thread Icons.pbp (2.54 KB) (v1.1.0)
Library: www.proboards.com/library/plugins/item/986

Any C&C welcome.

[cindyann]

I'd love to use this as I used to have the topic icons on my vbulletin board. Will this be put in the library soon so we can just install it from there? I have all my old icons, so that's not a problem...

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Apr 6, 2015 11:43:29 GMT -8 Quozzo said:

Allow your members to pick an icon next to the thread whenever the link to it appears in the board.

Any icons you add will be displayed underneath the thread title so your members can easily choose which icons to select.


Download:  (v0.0.2)
Library: TBA (Require feedback before uploading)

Any C&C welcome.

Two things:
When changing from page 1 to page 2 and back, the icons do not get replaced. (for boards that have more than like 30 threads) (this means you are calling on page load)
So you also need to name your function and add


proboards.on('pageChange',topiciconfunction);
on your page load. Clarification: the function name should not have "()" in the code above ^ (which is abnormal for function calls)

Also if you hit create thread, type in a title, and click a thread icon (and forget to add a body to the post) it will error and say you must provide a message. (which is normal, but you add your thread icon html anyway because you do not detect for such error) thus when it's finally posted there are two thread icons in the post. Which kind of messes up the editing of that post as well.

Then you should add it to the library for the youngins.

[Quozzo]

Thanks P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓, that's just the kind of feedback I was looking for .

When you said it doesn't work between page loads, I had forgotten that ProBoards uses AJAX to load different pages, so I was thinking of using the ajaxSuccess method so it could parse the topic icons on each AJAX request, but then you mentioned that ProBoards has a built in callback handler for such a method, which made my life easier

I couldn't get it to strip the topic icon code from the title of a thread when it fails to submit the form (the submit method should do that ) so instead I strip it out of the header on every (attempted) submit call to save the title getting ever more populated with the topic icons, should anyone try to post an empty thread.

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Apr 24, 2015 20:09:10 GMT -8 Quozzo said:

Thanks P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓, that's just the kind of feedback I was looking for .

When you said it doesn't work between page loads, I had forgotten that ProBoards uses AJAX to load different pages, so I was thinking of using the ajaxSuccess method so it could parse the topic icons on each AJAX request, but then you mentioned that ProBoards has a built in callback handler for such a method, which made my life easier

I couldn't get it to strip the topic icon code from the title of a thread when it fails to submit the form (the submit method should do that ) so instead I strip it out of the header on every (attempted) submit call to save the title getting ever more populated with the topic icons, should anyone try to post an empty thread.

That sounds great. I would have just called a text.replace(/data/g,'') for the title field before submitting it as the error checking. Sounds like that's what you are doing. And I admire a programmer willing to work with a little regex that I saw in your codes.


Sometimes I have to reach into the ajax process (to determine when lets say the shoutbox has been used example: colorSmear) But other then that, the pagechange and the callbacks for the pb functions pretty much have it all. Not to mention the pb.data() information is so useful and they don't really have that documented which is a shame. Even though well versed programmers can look at it and understand everything going on. 

[cindyann]

I'm new to these boards and would like to use this plug in, but would like to add my own icons. Is there anyway I can do that?

[Quozzo]

Apr 29, 2015 9:03:24 GMT -8 cindyann said:

I'm new to these boards and would like to use this plug in, but would like to add my own icons. Is there anyway I can do that?

Yes. In the Admin panel you can change the icons to whatever you like, add more or take them away.

[user07]

Great plugin, Quozzo

But I'm writing to report a small issue : if using Brian's Individual Post Subjects Plugin, Topic Icons Plugin 'writes' a [ti]Icon’sName[/ti] into .posts .post .content-head .info, before every Post Subject in each post...
Any way to avoid that, in order to be able to use both plugins?

Whatever, again, nice plugin !

[Quozzo]

I think that's because his individual post subjects copies the title if no custom post title is entered. I'll update it when I can, but in the meantime you can place this into the global footer
<script>
$(function(){
$('.post-subject:contains(\[ti\])').each(function(){
var $this = $(this);
$this.html($this.html().replace(/\[ti\](.+?)\[\/ti\] ?/,""));
});
$('.subject_input input').each(function(){
var $this = $(this);
$this.val($this.val().replace(/\[ti\](.+?)\[\/ti\] ?/,""));
});
});
</script>

[user07]

Apr 30, 2015 11:23:52 GMT -8 Quozzo said:

I think that's because his individual post subjects copies the title if no custom post title is entered. I'll update it when I can, but in the meantime you can place this into the global footer
<script>
$(function(){
$('.post-subject:contains(\[ti\])').each(function(){
var $this = $(this);
$this.html($this.html().replace(/\[ti\](.+?)\[\/ti\] ?/,""));
});
$('.subject_input input').each(function(){
var $this = $(this);
$this.val($this.val().replace(/\[ti\](.+?)\[\/ti\] ?/,""));
});
});
</script>

Thank you very much for the quick response Quozzo
but it seems that the script somehow shifts icon's choice on 'No icon' after saving, so no adds on thread's subjects, but also no icons at all... Anyway, not sure if this make sense, but it seems to be working this way, though :
<script>
$(function(){
$('.p-subject:contains(\[ti\])').each(function(){
var $this = $(this);
$this.html($this.html().replace(/\[ti\](.+?)\[\/ti\] ?/,""));
});
});
</script>Still, I wasn't able to target threads'titles in the Partecipated pop-up (same [ti] issue there)

[Quozzo]

Ah, so it does It didn't do it earlier. All i can suggest it to disable one plugin until I make the changes.

[Brian]

Let me know if you want me to change how mine inserts subjects. I've updated that plugin twice in the past couple weeks so I don't mind updating it again. Also I totally don't mind if you mess with the source code.

[cindyann]

Apr 29, 2015 9:31:25 GMT -8 Quozzo said:

Apr 29, 2015 9:03:24 GMT -8 cindyann said:

I'm new to these boards and would like to use this plug in, but would like to add my own icons. Is there anyway I can do that?

Yes. In the Admin panel you can change the icons to whatever you like, add more or take them away.

great!  I'll download it shortly then!  Thanks!

[Quozzo]

Apr 30, 2015 14:16:04 GMT -8 Brian said:

Let me know if you want me to change how mine inserts subjects. I've updated that plugin twice in the past couple weeks so I don't mind updating it again. Also I totally don't mind if you mess with the source code.

Thanks Brian but I don't think that will be necessary. I think I'll just add an option to insert extra elements to parse the [ti] code into an icon, or just remove the text. I'll see what I can do over the weekend and let you know.

[Boy_Wonder]

Hiyas Quozzo I LOVE this on my site (http://shelter2015.boards.net/ ) however the news fader makes it come up with [ti]iconname[/ti] as well now that it has more then one to cycle through