Redesign

[knownasilya]

Implementation of #400 mockups by @matmac using ember-paper

Don't merge yet, this is a WIP. Goal is to get it as close to the mockups as possible, but not deviate too much from Ember Paper semantics.

TODO

• Move to sidebar layout
• Integrate ember-paper
• Replace tree with https://github.com/IvyApp/ivy-tree
  • Fix expand all/collapse all buttons (expand all possible with '*' key, but otherwise see Expand/collapse all IvyApp/ivy-tree#11)
• Hide sidebar on desktop
• Finish file menu
  • Add file menu items
  • Add rename/move commands (good for someone trying to help)
  • Move gist operations to top (out of file menu) (good for someone trying to help)
  • Figure out certain nesting issues
• Update styles (colors, icons, fonts)
• Mobile support (flexi?)
  • Not using Flexi atm due to no Ember 2.10 support
  • Finish sidebar layout
  • Finish main screen layout when sidebar closed
• Fix tests
• Fix bugs

Another PR

• Move file operation onto tree
• Alternate layouts support
• Save user settings (keymap mode, layout mode, etc) to gist or localstorage
• Monaco editor integration

Screenshot updated 1/15/17

[knownasilya]

Here's an update:

[stefanpenner]

@knownasilya cool, I like the mobile responsive stuff!

[alexspeller]

I am super excited about this!

[Gaurav0]

@knownasilya Thanks so much for working on this!

Btw, I think you should merge master into your branch occasionally so that it doesn't become too difficult at some point.

[knownasilya]

@Gaurav0 thanks :) feel free to leave feedback!
I've been trying to rebase any chance I get.

[gokatz]

Hey @knownasilya, really excited to see the new design of Twiddle. Thank you so much for your time 😃 One small clarification, this PR has over 100 file changes. Won't it become tedious to review as a whole?

[knownasilya]

@gokatz yeah, probably. Reviews weren't even a thing when I started this lol. I might pull it out into smaller PRs

[gokatz]

Awesome 🎉 @knownasilya

[Gaurav0]

Closing as stale.