diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7a2b51368..4ea9fc9d4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,7 +14,14 @@ Contributions and pull requests are always welcome. Contributors may often be fo
- Actions maybe be specified by a string action name (`onChange="updateValue"`) or an action closure (`onChange=(action (mut "myValue"))`). If you need to specify a target or additional parameter, you must use an action closure.
- Many attributes have been renamed for clarity and consistency. See the specific changes below.
-#### 1.0.0 specific changes
+#### 1.0.0-alpha.1
+
+- [#365](https://github.com/miguelcobain/ember-paper/pull/365) paper-button: Support for `fab` and `mini`.
+- [#362](https://github.com/miguelcobain/ember-paper/pull/362) paper-toolbar: Support for `tall`.
+- [#364](https://github.com/miguelcobain/ember-paper/pull/364) Support installation via both npm versions 2 and 3.
+- [#367](https://github.com/miguelcobain/ember-paper/pull/367) You should now use `paper-toolbar-tools` component (or respective contextual component) instead of the `md-toolbar-tools` class.
+
+#### 1.0.0-alpha.0
- [1a9b641](https://github.com/miguelcobain/ember-paper/commit/1a9b6411a8ca30f3e9440d8585dc0f1ff4ff7649) paper-progress-circular now uses `diameter` instead of `md-diameter`
- [cf2a8da](https://github.com/miguelcobain/ember-paper/commit/cf2a8da350ea805e11eef36914ae76213b4c9f24) paper-progress-linear now uses `bufferValue` instead of `buffer-value`
- [#285](https://github.com/miguelcobain/ember-paper/pull/285) paper-checkbox now uses *actions up, data down*. `onChange` action is mandatory.
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 8e415d043..de4f123da 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -11,6 +11,7 @@ Many ember-paper contributors hang out on the [e-paper channel on slack](https:/
* **jscs.** Before submitting a pull request,
check for coding style issues with `jscs -c .jscsrc app addon`.
+* **Comments.** Include block-style (`/**`) comments before functions with a non-trivial or non-obvious purpose. Include line-style (`//`) comments wherever code might not be obvious to a future contributor, years later, without your knowledge of the functioning of the code. If an intermediate-level Ember developer will wonder why something works, explain it.
* **Actions.** Accept action closures rather than strings representing action names.
`{{some-component someAction=(action "myAction")}}`, not `{{some-component someAction="myAction" param="the stuff" target=someTarget}}`. Invoke the action with `this.sendAction('onWhatever');`. There is no need to test for the presence of `onWhatever` as `sendAction` handles that situation.
@@ -83,3 +84,22 @@ becomes
`
+ {{#paper-button raised=true fab=true}}Fab{{/paper-button}} + {{#paper-button raised=true mini=true}}Mini{{/paper-button}} {{#paper-button iconButton=true}}{{paper-icon "accessibility"}}{{/paper-button}}
{{/custom-button}} @@ -53,6 +55,8 @@ \{{#paper-button raised=true primary=true onClick=(action "targetButton") bubbles=false}}Button no bubble\{{/paper-button}} </p> <p> + \{{#paper-button raised=true fab=true}}Fab\{{/paper-button}} + \{{#paper-button raised=true mini=true}}Mini\{{/paper-button}} \{{#paper-button iconButton=true}}\{{paper-icon "more-vert"}}\{{/paper-button}} </p> <p> diff --git a/tests/dummy/app/templates/checkbox.hbs b/tests/dummy/app/templates/checkbox.hbs index ff40ff15d..503543862 100644 --- a/tests/dummy/app/templates/checkbox.hbs +++ b/tests/dummy/app/templates/checkbox.hbs @@ -9,22 +9,46 @@ {{/paper-toolbar}} {{#paper-content class="md-padding"}} -You are viewing the demonstration and documentation for a pre-production built of {{#code-inline}}ember-paper{{/code-inline}}. This version is in flux. For version 1.0, all components are being updated to reflect the latest Ember coding practices and Angular Material stylesheets. Components which have not yet been updated are shown with a {{paper-icon "warning"}} and are subject to API changes. Be sure to read CHANGELOG.md when updating.
+Wrong version? The currently-released version of ember-paper is Version 0.2, currently installed by
{{#code-inline language='bash'}}ember install ember-paper{{/code-inline}}. See README.md for advice on which version to use.
This project aims to bring Google's new Material Design to Ember. The goal is to encapsulate everything possible in Ember components. This project is packaged as an Ember-cli addon.
-You are viewing the demonstration page for a pre-production built of {{#code-inline}}ember-paper{{/code-inline}}. This version is in flux. For version 1.0, all components are being updated to reflect the latest Ember coding practices and Angular Material stylesheets. Components which have not yet been updated are shown with a {{paper-icon "warning"}} and are subject to API changes.
- -The currently-released version of ember-paper is Version 0.2. See README.md for advice on which version to use.
-Install your preferred version of this ember-cli addon in your ember-cli project. To install the 0.2 version:
+Install your preferred version of this ember-cli addon in your ember-cli project. To install the 0.2 released version:
{{#code-block language='bash'}}$ ember install ember-paper{{/code-block}} -To install the latest pre-release development version:
+To install the latest pre-production 1.0 version:
{{#code-block language='bash'}}$ ember install miguelcobain/ember-paper{{/code-block}} @@ -42,8 +48,7 @@ 'media-src': "'self'" }{{/code-block}} -You can find out more information on the CSP addon page here.
-We also need to allow `data:` in `img-src` because of a current hack in paper-button.
+You can find out more information on the CSP addon page here. We also need to allow `data:` in `img-src` because of a current hack in paper-button.
Finally, the examples contain a `transition-to` helper that is not installed by default. To use this helper run the following: @@ -51,13 +56,13 @@
This is a very ambitious project. Google's design specs are extensive, and not trivial to implement. ember-paper is heavily based on Angular Material and Web Starter Kit (material-sprint branch). These seem to be the most useful resources at the moment. If you feel like porting or fixing an element or two, please drop a pull request or issue at GitHub!
-I believe that with the help of everyone we can bring these amazing design spec to Ember in a modular and robust way. The Ember way.
+This is a very ambitious project. Google's design specs are extensive, and non-trivial to implement. If you can port or fix a component or two, please drop a pull request or issue on GitHub or join us on slack. See README.md for more resources.
+With everyone's help, we can bring this amazing design spec to Ember in a modular and elegant way. The Ember way.
Help us on Github! -
+ Fork
- locked-open: You can chose when the sidenav should stay open, based on the screen size.
+ locked-open: You can chose when the sidenav should stay open, based on the screen size.
Available sizes are: sm, gt-sm, md, gt-md, lg, gt-lg
closeOnClick: An override for the sidenav closing if you click on the sidebar itself. Mainly
- for use-cases where you have forms or something similar in the sidenav.
+ for use-cases where you have forms or something similar in the sidenav.
Defaults to true
.
- Note: The following Sidenav example contains a transition-to
helper that is not installed by default. To use this helper install the following:
- {{#code-block language='bash'}}ember install ember-route-action{{/code-block}}
+ Note: The following Sidenav example contains a transition-to
helper via the ember-route-action addon, which is not installed by default.
- {{#paper-switch value=booleanProp1 onChange=(action (mut booleanProp1))}} {{booleanProp1}} {{/paper-switch}} - {{#paper-switch value=booleanProp2 onChange=(action (mut booleanProp2))}} {{booleanProp2}} {{/paper-switch}} - {{#paper-switch value=booleanProp3 onChange=(action "changeBooleanProp" "3") disabled=true}} Disabled switch {{/paper-switch}} - {{#paper-switch value=booleanProp4 onChange=(action "changeBooleanProp" "4") noink=true}} Noink switch {{/paper-switch}} - + {{#paper-switch value=booleanProp1 onChange=(action (mut booleanProp1))}} + {{booleanProp1}} + {{/paper-switch}} + {{#paper-switch value=booleanProp2 onChange=(action (mut booleanProp2))}} + {{booleanProp2}} + {{/paper-switch}} + {{#paper-switch value=booleanProp3 onChange=(action "changeBooleanProp" "3") disabled=true}} + Disabled switch + {{/paper-switch}} + {{#paper-switch value=booleanProp4 onChange=(action "changeBooleanProp" "4") noink=true}} + Noink switch + {{/paper-switch}} {{paper-switch label="Blockless version" value=booleanProp5 onChange=(action "changeBooleanProp" "5")}}
"md-toolbar-tools" is a class that centers your elements in the toolbar.