Only fill this in if you're a spammer huh? Your name :
Your email :
Your message :
May
12th
2008

Tidying the Admin screen

Posted in : Plugins & Widgets

Does your admin look bloated?

NOTE : The chances are that none of this works in IE, so if you use IE you may as well skip the rest of this post ..... or read it and then go get a better browser ... whichever rocks your boat

So, I was playing around with the admin area to see what could be done using js, as it's required for the admin area to function anyway, and css. The main idea was to hide all of the clutter that's not used for the majority of posts, or only used briefly during the whole posting process, whilst also leaving it accessible for the moments that you do need it. When I say "clutter" I pretty much mean everything except the textarea that you type in and the post title. Toolbars - gone, advanced properties - gone, categories - gone, post status - gone, you get the picture ;)

All of this is done from a plugin which hooks into a couple of the admin events and then unleashes a bit of javascript to play around with classnames and id's and onclick events and stuff. The rest is handled by a simple bit of css ...... so simple in fact that IE can't understand it ...... nothing new there then huh? ..... anyway, the end result is that pretty much everything in admin is collapsed or hidden until you hover over or click stuff. The toolbars will show on hover, or you can click the text to pin them open if you're going to be using them a lot for a particular post.

The whole of the right column is reduced to a lil tab handily marked "OPTIONS". Hovering over the tab brings the right column back so you can play with your categories, visibility and renderers and things. This allows the post textarea et el to be expanded to fill the width of the screen which, for me, makes posting far far easier ...... combine that with Afwas's plugin ( [2.4] Resize Admin Textarea plugin ) and you can pretty much fill your screen with just the post area ...... cool huh?

Finally a thanks to John for his constructive criticism and suggestions about the plugin ..... and for allowing me to scare the shit out of him when most of his admin area disappeared ..... I suppose I should have warned him first :roll:

Anyway, if you fancy having a play with this plugin, and you're using a decent browser, then you can download it here ( am_tidyadmin.zip ). If you find any bugs or flaws or stuff ( apart from "it doesn't work in IE", and variations of the same tune ) then just let me know.

¥

Trackback URL (right click and copy shortcut/link location)

Trackback url for this post
Note : This trackback url is time limited so use it within 30 minutes or the SpamHound will snarl at you.

http://waffleson.co.uk/z/?k=37112592633103238653676c32819612725a9852a74658451

Gary users avatar

Posts : 417

Joined : 04/04/05

Reply to comment 14707 by Gary

Replied on : 05/12/08 @ 01:35 pm #1

Nice one, I installed it and it works a treat.
Disabled it for now, I kinda like the clutter look myself, but hey! that's just my opinion.

Good work anyway,

Gz :)

Blog-a-doodle-do :D  http://garysblog.co.uk

 
 

Replied on : 05/12/08 @ 01:51 pm #2

I just love it when someone sneaks in and surprises me in my own backyard.

This is a nice one.
It shakes up the posting screens for the first time yet still leaves the tools just a click or hover away and, with Afwas's resizer plugin, makes the text area a whole lot roomier and easy to read and edit.

 
 

Replied on : 05/12/08 @ 03:50 pm #3

Work calls but yeah I'm looking forward to this one. The worst thing about the back office is that the only reason to have a blog - posting something - gets a tiny little piece of real estate.

Looking forward to this one!
 
 
Gary users avatar

Posts : 417

Joined : 04/04/05

Reply to comment 14710 by Gary

Replied on : 05/12/08 @ 05:42 pm #4

* resize admin *

Nice work as well Afwas.

You are a clever bunch of lads aren't you ;)

Gz

Blog-a-doodle-do :D  http://garysblog.co.uk

 
 

Replied on : 05/13/08 @ 04:22 am #5

Have to skip the whole post, as I'm using IE. :(
 
 
¥åßßå users avatar

Posts : 1057

Joined : 10/05/05

Location : 127.0.0.1

Reply to comment 14712 by ¥åßßå

Replied on : 05/13/08 @ 07:19 am #6

Some bits work in IE, just not the whole onclick expand/collapse stuff ;)

¥

I may have opened the door, but you entered of your own free will

 
 
Gary users avatar

Posts : 417

Joined : 04/04/05

Reply to comment 14713 by Gary

Replied on : 05/13/08 @ 02:27 pm #7

Just to amend my comment, I am now loving this, now I have had time to look at it properly.
Thanks to Paul for sorting out a bug on a third party plug-in I installed.

Gz

Blog-a-doodle-do :D  http://garysblog.co.uk

 
 
¥åßßå users avatar

Posts : 1057

Joined : 10/05/05

Location : 127.0.0.1

Reply to comment 14715 by ¥åßßå

Replied on : 05/13/08 @ 07:09 pm #8

I hope you emailed EdB and told him to sort his shit out :|

¥

I may have opened the door, but you entered of your own free will

 
 
Gary users avatar

Posts : 417

Joined : 04/04/05

Reply to comment 14716 by Gary

Replied on : 05/13/08 @ 08:07 pm #9

Lol, no I will let you have the pleasure ;) He might be bigger than me :)


Gz

Blog-a-doodle-do :D  http://garysblog.co.uk

 
 

Replied on : 05/26/08 @ 05:14 pm #10

What plugin, what issue? I haven't played with this one yet so I haven't seen any conflict issues.
 
 

Replied on : 05/26/08 @ 05:25 pm #11

hmmm... this page forgets me even though I click the remember me box, and my Firefox has no memory of me filling in the name/email/url fields. I wonder why that would be? Could it be because I have to "sort my shit out", or could it be ... some other reason?

So yeah whatever the problem is/was lemme know, but given that this page fails I'm not too keen on accepting that the issue is mine to fix.
 
 
¥åßßå users avatar

Posts : 1057

Joined : 10/05/05

Location : 127.0.0.1

Reply to comment 14741 by ¥åßßå

Replied on : 05/27/08 @ 08:01 am #12

Hi EdB,
The chances are that the form doesn't remember you because of my anti-spam measures, the field names are based on IP, time , post ID and some random crap. As soon as I get time to merge in the blogrum I'll be upgrading and I'm probably gonna kill all that and just go with my irish captcha ;)

The "bug" was with your quick-text plugin or summat ( the one that stores it's values in hidden textareas ). This plugin works by making a copy of all the toolbars and then slapping them in a new wrapper and removing the whole of the old toolbars section of html. Your plugin has the div, containing the textarea, outside of the <div class="evo_toolbar"></div> which meant that it wasn't copied and so "forgot" it's settings.

The cure was simple enough, I just moved the div inside the toolbar one and it worked like a dream ;)

¥

I may have opened the door, but you entered of your own free will

 
 
John users avatar

Posts : 68

Joined : 10/24/07

Reply to comment 14770 by John

Replied on : 06/01/08 @ 11:51 pm #13

The cure was simple enough, I just moved the div inside the toolbar one and it worked like a dream

A little more info on this would be appreciated as it would be nice to have Quick Text in harmony with Tidy
 
 
¥åßßå users avatar

Posts : 1057

Joined : 10/05/05

Location : 127.0.0.1

Reply to comment 14771 by ¥åßßå

Replied on : 06/02/08 @ 06:43 am #14

Find this section of code :

PHP:

echo '<div style="display:none">'."\n";
    if( $quicktext_1 != '' ) {
        echo '<textarea id="quicktext_1" rows="1" cols="6">'.$quicktext_1.'</textarea>'."\n";
        }
    if( $quicktext_2 != '' ) {
        echo '<textarea id="quicktext_2" rows="1" cols="6">'.$quicktext_2.'</textarea>'."\n";
        }
    if( $quicktext_3 != '' ) {
        echo '<textarea id="quicktext_3" rows="1" cols="6">'.$quicktext_3.'</textarea>'."\n";
        }
    if( $quicktext_4 != '' ) {
        echo '<textarea id="quicktext_4" rows="1" cols="6">'.$quicktext_4.'</textarea>'."\n";
        }
    if( $quicktext_5 != '' ) {
        echo '<textarea id="quicktext_5" rows="1" cols="6">'.$quicktext_5.'</textarea>'."\n";
        }
    echo '</div>'."\n";
 
    $butt_start T_('insert quick text');
    $butt_tit_123 'title="'.$butt_start.' ('.$butt_src_123.')"';
    $butt_tit_45 'title="'.$butt_start.' ('.$butt_src_45.')"';
 
    echo '<div class="edit_toolbar">'."\n";


And move the whole of 307 -> 323 and place it after the last line. This then puts everything inside <div class="edit_toolbar"></div> and Tidy will copy it properly ;)

¥

I may have opened the door, but you entered of your own free will

 
 
John users avatar

Posts : 68

Joined : 10/24/07

Reply to comment 14772 by John

Replied on : 06/02/08 @ 07:01 am #15

Cheers B)

Works a treat
 
 

Replied on : 06/05/08 @ 10:40 am #16

Okay got it. Yeah that was one of those things where "well hell it seems to work so it must be awesome" even though deep down inside I know that "wow that actually worked!" is more appropriate.

Yeah okay I'll fix it up ASAP, which means (here it comes) sometime today (small graphic of face with eyes rolling indicating whatever it is that :roll: is supposed to indicate ... here -> :face-with-eyes-thing: )
 
 
¥åßßå users avatar

Posts : 1057

Joined : 10/05/05

Location : 127.0.0.1

Reply to comment 14827 by ¥åßßå

Replied on : 06/06/08 @ 06:26 am #17

I look forward to today arriving ;)

[offtopic]I copied across your user details from the original blogrums so you should be good to login with the same user / pass. Let me know if you want me to bin your duplicate user ;)[/offtopic]

¥

I may have opened the door, but you entered of your own free will

 
 

Replied on : 06/07/08 @ 01:28 am #18

Too many places to keep track of stuff :(

Okay today ... er ... "in a few minutes" I will officially publish an officially upgraded official version of the plugin that craps up ONLY when it meets the tidy admin hack. And add a messages.pot file because I'm into that now.

At blogrums I like my new formica name. All is well.
 
 
¥åßßå users avatar

Posts : 1057

Joined : 10/05/05

Location : 127.0.0.1

Reply to comment 14859 by ¥åßßå

Replied on : 06/07/08 @ 07:08 am #19

I decided not to merge the blogrum posts into my full feeds to keep down the signal to noise ratio on my full feeds .... mind you, my whole blog is pretty much all noise and bugger all signal so I might change that :p

At the moment there's 3 main feeds, as well as the normal individual blog feeds

1) Summary feeds http://innervisions.org.uk/?tempskin=_atom : everything but the blogrums
2) TechnoBabble http://waffleson.co.uk/?tempskin=_atom : just my code blog posts
3) Blogrums http://innervisions.org.uk/?tempskin=_atom : just blogrum posts

I suppose the decision is, do I create a mother of all summary feeds which includes all posts or do I just make my current summary feeds include the blogrums?

I also need to try and work on a method that allows single sign-in across multiple domains ... I've got something in mind, I'm just not sure how secure/viable it'd be ... I'll work on it ;)

I can't believe that you've managed to find a today that's actually today! :D

¥

I may have opened the door, but you entered of your own free will

 
 

Leave a comment

Your email address will not be displayed on this site.
Your URL will be displayed.
About you

Just fill in the bits you want, none of it is required



Your email address will only be used to send you adverts for viagra and rolex watches.



(Line breaks become <br />)
Leave a comment
Code:
=> :!: :?: :idea: :) :D :p B) ;) :> :roll: :oops: :| :-/ :( >:( :'( |-| :>> ;D :)) 88| :lalala: :crazy: >:XX :o
 
 
 

X