• on pressing the "Switch editor mode"-button, the user changes to the ergonomic mode
• Everything looks and works as in current "Ergonomic mode", when the user has hidden the translate5 header
• The user can unhide the header as usual in translate5
• In addition between the hidden translate5 header and the editor itself the document in layout is shown

Info

For visual representation see 'translate5-layoutedReview (PDF-like quality).pdf' in T5DEV-126 (page 3).
The logout button is not displayed like is shown in the 'pdf translate5-layoutedReview (PDF-like quality).pdf' in T5DEV-126 (page 3).

Conception

• in the north side of the viewport, we insert the new pdf preview
• the editor in this mode has the same behavior as the normal ergonomic mode
  • hide and show the pdf layout panel
  • the font size is increased

• the pdf layout should have possibility to collapse and expand the translate5 header panel

• insert the pdflayout panel

var pdfLayout= new Ext.panel.Panel({ 
	xtype:'panel',
	region: 'north',
	resizable: true,
	resizeHandles: 's',
	height:400,
	html:'<iframe id="pdfLayoutIframe" src="http://translate5.local/pdflayout.html" width="100%" height="100%"></iframe>'
});

//insert the pdf layout
Ext.ComponentQuery.query('#editorViewport')[0].add(pdfLayout);