Sorrento Sprint 2009: Deco

Topics for the sprint:

Javascript

• When editing a page dim all the elements on a page which can't be edited
  A lot of different idea's have been tried to implement this issue. First was to create a lightbox. A new half transparent layer was drawn and the z-index of different html elements was used to get the editable elements in front of the layer and the non editable elements at the back. The problem with the solution was that z-indexes are not working well with position relative, so we dropped this solution. Next solution was to write an algorithm which was drawing a lot of different smaller layers to cover up the non editable regions. Problem with this method was that is hard to code especially when a lot of editable reagions are in one page and another problem was the fact you need to rescale all the layers when content gets edited, so this method was also dropped. Third solution was to use opacity to dim the non-editable regions. Since the opacity is additive the nested elements ended up with an opacity close to 0. This was solved by writing an algorithm to only put opacity on the nodes who shared a parent with an editable region.
• Panels won't be into view when a page scrolled
  This is fixed by sticking the dialogs to the top of the screen
• Dialog can only be closed by pressing the ok button
  An event handler was added so the dialog can also be closed by pressing escape
• Dialog layout tweaks
  Issues with readability caused by transparent dialogs are fixed. And also some paddings are added for a better layout.
• Stylesheet cleanup
  There was a lot of css still included which was used for the dialogs of older prototypes. The stylesheets have been cleaned to get rid of this css.
  
• When the last field tile is inserted into a document the insert field menu was not hidden
  This bug is fixed 
• Tile alignment
  The style menu now has three alignment options for tiles; Block (default), Left and Right. When choosing either left or right the tile will float left or right around the tile below.
  
• Style menu
  The style menu has been renamed to format since it's not actually style you're applying. And a bug was fixed so the menu can be reset after aplying a format.
  
• Drop tiles in between top level block element in richtext tiles
  No work has been done yet at this topic
  

Plone Integration

• Create an add form for application tiles based on their schema using autoform
  No work has been done yet at this topic
  
• Get the field information of a Dexterity content type and pass it as configuration data to Deco
  Work has been done on this issue but it is not complete yet
  

General

• User testing to see what ui could be made better
  Some idea's have been shared about labels of fieldtiles and controls inside the blocks.