Task list about ember-paper HOT 33 CLOSED

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.

from ember-paper.

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

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

from ember-paper.

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

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

from ember-paper.

Added text fields in a138216

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

from ember-paper.

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

from ember-paper.

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

those text fields are RAD!

from ember-paper.

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.

from ember-paper.

@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

from ember-paper.

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

from ember-paper.

@miguelcobain já te pinguei :P

from ember-paper.

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!

from ember-paper.

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

from ember-paper.

Switches now conform specs in d78fa26
Closes #4.

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

from ember-paper.

Your task list seems to be missing the progress indicators.

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

from ember-paper.

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...

from ember-paper.

Cool blockless versions 07c800f

from ember-paper.

Icons. ✔️

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

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

from ember-paper.

Added some simple cards on e9f81ae

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

from ember-paper.

Yoooooooo

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

from ember-paper.

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

from ember-paper.

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.

from ember-paper.

Regular Icon-Buttons would be nice!

from ember-paper.

Sliders are up thanks to Mr. @mike1o1!

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

from ember-paper.

Paper-Dialog: #116

from ember-paper.

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.

from ember-paper.

nice one!

from ember-paper.

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

from ember-paper.

Progress linear ported from ember material design by @peec

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

from ember-paper.

Progress circular ported from ember material design by @peec

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

from ember-paper.

Paper autocomplete by @peec

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

from ember-paper.

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...

from ember-paper.

@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.

from ember-paper.

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

from ember-paper.