[ABD] Collapsible Categories

[ChriZathens]

Hi Brf, nice and handfull mod!!!
I was wondering if you could shed some light about something extra I need..
I have recent topics by nickvergessen installed and would like to add the collapsing functionality to the recent topics, too.
Here is the recent_topics_body.html:

Code: Select all

<!-- $Id: recent_topics_body.html 68 2008-01-06 01:03:56Z nickvergessen $ -->
<!-- IF PAGINATION -->
	<div class="pagination">
		{PAGE_NUMBER}<!-- IF PAGINATION --> &bull; <span>{PAGINATION}</span><!-- ENDIF -->
	</div>
<!-- ENDIF -->
<!-- BEGIN recenttopicrow -->
	<!-- IF not recenttopicrow.S_TOPIC_TYPE_SWITCH and not recenttopicrow.S_FIRST_ROW -->
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<!-- ENDIF -->

	<!-- IF recenttopicrow.S_FIRST_ROW or not recenttopicrow.S_TOPIC_TYPE_SWITCH -->
		<div class="forumbg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
				<dt>{L_RECENT_TOPICS}</dt>
					<dd class="posts">{L_REPLIES}</dd>
					<dd class="views">{L_VIEWS}</dd>
					<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
				</dl>
			</li>
		</ul>
		<ul class="topiclist topics">
	<!-- ENDIF -->
	
		<li class="row<!-- IF recenttopicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
			<dl class="icon" style="background-image: url({recenttopicrow.TOPIC_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				<dt style="<!-- IF recenttopicrow.TOPIC_ICON_IMG -->background-image: url({T_ICONS_PATH}{recenttopicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;<!-- ENDIF -->" title="{recenttopicrow.TOPIC_FOLDER_IMG_ALT}"><!-- IF recenttopicrow.S_UNREAD_TOPIC --><a href="{recenttopicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><a href="{recenttopicrow.U_VIEW_TOPIC}" class="topictitle">{recenttopicrow.TOPIC_TITLE}</a><!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --> &bull; <a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a> &bull; <!-- ENDIF -->
					<!-- IF recenttopicrow.S_TOPIC_UNAPPROVED or recenttopicrow.S_POSTS_UNAPPROVED --><a href="{recenttopicrow.U_MCP_QUEUE}">{recenttopicrow.UNAPPROVED_IMG}</a> <!-- ENDIF -->
					<!-- IF recenttopicrow.S_TOPIC_REPORTED --><a href="{recenttopicrow.U_MCP_REPORT}">{REPORTED_IMG}</a><!-- ENDIF --><br />
					<!-- IF recenttopicrow.PAGINATION --><strong class="pagination"><span>{recenttopicrow.PAGINATION}</span></strong><!-- ENDIF -->
					<!-- IF recenttopicrow.ATTACH_ICON_IMG -->{recenttopicrow.ATTACH_ICON_IMG} <!-- ENDIF -->{L_POST_BY_AUTHOR} {recenttopicrow.TOPIC_AUTHOR_FULL} {L_POSTED_ON_DATE} {recenttopicrow.FIRST_POST_TIME}
					<!-- IF recenttopicrow.U_VIEW_FORUM and recenttopicrow.FORUM_NAME --><br />{L_IN} <a href="{recenttopicrow.U_VIEW_FORUM}" style="font-weight: bold;">{recenttopicrow.FORUM_NAME}</a><!-- ENDIF -->
				</dt>
				<dd class="posts">{recenttopicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
				<dd class="views">{recenttopicrow.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
				<dd class="lastpost"><span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} {recenttopicrow.LAST_POST_AUTHOR_FULL}
					<a href="{recenttopicrow.U_LAST_POST}">{LAST_POST_IMG}</a> <br />{L_POSTED_ON_DATE} {recenttopicrow.LAST_POST_TIME}</span>
				</dd>
			</dl>
		</li>

	<!-- IF recenttopicrow.S_LAST_ROW -->
			</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<!-- ENDIF -->

<!-- BEGINELSE -->
	<div class="panel">
		<div class="inner"><span class="corners-top"><span></span></span>
		<strong>{L_NO_TOPICS}</strong>
		<span class="corners-bottom"><span></span></span></div>
	</div>
<!-- END recenttopicrow -->

I changed it to :

Code: Select all

<script type="text/javascript">
// <![CDATA[
var myurl = "{S_AJAX_COLLAPSE_ACTION}";
//]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/ccat.js"></script>
<!-- $Id: recent_topics_body.html 68 2008-01-06 01:03:56Z nickvergessen $ -->
<!-- IF PAGINATION -->
	<div class="pagination">
		{PAGE_NUMBER}<!-- IF PAGINATION --> &bull; <span>{PAGINATION}</span><!-- ENDIF -->
	</div>
<!-- ENDIF -->
<!-- BEGIN recenttopicrow -->
	<!-- IF not recenttopicrow.S_TOPIC_TYPE_SWITCH and not recenttopicrow.S_FIRST_ROW -->
		</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<!-- ENDIF -->

	<!-- IF recenttopicrow.S_FIRST_ROW or not recenttopicrow.S_TOPIC_TYPE_SWITCH -->
		<div class="forumbg">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
				<dt>{L_RECENT_TOPICS}</dt>
					<dd class="posts">{L_REPLIES}</dd>
					<dd class="views">{L_VIEWS}</dd>
						<dd class="lastposthdr">{L_LAST_POST}</dd>
						<dd class="cchdr"><span><input type="button" class="{forumrow.COLLAPSE_CLASS}" value=" " onclick="flipf(this,'{forumrow.FORUM_ID}');" /></span></dd>
				</dl>
			</li>
		</ul>
		<ul class="topiclist topics" id="flist{forumrow.FORUM_ID}" {forumrow.S_COLLAPSE}>
	<!-- ENDIF -->
	
		<li class="row<!-- IF recenttopicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
			<dl class="icon" style="background-image: url({recenttopicrow.TOPIC_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				<dt style="<!-- IF recenttopicrow.TOPIC_ICON_IMG -->background-image: url({T_ICONS_PATH}{recenttopicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;<!-- ENDIF -->" title="{recenttopicrow.TOPIC_FOLDER_IMG_ALT}"><!-- IF recenttopicrow.S_UNREAD_TOPIC --><a href="{recenttopicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><a href="{recenttopicrow.U_VIEW_TOPIC}" class="topictitle">{recenttopicrow.TOPIC_TITLE}</a><!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --> &bull; <a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a> &bull; <!-- ENDIF -->
					<!-- IF recenttopicrow.S_TOPIC_UNAPPROVED or recenttopicrow.S_POSTS_UNAPPROVED --><a href="{recenttopicrow.U_MCP_QUEUE}">{recenttopicrow.UNAPPROVED_IMG}</a> <!-- ENDIF -->
					<!-- IF recenttopicrow.S_TOPIC_REPORTED --><a href="{recenttopicrow.U_MCP_REPORT}">{REPORTED_IMG}</a><!-- ENDIF --><br />
					<!-- IF recenttopicrow.PAGINATION --><strong class="pagination"><span>{recenttopicrow.PAGINATION}</span></strong><!-- ENDIF -->
					<!-- IF recenttopicrow.ATTACH_ICON_IMG -->{recenttopicrow.ATTACH_ICON_IMG} <!-- ENDIF -->{L_POST_BY_AUTHOR} {recenttopicrow.TOPIC_AUTHOR_FULL} {L_POSTED_ON_DATE} {recenttopicrow.FIRST_POST_TIME}
					<!-- IF recenttopicrow.U_VIEW_FORUM and recenttopicrow.FORUM_NAME --><br />{L_IN} <a href="{recenttopicrow.U_VIEW_FORUM}" style="font-weight: bold;">{recenttopicrow.FORUM_NAME}</a><!-- ENDIF -->
				</dt>
				<dd class="posts">{recenttopicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
				<dd class="views">{recenttopicrow.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
				<dd class="lastpost"><span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} {recenttopicrow.LAST_POST_AUTHOR_FULL}
					<a href="{recenttopicrow.U_LAST_POST}">{LAST_POST_IMG}</a> <br />{L_POSTED_ON_DATE} {recenttopicrow.LAST_POST_TIME}</span>
				</dd>
			</dl>
		</li>

	<!-- IF recenttopicrow.S_LAST_ROW -->
			</ul>
		<span class="corners-bottom"><span></span></span></div>
	</div>
	<!-- ENDIF -->

<!-- BEGINELSE -->
	<div class="panel">
		<div class="inner"><span class="corners-top"><span></span></span>
		<strong>{L_NO_TOPICS}</strong>
		<span class="corners-bottom"><span></span></span></div>
	</div>
<!-- END recenttopicrow -->

It works but the strange thing is that in every page refresh the images are lost . This is a screen on a page refresh (The upper image is the last forum collapsed. The square box is from recent_topics_body.html):

You see the white square instead of your image?
If I click on the white square box your image appears:

From there it shows the images, but after the next refresh again they dissapear..The collapsing effect works normally.
Any ideas??

EDIT: I just noticed that it does not save the state of the category, either...

[Brf]

In your "recent topics" section, you are not within the forumrow loop, so all of those tags are invalid. The picture is missing because the

Code: Select all

class="{forumrow.COLLAPSE_CLASS}" 

is invalid

[ChriZathens]

So I guess I'll have to enter it in recenttopicrow loop, since there is no forumrow loop there, is this what you mean?
I'll give it a try.. thanks...

[Brf]

You will need to add code to your PHP file to assign values to those tags too.

[ChriZathens]

You will need to add code to your PHP file to assign values to those tags too.

Sorry I did not get this last one... regarding the loop I will edit the relative php file (it is functions_recenttopics)
Is this what you mean with your last post?

[Brf]

Yes. You would have to assign values to those tags in that procedure, much as this mod does already in functions_display.
That would also involve finding a way to store your collapse settings in the database. Currently the forum_ids are stored in a custom profile field. You might want to make a second field to store your values.

[ChriZathens]

Ok, thanks a lot, man

[akk89]

Hi there.

I've tried to install this mod once and again, but i've encountered with some problems.

I'm kinda new on this, so when i just saw the instructions for prosilver and subsilver, i tried to modify them for my actual theme (Hestia blue), but couldn't success on it, as the buttons didn't appeared so couldn't use it.

Any help on this?

[moselekm]

Works great! It is exactly what I have been needing. A question though, the forum bar is now a bit ill positions text wise, www.bakubrawl.com is my site and the Last Topic is pushed over, is there a way to fix that?

[Brf]

Code: Select all

	<dd class="lastpost"><span>Last post</span></dd>
		
						<dd class="lastposthdr">Last post</dd>

You were supposed to remove that first line, since it is replaced by the second.

[corun]

Hello,

i got a question about the installation guidline, particularly about the following steps:

DIY Instructions

These are manual instructions that cannot be performed automatically. You should follow these instructions carefully.

Browse to ACP / Users & Groups / Users / Custom profile fields
Type "fcol" (without the quotes) into the Add box
Select Textarea in the dropdown
Click Create new field
Select "No" for Display profile field
Select "Hide profile field" for Visibility Option
Type "Forum Collapse Data" (without quotes) for Field name/title
Type "Comma-delimited list of categories to collapse" (without quotes) for Field description.
Set Default value to 0 (zero).
Click Save.
Leave profile specific options at default values.
Click Save.

After i had accomplished these steps i got an error message like

"something can´t be translated correctly....."

I attempt to solve this message but it always occured again...., so i decided to leave the above mentioned entry in the ACP. Actually the Mod works very well without it, so pls could you tell me if the entry is necessery for correct function of your mod ? Or in other words what does this entry bring about ?

Tanks for you help ^^

[Brf]

It wants a Name and Description in your other languages

[BjörnK]

Hi, would there be a problem using this mod with prosilverSE?.
As I understand it works great with prosilver but personally I
prefer prosilver Special Edition and want to use this mod.

TIA

//BjornK

[Brf]

You can use it with whatever style you want. I will not guarantee the edits would be the same though.

[MKTemraz]

How to remove this from beside the image:

Code: Select all

DL>

and how to change the background color of the image?

and how to decrease the the hight of the category bar?

and how to increase the font size of the category name?



anybody can help with any question ? ..... sorry to much talk