ember-paper
Advanced tools
Comparing version 0.0.7 to 0.0.8
import Ember from 'ember'; | ||
import BaseFocusable from './base-focusable'; | ||
import ShadowMixin from '../mixins/shadow-mixin'; | ||
import RippleMixin from '../mixins/ripple-mixin'; | ||
export default BaseFocusable.extend(ShadowMixin,RippleMixin,{ | ||
tagName:'button', | ||
classNames:['md-button','md-default-theme'], | ||
export default BaseFocusable.extend(RippleMixin,{ | ||
attributeBindings: ['target', 'action'], | ||
tagName: 'button', | ||
classNames: ['md-button','md-default-theme'], | ||
classNameBindings: ['raised:md-raised'], | ||
@@ -14,30 +15,13 @@ /* RippleMixin overrides */ | ||
/* ShadowMixin properties */ | ||
z:1, | ||
click: function(){ | ||
var target = this.get('target'); | ||
defaultZ:1, | ||
activeZ:2, | ||
disabledZ:0, | ||
/* | ||
* Function that handles button state changes. | ||
* Changes z and sends action. | ||
*/ | ||
stateDidChange:Ember.observer('active','focus','disabled','hover',function(){ | ||
var active = this.get('active'), | ||
disabled = this.get('disabled'), | ||
hover = this.get('hover'), | ||
focus = this.get('focus'); | ||
if (active || focus || hover) { | ||
this.set('z',this.get('activeZ')); | ||
} else if (disabled) { | ||
this.set('z',this.get('disabledZ')); | ||
if (target) { | ||
this.get('target').send(this.get('action')); | ||
} else { | ||
this.set('z',this.get('defaultZ')); | ||
this.sendAction(); | ||
} | ||
}), | ||
click:function(){ | ||
this.sendAction(); | ||
return typeof this.get('bubbles') == 'undefined' || this.get('bubbles') == true; | ||
} | ||
}); |
@@ -7,12 +7,12 @@ { | ||
"ember": "1.8.1", | ||
"ember-resolver": "~0.1.7", | ||
"loader.js": "stefanpenner/loader.js#1.0.1", | ||
"ember-cli-shims": "stefanpenner/ember-cli-shims#0.0.3", | ||
"ember-cli-test-loader": "rwjblue/ember-cli-test-loader#0.0.4", | ||
"ember-load-initializers": "stefanpenner/ember-load-initializers#0.0.2", | ||
"ember-resolver": "~0.1.11", | ||
"loader.js": "ember-cli/loader.js#1.0.1", | ||
"ember-cli-shims": "ember-cli/ember-cli-shims#0.0.3", | ||
"ember-cli-test-loader": "ember-cli/ember-cli-test-loader#0.1.0", | ||
"ember-load-initializers": "ember-cli/ember-load-initializers#0.0.2", | ||
"ember-qunit": "0.1.8", | ||
"ember-qunit-notifications": "0.0.4", | ||
"qunit": "~1.15.0", | ||
"ember-qunit-notifications": "0.0.5", | ||
"qunit": "~1.17.1", | ||
"hammerjs": "~2.0.4" | ||
} | ||
} |
@@ -12,3 +12,3 @@ /* global require, module */ | ||
sass.renderFile({ | ||
sass.render({ | ||
file: path.resolve(__dirname, config.sassMain), | ||
@@ -15,0 +15,0 @@ success: function(/*css*/) { |
{ | ||
"name": "ember-paper", | ||
"version": "0.0.7", | ||
"version": "0.0.8", | ||
"directories": { | ||
@@ -5,0 +5,0 @@ "doc": "doc", |
# Ember Paper | ||
This project aims to bring Google's new [Material Design](https://www.google.com/design/spec/material-design/introduction.html) to Ember. The goal is to encapsulate everything possible in Ember components. This project is packaged as an [Ember-cli](http://www.ember-cli.com/) addon. This allows a much nicer "plug and play" experience, as you can see for yourself in the "Installation" section. | ||
[![Join the chat at https://gitter.im/miguelcobain/ember-paper](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/miguelcobain/ember-paper?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) | ||
This project aims to bring Google's new [Material Design](https://www.google.com/design/spec/material-design/introduction.html) to Ember. The goal is to encapsulate everything possible in Ember components. This project is packaged as an [Ember-cli](http://www.ember-cli.com/) addon. | ||
## Installation | ||
@@ -10,4 +12,3 @@ | ||
``` | ||
$ npm install --save-dev ember-paper | ||
$ ember g ember-paper | ||
$ ember install:addon ember-paper | ||
``` | ||
@@ -20,5 +21,5 @@ | ||
This is a very ambitious project. Google's design specs are extensive, and not trivial to implement. I've been porting [Angular Material](https://github.com/angular/material) to Ember. This seems to be the most useful resource at the moment. If you feel like porting or fixing an element or two, please drop a pull request or issue at GitHub! | ||
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](https://github.com/angular/material) and [Web Starter Kit (material-sprint branch)](https://github.com/google/web-starter-kit/tree/material-sprint). 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. **Help us on Github!** |
@@ -13,5 +13,6 @@ import Ember from 'ember'; | ||
this.route('radio'); | ||
this.route('toggle'); | ||
this.route('switch'); | ||
this.route('typography'); | ||
this.route('lists'); | ||
this.route('list'); | ||
this.route('divider'); | ||
this.route('navigation'); | ||
@@ -18,0 +19,0 @@ this.route('textfield'); |
@@ -10,4 +10,7 @@ import Ember from 'ember'; | ||
alert('You pressed a flat button.'); | ||
}, | ||
targetButton:function() { | ||
alert('You pressed a target button. -from route'); | ||
} | ||
} | ||
}); |
@@ -21,2 +21,4 @@ import { | ||
equal(component._state, 'inDOM'); | ||
}); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
397060
135
2365
24