2017-12-15 21:39:18 +00:00
|
|
|
import { computed } from '@ember/object';
|
2017-09-19 14:47:10 +00:00
|
|
|
|
|
|
|
|
// An Ember.Computed property for transforming an object into an
|
|
|
|
|
// html compatible style attribute
|
|
|
|
|
//
|
|
|
|
|
// ex. styleProps: { color: '#FF0', border-width: '1px' }
|
|
|
|
|
// styleStr: styleStringProperty('styleProps') // color:#FF0;border-width:1px
|
|
|
|
|
export default function styleStringProperty(prop) {
|
|
|
|
|
return computed(prop, function() {
|
|
|
|
|
const styles = this.get(prop);
|
|
|
|
|
let str = '';
|
|
|
|
|
|
|
|
|
|
if (styles) {
|
|
|
|
|
str = Object.keys(styles)
|
|
|
|
|
.reduce(function(arr, key) {
|
|
|
|
|
const val = styles[key];
|
|
|
|
|
arr.push(key + ':' + (typeof val === 'number' ? val.toFixed(2) + 'px' : val));
|
|
|
|
|
return arr;
|
|
|
|
|
}, [])
|
|
|
|
|
.join(';');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return str.htmlSafe();
|
|
|
|
|
});
|
|
|
|
|
}
|
