[WIP] Add material design tab components

[bf4]

The first commit is just copying over md-tabs-related files from mike1o1/ember-material-design

They are unmodified. Let the work begin.

Steps:

1. Copy files for reference
2. review files to see what to keep, what to change
3. For each feature, update test, update implementation
   • md-tabs
   • md-tabs-content-wrapper
   • md-tabs-wrapper
   • md-tab
   • md-tab-item
   • md-tab-content
4. Update to use ember-paper code
   • ripple
   • layout
   • styles
   • test app
   • docs

Angular material design:

• https://github.com/angular/material/tree/89d285faea0793ae0e25c3d766b7652ae06c1a9e/src/components/tabs
  • https://github.com/angular/material/blob/fcd199ea08a36eabaebbaf44f460d8a60a17782b/src/components/tabs/tabs-theme.scss
  • https://github.com/angular/material/blob/65e15bf4ba588d0d3623e10821cd07604b85dda5/src/components/tabs/tabs.scss
  • https://github.com/angular/material/blob/386e2acb6badcfd086d04cb8a876cb49468cd12a/src/components/tabs/tabs.spec.js
• other style
  • https://github.com/angular/material/blob/639ae5eb7a0e4559cef5b4e31601d13321259eb6/src/core/services/layout/layout.attributes.scss
  • https://github.com/angular/material/blob/f5166dd8d5be391a0c06e0bcb6a04d6f4ddee9e7/src/core/style/variables.scss
  • https://github.com/angular/material/blob/639ae5eb7a0e4559cef5b4e31601d13321259eb6/src/core/services/layout/layout.attributes.scss
  • https://github.com/angular/material/blob/f5166dd8d5be391a0c06e0bcb6a04d6f4ddee9e7/src/core/style/variables.scss

Background:

per https://embercommunity.slack.com/archives/ember-paper/p1447259341000005
https://embercommunity.slack.com/archives/ember-paper/p1447168877000087

mike1234:
There are tabs in
https://github.com/mike1o1/ember-material-design/tree/ec4e58802ad87b982fa5a72eba5bb5dd950fc4dd/addon/components
if you wanted a starting point to port the tabs over. It should work
without much effort, aside from fixing up the stylesheets a bit. That
implementation works well, and I've used it in production before. Only
issue I have is personal, as I've learned a lot about Ember since
implementing, and there are some better patterns and conventions that
are available now.

Lots of ugly use of observers, and some hacks around the order that the
tabs register themselves with their parent tab wrapper

I haven't touched it in awhile, since 1.12, so I'm sure there are some
breaking changes in 2.0

ember-paper is definitely the recommended way forward

Biggest difference, really, is the paper are "native" ember
components, instead of thin wrappers over an existing jquery library.

well, not necessarily jquery, but some other implementation. ember-paper
tries to take advantage of ember conventions

though I haven't looked too closely at ember-cli-materialize lately, not
sure if that has changed

miguelcobain:
another big difference is that materialize doesn't follow google's specs

We take the styles from angular material, which is officially supported
by google.

mike123:
That's true. Though, same can be said for https://github.com/mike-north/ember-material-lite as that's a wrapper
around MDL from google

[bf4]

So, I'm not working on Ember any more which is why I haven't come back to this. Maybe we can auction it off?

[miguelcobain]

I think you can close this, unless you're up to putting it on par with #249.
That's our main goal right now.

[bf4]

@miguelcobain I'll close it then. This was a business goal, so I had time. Now it'd just be fun, and I'm spread a little thin for fun :)