Page overview

[tilmx]

We need a new additional pages view, so I can get a quick overview of which pages are part of my project. With an right-click I can rename or delete the pages (#111) and with the Add-Icon (+) I can add a new page.

[markusoelhafen]

Page Overview – New Project

This means:

• Project has no name yet
• One page is automatically created
• This page is also "unnamed"

Existing Project
Project has a name
With named pages

---

Styling

• Headline: Order 3, 'Black'
  • If Project is unnamed: Italic, Grey 70 (Headline needs to be extended to support italic)
• Page Name: Copy, 'Black'
• Page Preview:
  • background: 'White'
  • width: 245px
  • height: 340px
  • border radius 5px,
  • shadow: rgba(0,0,0,.13) y: 3, 12px blur

Please note:
As long as the project overview #216 is not implemented, this page overview will be the startup screen when launching Alva.

Not part of issue:

• "Add Page" - Button in the bottom right (Create new page #24 )
• Navigation back to Project Overview
• "Last saved" information underneath Project name
• Page-Previews will only be a placeholder for now

[markusoelhafen]

Suggested ToDos:

• Pattern Preview Component:
  • If no preview image src (own issue) --> display placeholder rectangle
  • Display page name / title
• Project Headline Component:
  • If no name is displayed --> show "unnamed project" and show text in grey + italic
  • If name is specified --> regular Headline Order 3
• Make Project Headline Editable: **I wouldnt do this in this ticket. I think it belongs to the projects ticket @markusoelhafen **
  • Same functionality as edit page
  • Double click changes name to input
  • Save name on enter

[markusoelhafen]

In consultation with @Palmaswell & @TheReincarnator :
One click on the page tile: Focus with a blue outline
Another Click: Edit the name
Double click on the page tile: open page