Is there a way to make the "Thread Summary" retractable?

[weareallone]

Hello!

First off, I hope this is the right board. This ties in with the template but has to do with coding, so I figured it would be okay here..

Ok, so I like the "thread summary" option when replying to a post, as you can see the previous user replies. However this can create a lot of lag, if the thread has a lot of videos it is auto-loading, and can thus slow down the reply page from loading fast.

I posted a thread here asking if it can be removed: support.proboards.com/thread/651463/disable-previous-reply-previews

Some very helpful replies. I wanted to take it a step further and see if there is a way to make the "thread summary" clickable thus collapsing all of the previous replies and therefore not having to load everything. Maybe it can be default collapsed but if someone wants to see previous replies they can click on the "Thread summary" and it will expand it and show previous replies.

I hope I make sense here.

Is this possible? If it is a huge hassle then I am maybe better off just deleting the thread summary.

Thank you guys so much for the help.

[Kami]

Unfortunately not the way youre wanting, no. Any code we provide for you would alter the page after it loaded, so the page would have to load first then be hidden to expand. The best way is to remove the summary variable all together.

[weareallone]

Jun 23, 2018 16:27:50 GMT -8 Kami said:

Unfortunately not the way youre wanting, no. Any code we provide for you would alter the page after it loaded, so the page would have to load first then be hidden to expand. The best way is to remove the summary variable all together.

Thank you so much for the explanation and your time! Will go ahead and just remove the summary variable. I appreciate your help.

[Kami]

Youre welcome! Sorry it wasnt a more favourable response.

[₪» ⅀ ƪ Ƒ «₪]

weareallone - just a random idea, I believe you could make a custom profile field that allows members to opt into seeing thread summaries if you'd like.
Basically, if they went to their profile and checked a box or otherwise activated a particular custom profile field, then the thread summary would show for them. If they didn't intentionally mark this box, it would continue to be removed by default. In case some members do want the option to read them. Just an idea I wanted to throw out there for you - let me know if you'd like to pursue it or simply disregard if it doesn't fit your fancy! :)

[Lynx]

weareallone,

If you're still interested in having it collapsible (but not be default), toss this into your Global Header:

<!-- Make Thread Summary Title Bar clickable to show or hide -->
<script>
    $(document).ready(function() {
        if (pb.data('route').name == "new_post") {
            $('.container.posts.summary > .title-bar').click(function() {
                $('.content > table').slideToggle('normal');
            });
        }
    });
</script>

Just click the title bar to show / hide.

[weareallone]

Jun 24, 2018 14:21:36 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

weareallone - just a random idea, I believe you could make a custom profile field that allows members to opt into seeing thread summaries if you'd like.
Basically, if they went to their profile and checked a box or otherwise activated a particular custom profile field, then the thread summary would show for them. If they didn't intentionally mark this box, it would continue to be removed by default. In case some members do want the option to read them. Just an idea I wanted to throw out there for you - let me know if you'd like to pursue it or simply disregard if it doesn't fit your fancy!

Wow this is an extremely good idea. So this way it would be disabled by default, but like you said, if members do want that option, they could go into their profile and check the box. I am not too up to date with custom profiles as I am so used to the old proboards setup, but I may actually do this.

And then can I couple this with the following code this kind soul offered?


<!-- Make Thread Summary Title Bar clickable to show or hide -->
<script>
   $(document).ready(function() {
       if (pb.data('route').name == "new_post") {
           $('.container.posts.summary > .title-bar').click(function() {
               $('.content > table').slideToggle('normal');
           });
       }
   });
</script>
Lynx

Thank you for offering this code! I really appreciate it! You and the previous poster both offered really amazing solutions.

If I am reading your reply right, I can couple this with maybe the custom feature as well?

So maybe it will be deleted by default, and then I can have it enabled if certain users want it that way, and then this would also make it collapsible if need be? Those 2 ideas combined would make a great feature, and am wondering if I am reading and applying these 2 together correctly.

Is this feasible or am I totally reading things wrong here. I really really appreciate your guys help, I never would have been able to do this on my own

[Lynx]

weareallone,

I think that would depend on how exactly ₪» ⅀ ƪ Ƒ «₪ set his idea up. My code may work as is inside an {if} statement, but it may need modification(s). I'd have to see how ₪» ⅀ ƪ Ƒ «₪ set that end up to see if my code needed changing.

[weareallone]

Jun 25, 2018 21:14:55 GMT -8 Lynx said:

weareallone ,

I think that would depend on how exactly ₪» ⅀ ƪ Ƒ «₪ set his idea up. My code may work as is inside an {if} statement, but it may need modification(s). I'd have to see how ₪» ⅀ ƪ Ƒ «₪ set that end up to see if my code needed changing.

Thanks again, MSG. You are a huge help!

I went ahead and just added your code to my global header.

It seems to not be collapsing but it now offers more options such as Quotes, Perma Quotes, and more! Which is kind of cool but it is not collapsing for some reason. I really hate to be such a bother, I know how it is with codes and I just really appreciate your time. Not sure if it is interfering with the proboards default theme or something but not sure.

[Lynx]

weareallone,

The code's not working because the title bar has been removed - which is what the code looks for.

[₪» ⅀ ƪ Ƒ «₪]

Lynx could you change
$('.container.posts.summary > .title-bar').click(function() {
to adhere to a different class so they can insert it into their layout templates? Something like
<div class="clickablethreadsummary">Click here to collapse</div>
?

Also, for custom profile fields, I was going to do something like this:

{foreach $[current_user.custom_field]}
{if $[current_user.custom_field.name] == "Thread Summary"}
{if $[current_user.custom_field.value] == "Visible"}

- the rest of the template would go here, causing any of the thread summary layout template coding to apply ONLY if the custom profile field named Thread Summary has the "Visible" checkbox marked or radio button selected or whatever other option is chosen for selecting it in edit profile > personal -

then at the bottom just
{/if}
{/if}
{/foreach}

I would test it out and such before giving the final code, but off the top of my head that should work.

[Lynx]

₪» ⅀ ƪ Ƒ «₪,

Looking at their forum, the title bar was removed and has tabs in its place instead. Not sure if they want it attached to a tab, but should be doable if they do - perhaps the Summary tab could be the clickable tab. This is in place of the normal title bar:

[weareallone]

Jun 27, 2018 7:17:35 GMT -8 Lynx said:

₪» ⅀ ƪ Ƒ «₪ ,

Looking at their forum, the title bar was removed and has tabs in its place instead. Not sure if they want it attached to a tab, but should be doable if they do - perhaps the Summary tab could be the clickable tab. This is in place of the normal title bar:

Sorry for all the confusion. Trying to keep this as simple as I can for you guys. I was not sure how the title bar was removed, unsure if this is default with proboards dark theme? This is the only theme I use for now, which is just the darker proboards default version.

I just went ahead and added this code
<!-- Make Thread Summary Title Bar clickable to show or hide -->
<script>
   $(document).ready(function() {
       if (pb.data('route').name == "new_post") {
           $('.container.posts.summary > .title-bar').click(function() {
               $('.content > table').slideToggle('normal');
           });
       }
   });
</script>And it converted it into tabs. Not sure if this was the intention or if it is something on my end but I appreciate how far we are getting, though I feel like I am not doing much to contribute here.

Is there anything I can do or need to do to get the code to work? I am not sure what could be interfering with it

[₪» ⅀ ƪ Ƒ «₪]

Alright let's take baby steps. Right now your thread summary is a tab with a few other quote-y options; a default thread summary doesn't have tabs, so this one is a bit different and we'll need to experiment with how it works.

I want to see what all coding is dependent on your thread summary since there are other tabs involved.

Can you please go to admin > structure > layout templates > posting page > thread summary.

At the very very top, put:
<!--

At the very very bottom, put:
-->

This should turn the entire thing brown. This is basically making that entire code inactive / canceled out / muted so that we can see what happens when the thread summary is "removed."

There is a bit more I could remove in the posting page but I want to start with this. =3

[weareallone]

Jul 2, 2018 7:42:02 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

Alright let's take baby steps. Right now your thread summary is a tab with a few other quote-y options; a default thread summary doesn't have tabs, so this one is a bit different and we'll need to experiment with how it works.

I want to see what all coding is dependent on your thread summary since there are other tabs involved.

Can you please go to admin > structure > layout templates > posting page > thread summary.

At the very very top, put:
<!--

At the very very bottom, put:
-->

This should turn the entire thing brown. This is basically making that entire code inactive / canceled out / muted so that we can see what happens when the thread summary is "removed."

There is a bit more I could remove in the posting page but I want to start with this. =3

Thank you for the baby steps! It helps my nooby butt sometimes

I went ahead and added those <!--

-->

also, just for heads up, I removed this code a few days ago, do you want me to add it back in?

<!-- Make Thread Summary Title Bar clickable to show or hide -->
<script>
$(document).ready(function() {
if (pb.data('route').name == "new_post") {
$('.container.posts.summary > .title-bar').click(function() {
$('.content > table').slideToggle('normal');
});
}
});
</script>
Thank you for sticking with me! I really appreciate the help

this is how it looks now

i.imgur.com/DT5lhqL.png