Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Roller's Editor/Admin UI looks ancient and is rather clunky in some places. I propose that Roller's user-interface will be modernized and generally improved.  This will be done by modifying Roller's JSP pages to use Twitter Bootstrap Javascript components and styles. Struts 2 Bootstrap will be used to apply Bootstrap via the Struts tags that Roller already uses.

   http://rollerweblogger.org/roller/entry/modernizing-the-roller-ui

Requirements

  • Rewrite Roller's JSP pages to use Bootstrap via Struts 2 Bootstrap
  • Use WebJars for Javascript dependencies of jQuery and Bootstrap
  • Consder using modal windows in some cases instead of separate pages
  • Struts 2 Bootstrap will require removal of tables used for form formatting
  • Make general improvements to admin UI

...

And then for each form element we will remove any table tags used to format it and remove its label tag because Struts 2 Bootstrap will be responsible for layout and labelling.

Status

Work is ongoing in the bootstrap-ui branch. You can find screenshots of this work on Flickr here:

    https://www.flickr.com/photos/snoopdave/sets/72157666773620323


Bootstrap UI page progress checklist

  •  Login page
  •  Edit User Profile 
  •  Create New Weblog 
  •  Setup page
  •  Create & Edit -> New Entry
    •  Bug: status tag bad placement
    •  Bug: allow comments control is broken and stuck in enabled state
  •  Create & Edit -> Entries
    •  Bug : date pickers are broken
  •  Create & Edit -> Comments
  •  Create & Edit -> Blogroll
    •  Bug: Only default blogroll is editable
    •  Bug: Add bookmark folder broken on post
    •  Bug: Add bookmarks folder should disable Save button if no name
    •  Bug: After new blogroll added, need page refresh
    •  RFE: switch to new blogroll combo-box looks bad
    •  RFE: better help text on default and custom blogroll page
  •  Create & Edit -> Categories
    •  Bug: Add category form should disable Save button if no name specified
  •  Create & Edit -> Media Files   
  •  Add new media page
  •  New User Registration    
  •  Design -> Theme
  •  Design -> Stylesheet
  •  Design -> Templates
  •  Preferences -> Settings (WeblogConfig)
  •  Remove weblog page
  •  Preferences -> Members
  •  Preferences -> Pings
  •  Preferences -> Maintenance
  •  Server Admin (GlobalConfig)
    •  Bug: frontpage won't save
    •  Bug: bad layout around comment and trackback settings
    •  Bug: checkboxes not saving
    •  Bug: numbers not saving
  •  Planet Admin -> Settings
  •  Planet Admin -> Subscriptions
  •  Planet Admin -> Custom Groups 

...