#36 In Place Editing

[Jeremy Dorn]

Ability to edit elements directly on the front-end site through the AdminBar.

When you click on an element in "Show Elements" mode, it will pop up a dialog box with the editing environment. It will also have a link to go to the actual edit page.

Hitting "preview" will do the following:

• add the preview banner to the page.
• replace the element contents in the DOM, keeping track of the original contents.
• hide the editing environment in the dialog and display a "stop preview" button and a brief message.
• move the dialog box out of the way if it is covering the element being previewed.

When the "stop preview" button is clicked, do the following:

• remove the preview banner
• restore the original element's contents
• display the editing environment again and hide the "stop preview" button and message.

When an element is saved, save it via ajax and dynamically replace the contents on the page.