Theme Versioning- Week 11
Progress Made
UI Overhaul
This week I overhauled the UI to use a sliding pane that displaces the normal theme-editor interface.
‘
In addition, I implemented the advanced mode UI and the various ajax functions to support it. Users can now select from either the basic mode which automatically commits upon saving a theme file, or the advanced mode which allows users to control when they commit.
I also created a separate settings page for the theme versioning plugin in which the user can select from the installed VCS Adapters as well as choose to use either the basic or advanced mode UI.
Mentor Recommendations
I fixed various usability, performance, and best-practice issues brought to my attention by one of my mentors, Dominik (ocean90)
the fixes included:
- Enqueuing the UI javascript in the footer instead of the header for performance reasons
- Displaying more information including author name and timestamp in the revision viewer
- Renaming the javascript file to something more descriptive
- Got rid of a few bits of code that were no longer used in this version
- Use empty() instead of sizeof()==0
Clean Up and Refactoring
I spent a little time cleaning up some code and refactoring. There is still some more work to be done on this front. My philosophy is make it work, even if it’s ugly, then iterate to beautiful, elegant code.
Midterm Release
I tagged version 0.3, the midterm release which includes the new UI (with both basic and advanced modes), the default VCS and the VCS Adapter Interface.
It is available for download here
Below are a few screenshots from the midterm release:
Azizur Rahman 11:21 am on July 15, 2011 Permalink |
Just wondering why you decided not to use the built-in (post/page) Revision Widget for your “Revision Viewer”? Surely that would be more inline with rest of the Core UI.
David Julia 10:04 pm on August 15, 2011 Permalink |
Azizur,
I’m actually finishing up a refresh of the UI right now-
it’s going to look a lot more like the document revisions UI
and uses a lot of the same CSS.
Thank you for your feedback!