BB Code Enhancements - BB Code [table]

BB Code [table]
by StGaensler

Description
This Hack provides a BB code [table] to add a table to the post
The skin of the table automatically fits the style because the CSS classes of vBulletin are used.

A table is simply made of some lines (will be the rows). The cols are seperated by |. So this will be a table:

[table="head"]head col1|head col2|head col3
row1 col1|row1 col2|row1 col3
row2 col1|row2 col2|row2 col3[/table]

A screenshot of a "ready" table is attached

Usage

1. install attached product XML through product manager (overwrite existing)
2. install at least one language pack in AdminCP -> Languages & Phrases -> Download / Upload Languages -> Import Language XML File
   Important: Select the language you want to import the phrases into, not "(Create New Language)" - this won't work! If you use another version of vBulletin than I use enable "Ignore Language Version" to import the language pack.

Please note: (installing)
Installing this product will: (reverted during uninstall)

1. rename a existing BB code "table" to "table_saved"
2. add a new BB code [table]

If you want to have live sortable columns (JavaScript): Download attached sorttable.js.txt rename it to sorttable.js and place it into the /clientscript/ folder of your vBulletin. Then go to AdminCP -> vBulletin Options -> BB Code [table] Settings -> Enabled Features Of This BB Code and enable sortable
Note: Including the file on the webpages where it is necessary is done by my product. So if sortable is disabled, it won't be included automatically.
If you want to have a icon for the editor you may use this for free: Download this icon and place it in your /images/editor/ folder.

Please note: (usage)

• Of course you can use vB Code and smilies inside the table!
• The first line defines how much columns are in the table. If the other lines have more or less colums they are cut off or filled with   (space)
• You can find a detailed description of the options (please read it before requesting help)
• Empty rows are (should be ) removed.

New features

• define colspan of cells
• small panel in AdminCP
• define CSS class of table and tablerows
• live sorting of table through clicking the head of a column
• defining maximum width of a table

Maybe planned features

• detailed description of the vB Code in misc.php?do=bbcode depending on the features enabled in AdminCP (planned for next beta version)
• define formatting (bold, italic), align (left, right, center) and width of the cols

Suggested but not planned features

• none

Known problems

• Bugfix of version 0.1.1 doesn't work if vBulletin should write template names into the source code

Version history:
0.0.1 - 0.0.5 internal releases for testing purposes (Thanks to Zombie79 from powerforen.de for testing)
0.1 first official release
0.1.1 fixed small bug: if a line ends with eg vbcode quote no new row was generated (should already have been fixed but did not work)
0.1.2 workaround: removed call to function bcmod(), it could also be done another way
0.1.3.x beta version described here (and following) - added admin panel, colpan and css feature
0.1.4 stable version - no significant changes to the last beta (0.1.3.8)
0.1.5.x beta version described here (and following) - added sortable, maxwidth, versioncheck, upgrade message, compatibility to vB 3.6
0.1.6 stable version - two bugfixes to last beta, {br} for posting linebreaks in a tablecell
0.1.7.x stable version - compatibility to vB 3.7 (description) - added tab seperated tables

This hack can be used for free. If you want to make a small donation, just contact me. We will find a way
I don't want this product to be distributed from other sources. Please don't upload it to other vBulletin related boards etc.

[apokphp]

There's a mod for 4.x already.

https://vborg.vbsupport.ru/showthread.php?t=250812

[Goonie]

That mod for 4.x confuses the hell out of me.

If I install this mod 3.8.x on my 4.0.7 forum it should work???

[KrisP]

It would be nice if the mouseover the table icon showed:

Example: [table="head"]head col1|head col2|head col3
row1 col1|row1 col2|row1 col3
row2 col1|row2 col2|row2 col3[/table]

Otherwise users wouldnt have a clue...

Alternatively simply inserted the example for editing.

Also | is very hard to find on the keyboard.

[KrisP]

Seems it renders the table inside code tags for me ?

[msolano]

Hello. I need help from the coder or some vb guru. I installed this many years ago but when I upgraded to vb4 I uninstalled it.

My problem is simple: the icon for this bbcode is appearing in my editor even the mod was uninstalled.

What could I check or how to eliminate it?

[Pod]

Originally Posted by msolano

Hello. I need the coder or some vb guru. I installed this many years ago but when I upgraded to vb4 I uninstalled it.

My problem is simple: the icon for this bbcode is appearing in my editor even the mod was uninstalled.

What could I check or how to eliminate it?

Probably you only need to delete the bbcode at admincp > Custom BB Codes > BB Code Manager..

[msolano]

Originally Posted by Pod

Probably you only need to delete the bbcode at admincp > Custom BB Codes > BB Code Manager..

Thank you but I forgot to tell you that I double checked bbcode and plugin tables, there isn't rows about this bbcode. Although I use APC I selected datastore table registries and found it, I update the row but nothing changed.

What else can I check?

[msolano]

Just for those that have this problem: I updated datastore table to delete the information about this mod, then I cleaned the vb cache. That's it!

[Alfa1]

Does this work on vb4.1?

[mawby]

I've had this installed since the early 3.8 days and I've got this working for vB4.1.0 with sorting still enabled. It's very hacky though so if you're not confident with hacking files then please don't follow these instructions as I offer no support for this - it is simply a list of things I did to get it working.

1) I added the items to additional.css as instructed here.

2) I edited the "link sorttable javascript in <head>-section" plugin to remove the IMGDIR_BUTTON reference, resulting in...

PHP Code:

if(($vbulletin->options['stg_table_options']&64)&&in_array(THIS_SCRIPT, array('announcement','calendar','editpost', 'newreply','newthread','private','showpost','showthread','usernote'))){
    $output = str_replace('</head>',"\t".'<style type="text/css">'."\n\t\tspan.sortarrow {position:absolute;}\n\t\tspan.sortarrow img {border:0;}\n\t\ta.sortheader {text-decoration:none; display:block; width:100%;}\n\t</style>\n\t".'<script type="text/javascript">'."\n\t".'</script>'."\n\t".'<script type="text/javascript" src="clientscript/sorttable.js"></script>'."\n".'</head>',$output);
} 


3) I edited the clientscript/sorttable.js file and replace the IMGDIR_BUTTON references with hard coded paths, so this...

	if (span.getAttribute("sortdir") == 'down') {
		ARROW = '&nbsp;<img src="' + IMGDIR_BUTTON + '/sortasc.gif" />';
		newRows.reverse();
		span.setAttribute('sortdir','up');
	} else {
		ARROW = '&nbsp;<img src="' + IMGDIR_BUTTON + '/sortdesc.gif" />';
		span.setAttribute('sortdir','down');
	}

...becomes this on my site...

        if (span.getAttribute("sortdir") == 'down') {
                ARROW = '&nbsp;<img src="images/buttons/sortasc.png" />';
                newRows.reverse();
                span.setAttribute('sortdir','up');
        } else {
                ARROW = '&nbsp;<img src="images/buttons/sortdesc.png" />';
                span.setAttribute('sortdir','down');
        }

3) I edited the "parse vBCode table" plugin to remove the thead class reference, so...

PHP Code:

        #if a head is specified, make it
        if($bbcode_table['head']['enabled']==true){
            $table_head = '<thead class="thead"><tr><th'.implode('</th><th',$table_head).'</th></tr></thead>';
        }else{
            $table_head = '';
        } 


...becomes...

PHP Code:

        #if a head is specified, make it
        if($bbcode_table['head']['enabled']==true){
            $table_head = '<thead><tr><th'.implode('</th><th',$table_head).'</th></tr></thead>';
        }else{
            $table_head = '';
        } 


4) Within the same plugin I had to add the restore class to the table tag, so...

PHP Code:

        if (strlen($bbcode_table['css']['table'])>0){
            $table_html = '<table class="stg_table tborder stg_table_'.$bbcode_table['css']['table'];
        }else{
            $table_html = '<table class="stg_table tborder';
        } 


...becomes...

PHP Code:

        if (strlen($bbcode_table['css']['table'])>0){
            $table_html = '<table class="stg_table tborder restore stg_table_'.$bbcode_table['css']['table'];
        }else{
            $table_html = '<table class="stg_table tborder restore';
        } 


5) I ran the option: AdminCP -> Maintenance -> Update Counters -> Rebuild Post Cache

I want to reiterate, the above is simply what I've done to my site to get it working with the sort. I make no guarantee that it is the correct way to fix this or that it will work for anyone else.

With that said, I hope the above proves useful to someone.