TidyUserCP

**WhiskeySix** · 05-28-2007, 02:53 AM

Inspired by Wyzcrak's Search Results Legend and One Line Results scripts, I decided to dive into DOM/Javascript and take a whack at tidying up the User Control Panel. There are a few more things I'd like to clean up, but this version hits most of the major things:

Reduces Subscribed Threads table from three lines of text per thread to one line of text per thread.
Adds an icon representing the forum of each subscribed thread
Adds a link to the parent forum of each subscribed thread (by clicking the icon).
Adds Unsubscribe from thread/forum buttons at right of each subscribed thread/forum.
Deletes icon and replaces it with more a larger, more intuitive version.
Reduces Subscribed Forums table from three lines to two.
Adds mouse-over pop-up text to most buttons/links.

Before:

After:

Once you have Firefox and GreaseMonkey installed, install/enable this script simply by clicking here: tidyusercp.user.js

Comments, questions, suggestions (and bug reports

) welcome!

**Ferris Bueller** · 05-28-2007, 04:19 AM

Shweeeeet....I've been hoping for something like this! +Rep for sure!

**Wimpinator** · 05-29-2007, 01:00 AM

Installed. Very cool work Whiskey. Interestingly the script only compresses the subscribed forums section if there is a thread subscribed as well. I also didn't know that you could subscribe to an entire forum until I saw your screen shot.

**WhiskeySix** · 05-30-2007, 07:34 PM

Made several bug-fixes and improvements in this updated version: cleanusercontrolpanel.v01.user.js.

Preview: with / without

**Wyzcrak** · 05-31-2007, 12:53 AM

This is so fun to see. Whiskey, I've not spent much time on this stuff since Evan was born (Nov), but we're starting to see more and more pre-11PM bedtimes, and I'm ready to spend some more time working on GM scripts for us.

Is it true that the scripts run in sequence as you dictate in your 'Manage User Scripts' window?

I've got this idea to map out certain pages to "id" elements of interest within the markup. The idea is that all other scripts use these "IDs" (which vbulletin doesn't provide) when referencing stuff on the page.

This way, when Apo changes the site, we need only make corrections to the "TGDOM" (or whatever) reference userscript.

Make sense?

**WhiskeySix** · 05-31-2007, 01:40 AM

Hmm.. not sure I follow exactly... what do you mean by "map out certain pages to "id" elements"?

The main problem I've come across is that not all objects have unique ID's. Only some of the major containers have id's, such as the "collapseobj_usercp_forums" and 'collapseobj_usercp_subthreads' tables.

Are you suggesting we have a GM script (which runs before all others) that goes through and assigns ID's to objects? If so, it's a cool idea. Subsequent scripts could be much simpler if standardized 'street signs' are put up in each page.

**Wyzcrak** · 05-31-2007, 02:00 AM

That's exactly what I'm suggesting. Elements could be given IDs (e.g. 'tg_topnavbar_MembersList', 'tg_Logout_link', etc -- these are horrible examples.. there's got to be a solid naming convention to cover the entire site.. but you get the idea) we use in other scripts.

Again, though, this idea is key on scripts running sequentially, which I've yet to test/be told.

**WhiskeySix** · 09-20-2007, 12:31 AM

updated/fixed: http://www.tacticalsites.com/~whiske...lpanel.user.js

Acreo Aeneas · 09-25-2007, 12:24 AM

Nice. I like it.

**WhiskeySix** · 12-14-2007, 06:54 PM

Updated with latest icon set. cleanusercontrolpanel.user.js

**WhiskeySix** · 01-25-2008, 02:50 AM

Quote:

Originally Posted by WhiskeySix

Updated with latest icon set. cleanusercontrolpanel.user.js

again

**WhiskeySix** · 03-22-2008, 04:14 PM

Updated with latest icon set. cleanusercontrolpanel.user.js

(Ikariam, Sins of a Solar Empire, IHS Barracks, etc.)

**ZaBoo** · 03-23-2008, 01:57 PM

Guys, haven't personally used Greasemonkey but am very involved in web application development, and "web 2.0". If your having problems selecting certain elements you should look into a javascript framework such as jQuery. It provides many ways to select elements by css, positioning, etc. Could probably save you some time, and get much more functionality - at the cost of a few extra kb download.

http://jquery.com/
http://docs.jquery.com/Selectors
http://joanpiedra.com/jquery/greasemonkey/

Cheers,
ZaBoo

05-28-2007, 02:53 AM	#1 (permalink)
WhiskeySix Join Date: Oct 2005 Location: Gillette Stadium, Section 309, Row 12, Seat 24 Age: 33 Posts: 8,526	TidyUserCP Inspired by Wyzcrak's Search Results Legend and One Line Results scripts, I decided to dive into DOM/Javascript and take a whack at tidying up the User Control Panel. There are a few more things I'd like to clean up, but this version hits most of the major things: Reduces Subscribed Threads table from three lines of text per thread to one line of text per thread. Adds an icon representing the forum of each subscribed thread Adds a link to the parent forum of each subscribed thread (by clicking the icon). Adds Unsubscribe from thread/forum buttons at right of each subscribed thread/forum. Deletes icon and replaces it with more a larger, more intuitive version. Reduces Subscribed Forums table from three lines to two. Adds mouse-over pop-up text to most buttons/links. Before: After: Once you have Firefox and GreaseMonkey installed, install/enable this script simply by clicking here: tidyusercp.user.js Comments, questions, suggestions (and bug reports ) welcome! __________________ *PoE2 Version 2.5 Overview \| Get started with PoE2 (for free!)* Last edited by WhiskeySix; 05-28-2007 at 03:23 AM.

05-28-2007, 04:19 AM	#2 (permalink)
Ferris Bueller Join Date: Sep 2006 Location: Orlando, FL Age: 26 Posts: 5,159	Re: TidyUserCP Shweeeeet....I've been hoping for something like this! +Rep for sure! __________________ \|TG-6th\|Ferris Bueller Important TG Reading \| Support TG - Become a Supporting Member \| TacticalWiki - Your TG Guide Kicked/Banned? READ THIS FIRST! \| Complete list of TG Admins \| Think Someone Did A Good Job? Nominate Them For a Ribbon! Report Problem Players/Appeal Your Ban \| Learn TG - The TG Mentoring Program __________________ "Never underestimate the power of human stupidity." -Lazarus Long

05-29-2007, 01:00 AM	#3 (permalink)
Wimpinator Join Date: Jan 2006 Location: United states, TN Age: 36 Posts: 2,988	Re: TidyUserCP Installed. Very cool work Whiskey. Interestingly the script only compresses the subscribed forums section if there is a thread subscribed as well. I also didn't know that you could subscribe to an entire forum until I saw your screen shot. __________________ \|TG-6th\|Wimpinator BF2 Rules and SOP's\|Teamspeak information\|TG on IRC

05-30-2007, 07:34 PM	#4 (permalink)
WhiskeySix Join Date: Oct 2005 Location: Gillette Stadium, Section 309, Row 12, Seat 24 Age: 33 Posts: 8,526	Re: TidyUserCP Made several bug-fixes and improvements in this updated version: cleanusercontrolpanel.v01.user.js. Preview: with / without __________________ *PoE2 Version 2.5 Overview \| Get started with PoE2 (for free!)*

05-31-2007, 12:53 AM	#5 (permalink)
Wyzcrak Join Date: May 2003 Location: Memphis, TN Posts: 14,148	Re: TidyUserCP This is so fun to see. Whiskey, I've not spent much time on this stuff since Evan was born (Nov), but we're starting to see more and more pre-11PM bedtimes, and I'm ready to spend some more time working on GM scripts for us. Is it true that the scripts run in sequence as you dictate in your 'Manage User Scripts' window? I've got this idea to map out certain pages to "id" elements of interest within the markup. The idea is that all other scripts use these "IDs" (which vbulletin doesn't provide) when referencing stuff on the page. This way, when Apo changes the site, we need only make corrections to the "TGDOM" (or whatever) reference userscript. Make sense? __________________ Steam Community? Add me. \| Join #tacticalgamer \| Search Results Legend \| New Posts Forum Filter \| Postbox Toggle \| Live Thread Review \| One Line Results \| Free Remote, Encrypted Backup Darkilla: In short, NS is pretty much really fast chess. With guns. Apophis: I haven't seen anyone say that SM's are better than non-SMs. Nordbomber: This is THE first server I've seen where either side can comeback from out of seemingly nowhere with the right teamwork. en4rcment: I have NEVER experienced the type of gameplay that I have found here. Nightly I am amazed at the personalities and gaming talent. Root: Welcome to TG. Feel free to punctuate your sentences correctly. Monkerz: Its gonna take all my skills to beat those boys off in the future.

05-31-2007, 01:40 AM	#6 (permalink)
WhiskeySix Join Date: Oct 2005 Location: Gillette Stadium, Section 309, Row 12, Seat 24 Age: 33 Posts: 8,526	Re: TidyUserCP Hmm.. not sure I follow exactly... what do you mean by "map out certain pages to "id" elements"? The main problem I've come across is that not all objects have unique ID's. Only some of the major containers have id's, such as the "collapseobj_usercp_forums" and 'collapseobj_usercp_subthreads' tables. Are you suggesting we have a GM script (which runs before all others) that goes through and assigns ID's to objects? If so, it's a cool idea. Subsequent scripts could be much simpler if standardized 'street signs' are put up in each page. __________________ *PoE2 Version 2.5 Overview \| Get started with PoE2 (for free!)*

05-31-2007, 02:00 AM	#7 (permalink)
Wyzcrak Join Date: May 2003 Location: Memphis, TN Posts: 14,148	Re: TidyUserCP That's exactly what I'm suggesting. Elements could be given IDs (e.g. 'tg_topnavbar_MembersList', 'tg_Logout_link', etc -- these are horrible examples.. there's got to be a solid naming convention to cover the entire site.. but you get the idea) we use in other scripts. Again, though, this idea is key on scripts running sequentially, which I've yet to test/be told. __________________ Steam Community? Add me. \| Join #tacticalgamer \| Search Results Legend \| New Posts Forum Filter \| Postbox Toggle \| Live Thread Review \| One Line Results \| Free Remote, Encrypted Backup Darkilla: In short, NS is pretty much really fast chess. With guns. Apophis: I haven't seen anyone say that SM's are better than non-SMs. Nordbomber: This is THE first server I've seen where either side can comeback from out of seemingly nowhere with the right teamwork. en4rcment: I have NEVER experienced the type of gameplay that I have found here. Nightly I am amazed at the personalities and gaming talent. Root: Welcome to TG. Feel free to punctuate your sentences correctly. Monkerz: Its gonna take all my skills to beat those boys off in the future.

09-20-2007, 12:31 AM	#8 (permalink)
WhiskeySix Join Date: Oct 2005 Location: Gillette Stadium, Section 309, Row 12, Seat 24 Age: 33 Posts: 8,526	Re: TidyUserCP updated/fixed: http://www.tacticalsites.com/~whiske...lpanel.user.js __________________ *PoE2 Version 2.5 Overview \| Get started with PoE2 (for free!)*

09-25-2007, 12:24 AM	#9 (permalink)
Acreo Aeneas Join Date: Nov 2006 Location: DePaul University (Chicago) Age: 22 Posts: 4,683	Re: TidyUserCP Nice. I like it. __________________ Current Obsessions: Netbooks and other low-cost, small, and portable PCs. RSS Feeds: Bamboo

12-14-2007, 06:54 PM	#10 (permalink)
WhiskeySix Join Date: Oct 2005 Location: Gillette Stadium, Section 309, Row 12, Seat 24 Age: 33 Posts: 8,526	Re: TidyUserCP Updated with latest icon set. cleanusercontrolpanel.user.js __________________ *PoE2 Version 2.5 Overview \| Get started with PoE2 (for free!)*

03-22-2008, 04:14 PM	#12 (permalink)
WhiskeySix Join Date: Oct 2005 Location: Gillette Stadium, Section 309, Row 12, Seat 24 Age: 33 Posts: 8,526	Re: TidyUserCP Updated with latest icon set. cleanusercontrolpanel.user.js (Ikariam, Sins of a Solar Empire, IHS Barracks, etc.) __________________ *PoE2 Version 2.5 Overview \| Get started with PoE2 (for free!)*

03-23-2008, 01:57 PM	#13 (permalink)
ZaBoo Join Date: Sep 2006 Location: Canada Age: 23 Posts: 447	Re: TidyUserCP Guys, haven't personally used Greasemonkey but am very involved in web application development, and "web 2.0". If your having problems selecting certain elements you should look into a javascript framework such as jQuery. It provides many ways to select elements by css, positioning, etc. Could probably save you some time, and get much more functionality - at the cost of a few extra kb download. http://jquery.com/ http://docs.jquery.com/Selectors http://joanpiedra.com/jquery/greasemonkey/ Cheers, ZaBoo __________________

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Sponsored links

Sponsored links

Sponsored links

Sponsored links