Task list

[miguelcobain]

Here is my suggestion for the next components to develop. I think we should have the most essential features first. Please read #2 for contributing.

Task list

• Buttons (review)
• FAB buttons
• Cards
• Checkbox (review)
• Dialog
• Material icons (google will release an official iconic font soon. Using unofficial font for now)
• List (and possibly Divider)
• List Controls
• Radio Button (review)
• Sidenav (not complete)
• Slider
• Switch (aka toggle in Polymer)
• Progress Linear
• Progress Circular
• Tabs
• Menus
• Inputs with errors, char counter, etc (currently only simple text field based on Polymer's)
• Toolbar
• Ripple effect (review. I think this could be improved.)
• Shadow (review)
• Normalize touch and mouse events (see EventsMixin). Checkboxes are not working in mobile, for example.
• Flex layout (missing docs)
• Autocomplete

I think that once we get all of these, we have a decent UI kit.
It would be great if we get everyone's effort into this.

[miguelcobain]

Since a42324b:

• Ripple effect is now completely CSS based, just like in angular material. I believe it can't go much better than this.
• Also now using the excellent HammerJS, just like angular material. This is the way to go about normalizing and handling correctly events/gestures.
• Shadow and ripple implemented as a mixin
• Buttons almost completed. Fab is missing. Added primary and warning classes.

Check http://miguelcobain.github.io/ember-paper/#/button.

[miguelcobain]

Since 95cd03c checkboxes conform specs. Ported from Angular Material.

Check http://miguelcobain.github.io/ember-paper/#/checkbox

[miguelcobain]

Since b41676d radio buttons conform specs. Ported from Angular Material.

Check http://miguelcobain.github.io/ember-paper/#/radio

[miguelcobain]

Added text fields in a138216

Check http://miguelcobain.github.io/ember-paper/#/textfield

[locks]

Hi, I wanna help. Are you on IRC/Gitter so we can coordinate better?

[stefanpenner]

Check http://miguelcobain.github.io/ember-paper/#/textfield

those text fields are RAD!

[ef4]

I am happy to find this project!

I'm actively adding capabilities to liquid-fire to make it easy to support all the animation in Material Design, and I'd be happy to integrate them into ember-paper as they become ready.

And I'm doing a design-focused talk at EmberConf, and will definitely feature this repo.

[miguelcobain]

@ef4 I'm curious to see how ember-paper and liquid-fire would play along. Indeed, animations are a big part of material design specs. Having those integrated in ember-paper would be awesome!

I really see potential in this project. Material Design (besides being gorgeous!) solves so many UX problems/challenges. It would be a great step forward to back those solutions within a powerful environment like ember and ember-cli. It feels so natural. Ember components end up being an excellent way of encapsulating design.
There are so many things left to do.

Regarding your talk, tell me if you need anything. Would be glad if I could help. And please do share the slides/video. :D

[miguelcobain]

@locks Sure. Ping me on Twitter. Maybe gitter would be better so other people can follow!

[locks]

@miguelcobain já te pinguei :P

[miguelcobain]

Added list in 13f9e08
Added dividers in ad9c2bd

Check:

• http://miguelcobain.github.io/ember-paper/#/list
• http://miguelcobain.github.io/ember-paper/#/divider

Thanks @mansona!

[stefanpenner]

woohoo! I am excited to build something with this :)

[miguelcobain]

Switches now conform specs in d78fa26
Closes #4.

Check: http://miguelcobain.github.io/ember-paper/#/switch

[mjohnson9]

Your task list seems to be missing the progress indicators.

That aside, awesome project. It's saved me a lot of development time. Thanks!

[miguelcobain]

Major bump.

Now with a decent Sidenav, Toolbars and Flex grid!
Thanks to @pixelhandler for the sidenav inspiration from ember-off-canvas-components. Very smart use of custom events there.

Check: http://miguelcobain.github.io/ember-paper/
Still need to update docs...

[miguelcobain]

Cool blockless versions 07c800f

[miguelcobain]

Icons. ✔️

Check: http://miguelcobain.github.io/ember-paper/#/icons

When this issue is resolved, we'll switch to official icons.

[miguelcobain]

Added some simple cards on e9f81ae

Check: http://miguelcobain.github.io/ember-paper/#/card

[hhff]

Yoooooooo

I'm working on this http://www.google.com/design/spec/components/menus.html

[miguelcobain]

That will be a tough one!
Angular material select for inspiration: https://material.angularjs.org/#/demo/material.components.select

[mike1o1]

I submitted a pull request #88 for sliders. I'll work on converting tabs and fab buttons from ember-material-design once you're ok with the slider.

[benedikt-buchert]

Regular Icon-Buttons would be nice!

[miguelcobain]

Sliders are up thanks to Mr. @mike1o1!

Check: http://miguelcobain.github.io/ember-paper/#/slider

[mansona]

Paper-Dialog: #116

[miguelcobain]

Cool list controls are ready:

http://miguelcobain.github.io/ember-paper/#/list-controls

We now have official material font icon and lots of updated styles.

[bj-mcduck]

nice one!

[miguelcobain]

Inputs with errors, char counter, etc (currently only simple text field based on Polymer's)

Done via @DanMonroe

Demo: http://miguelcobain.github.io/ember-paper/#/input

[miguelcobain]

Progress linear ported from ember material design by @peec

Demo: http://miguelcobain.github.io/ember-paper/#/progress-linear

[miguelcobain]

Progress circular ported from ember material design by @peec

Demo: http://miguelcobain.github.io/ember-paper/#/progress-circular

[miguelcobain]

Paper autocomplete by @peec

Demo: http://miguelcobain.github.io/ember-paper/#/autocomplete

[elwayman02]

Maybe this is a dumb question, but does this addon support any sort of responsive grid layouts? I didn't see anything in the demos...

[miguelcobain]

@elwayman02 We're using angular material flex grid. There isn't any documentation on it yet.

For now you can understand its usage consulting angular material docs and the demo page source code.

[DanChadwick]

This is now being tracked by #249. Closing unless there is some other reason to keep it open. :)