I was getting a WSOD of death, with an error saying Ember.default.View can't be found.

Grepping around, and found another package(qunit*) that used if (Ember.View) to wrap their code.

Cheers

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?

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?

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.

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)

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!

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 !

This allows users to include a parameter to be passed onto the action that is triggered when the button is pressed. An example scenario is:

<h2> Select the video you would like to play </h2>
{{#each model as |button|}}
    {{#md-button class="md-raised" action='changeStream' param=button}}{{button.name}}{{/md-button}}
{{/each}}

Which allows me to pass the button object to the function changeStream() in the controller.

Some unit tests are failing, so I would ask that you wait until I can fix them. The rest of the changes will have to wait until I can attend to them unless you can.

We'll also have to add styles for the progress elements. See the CSS Tricks write-up on 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

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

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

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