mike1o1 / ember-material-design Goto Github PK

There's another ember-addon for material design at https://github.com/miguelcobain/ember-paper. @miguelcobain is leading that charge, do you think you would consider consolidating efforts or do you feel that maybe diversity is a good thing?

Currently the sidenav md-locked-open class is hardcoded to be applied when screen width is more than 600px wide. This should be a property that the consumer passes into the component.

Implement Select Component

TypeError: Cannot read property 'reopen' of undefined
at Object.initialize (md-layout-views.js:7)
at ember.debug.js:5509
at ember.debug.js:5538
at Object.visit as default
at DAG.topsort (ember.debug.js:2589)
at Class._runInitializer (ember.debug.js:5537)
at Class.runInitializers (ember.debug.js:5498)
at Class._bootSync (ember.debug.js:4800)
at Class.domReady (ember.debug.js:4689)
at Object.run (ember.debug.js:295)

after installing this, when i start the server, the above error occurs. Is it my problem?

The ember click helper doesn't work with buttons. For example, the following button:

{{#md-button class="md-raised md-primary" type="submit"}}
    Log In
{{/md-button}}

...and the following test...

click('button[type="submit"]');

...produce the error:

Acceptance | login: users can log in
✘ Error: Element button[type="submit"] not found.
     expected true

Replacing the ember-material-design button with the following works:

<button type="submit">Log In</button>

The Documentation for Tabs > Basic Usage does not have any text shown for the .hbs file when clicking the 'Source' button.

http://mike1234.com/ember-material-design/#/tabs

The source never shows.

http://mike1234.com/ember-material-design/#/sidenav

Lots of {{#each}} deprecations in demo page and tabs components need to be fixed.

The addon install is failing with the following output. Even on a freshly created ember-cli application.

./node_modules/.bin/ember install ember-material-design
version: 0.2.3
Could not find watchman, falling back to NodeWatcher for file system events.
Visit http://www.ember-cli.com/#watchman for more info.
Installed packages for tooling via npm.
installing
  identical app/styles/app.scss
installing
The `ember generate` command requires an entity name to be specified. For more details, use `ember help`.

./node_modules/.bin/ember --version
version: 0.2.3
Could not find watchman, falling back to NodeWatcher for file system events.
Visit http://www.ember-cli.com/#watchman for more info.
node: 0.12.2
npm: 2.7.6

Need to implement toast service and component.

Hi @mike1o1 !

Loving this man! amazing how quick it was for me to get up and going. Congrats on the great work!!

I'm looking to understand how I can do something like:

<div class="row">
  <div class="col-xs-12
              col-sm-8
              col-md-6
              col-lg-4">
  </div>
</div>

Basically, how can I set the width of an element (say, an md-card) based on the current breakpoint?

I was trying to add "layout-fill" to a textarea, but it didn't get past the textarea helper.

Then I found that I need to reopen the Helper class and add acceptable attributes.
http://stackoverflow.com/questions/18189614/adding-attributes-to-input-element-in-handlebars-used-with-ember-js
and I should do this in initializers:
http://stackoverflow.com/questions/27154886/ember-cli-where-to-reopen-framework-classes

Maybe some attributes could be added to helpers by ember-material-design?
https://material.angularjs.org/latest/#/layout/options
layout-fill I could make the argument for this on input fields to maximize width in a container.
Maybe flex ? to normalize fields?

Has anyone else had to reopen input helpers to get Material Design attributes in the helper?

Show how the validation classes can be used

Is there a way to overwrite (in the app) the font import statement at:
https://github.com/mike1o1/ember-material-design/blob/master/app/styles/core/typography.scss

Reason: for client side installed applications (e.g.: phonegap/cordova) I want to be able to load the fonts also when offline (in my specific case from local running webserver)

When you use cards in space for the content in a tab, the container seems to smash the card and you cannot see the whole card properly.

how to pass an action args from the md-button to the controller?

{{#md-button class="md-raised md-primary" action='gotoModels' brand.BrandName}}

does not work !

@mike1o1 you're the only one who can do this :)

using ember-cli v0.2.3

ember install ember-material-design
ember install ember-cli-sass
ember install ember-cli-autoprefixer
ember serve

i got this error

All that is needed is to set tagName to progress, adding min, and max attributes to take advantage of the HTML5 <progress> element here.

PR to come shortly.

Currently the sidenav immediately appears, and does not follow material design specs for animation.

or you need to provide css files.

I found there is an md-sidenav as a component but it's documented on: http://mike1234.com/ember-material-design/#/buttons

An svg icon isn't properly cached after initially being requested. It should be cached so that there is never more than one network request for that icon.

Hi, thanks for this amazing addon!

I´m using materialize until now, but I agree that a native ember solution is much better.

Are you going to have a grid system? If not, do you recoment any external grid framework?

About animations, it seems that liquid-fire is the official choice from Ember core team, and I agree that it´s fantastic.
But it allways break css, and it happend with materialize.
Do you like the idea of having native support for liquid-fire? In a way that we can use it with ember-md and don´t have to worry about it, just works as it should.

I´m building a skeleton app for my next projects, based on rails + ember + materialize.
My idea is to have a dashboard theme, using many addons that I like, all tested and working from server to frontend.
This way would be much faster to start a new app, and I think it could help people to start with ember.
It is very early WIP, and I couldn´t work on this on the past weeks, but I´ll came back next week.
And I´ll change the dependecies pro materialize to your addon, here is the repo.

Cheers!

Caught this as part of adding cross-browser testing #21

component:md-button: it should have md-ripple-container after click 

consistently fails on firefox 37.0

Hi mike101,

I really love ember-material-design. It would be nice if you add md-switch widget.

Cheers.