Back to vBulletin 3.7 Template Modifications

Close / Open Thread Via Quick Reply
Mod Version: 2008.05.25, by Viper007Bond

This modification is in the archives.
vB Version: 3.7.0 Rating: (1 vote - 5.00 average) Installs: 32
Released: 23 May 2008 Last Update: 25 May 2008 Downloads: 124
Not Supported Template Edits Re-usable Code Translations  

I wanted to be able to close and open threads as I left my reply via the quick reply box, so I wrote this little template mod.



Features
  • Checkbox at the bottom of the quick reply box to toggle the current status. Only shows up for people with proper permissions.
  • Javascript is used to update the reply buttons (to change them from "Reply" to "Closed" and visa-versa).
  • Javascript is used to change the text next to the checkbox saying what will happen when you reply.

Installation

It's a fairly easy install and only requires editing one template (SHOWTHREAD), and importing a product (for the language phrases). The following instructions are for the default theme, but custom themes will probably be really similiar.

Download and install the product. This will create the new language phrases so you can translate this hack to your liking.

Then open up "SHOWTHREAD" and find this code. It's for the top reply button.

HTML Code:
	<if condition="$show['largereplybutton']">
		<td class="smallfont"><a href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;p=$FIRSTPOSTID" rel="nofollow"><if condition="$show['closethread']"><img src="$stylevar[imgdir_button]/reply.gif" alt="$vbphrase[reply]" border="0" /><else /><img src="$stylevar[imgdir_button]/threadclosed.gif" alt="$vbphrase[closed_thread]" border="0" /></if></a></td>
	<else />

You will need to give both the open (reply.gif) and the closed (threadclosed.gif) <img> tags a new CSS class called "replybutton" so that the Javascript can update them.

So for the default theme, that would result in this:

HTML Code:
	<if condition="$show['largereplybutton']">
		<td class="smallfont"><a href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;p=$FIRSTPOSTID" rel="nofollow"><if condition="$show['closethread']"><img src="$stylevar[imgdir_button]/reply.gif" alt="$vbphrase[reply]" border="0" class="replybutton" /><else /><img src="$stylevar[imgdir_button]/threadclosed.gif" alt="$vbphrase[closed_thread]" border="0" class="replybutton" /></if></a></td>
	<else />

Now do the same thing for the bottom reply button (same HTML).

Now we need to add the new code to the bottom of the quick reply box (same template).

Find this code which is the HTML for the "quote message in post" checkbox:

HTML Code:
							<label for="qr_quickreply"><input type="checkbox" name="quickreply" value="1" id="qr_quickreply" accesskey="w" tabindex="4" />$vbphrase[quote_message_in_reply]</label>
						</div>
					</fieldset>

After that (and before what is probably a </div>), add all of this:

HTML Code:
<if condition="$show['openclose']">
					<fieldset class="fieldset" style="margin:$stylevar[formspacer]px 0px 0px 0px">
						<legend>$vbphrase[viper_opencloseqr_thread_management]</legend>
						<div style="padding:3px">
							<div>
								<label for="cb_openclose"><input type="checkbox" name="openclose" value="1" id="cb_openclose" tabindex="1" /><span id="qr_openclosestatus"><if condition="$show['closethread']">$vbphrase[viper_opencloseqr_close_thread]<else />$vbphrase[viper_opencloseqr_open_thread]</if></span></label>
							</div>
						</div>
					</fieldset>
					<script type="text/javascript">
					/* <![CDATA[ */
						// Current thread status recorder
						var viperThreadOpen = <if condition="$show['closethread']">true<else />false</if>;
						// Run the custom function when the quick reply form is submitted
						YAHOO.util.Event.addListener(document.getElementById("qrform"), "submit", viperQuikyReply);
						// Do some stuff when the form is submitted
						function viperQuikyReply() {
							var viperOpenCloseCheckbox = document.getElementById("cb_openclose");
							var viperQRTextareaChars = document.getElementById("vB_Editor_QR_textarea").value.length;
							var viperReplyButtonIMG;
							// If the checkbox wasn't checked or the message was too short (simple check), abort
							if ( viperOpenCloseCheckbox.checked == false || viperQRTextareaChars == 0 || viperQRTextareaChars < $vboptions[postminchars] ) return;
							// Uncheck the checkbox
							viperOpenCloseCheckbox.checked = false;
							// Change the text and set the reply button image filename
							if ( viperThreadOpen == true ) {
								document.getElementById("qr_openclosestatus").innerHTML = "$vbphrase[viper_opencloseqr_open_thread]";
								viperReplyButtonIMG = "threadclosed.gif";
								viperThreadOpen = false;
							} else {
								document.getElementById("qr_openclosestatus").innerHTML = "$vbphrase[viper_opencloseqr_close_thread]";
								viperReplyButtonIMG = "reply.gif";
								viperThreadOpen = true;
							}
							// Get all reply buttons via the new class
							var replybuttons = YAHOO.util.Dom.getElementsByClassName("replybutton", "img");
							// Loop through each reply button and change it's image URL
							var i;
							for (i in replybuttons) {
								replybuttons[i].src = "$stylevar[imgdir_button]/" + viperReplyButtonIMG;
							}
						}
					/* ]]> */
					</script>
</if>

Save and you're all done!

Oh, and don't forget to !

Download

This modification is archived, downloads are still allowed.

File Type: %1$s product-viper_opencloseqr.xml (1.3 KB, 127 downloads)

Screenshots

Click image for larger version
Name:	quickreplycloseopen.png
Views:	1406
Size:	11.4 KB
ID:	81164  

Similar Mods

Close/open thread via quick reply vBulletin 3.6 Template Modifications
Quick Reply Thread Management: Open/Close & Stick/Unstick in Quick Reply Box vBulletin 3.0 Full Releases
Quick Reply Box (with Close/Open thread switch) vBulletin 2.x Full Releases

vblts.ru supports vBulletin®, 2022-2024