discourse/app/assets/javascripts/wizard/components/image-preview-logo-url.js.es6

33 lines
793 B
Plaintext
Raw Normal View History

2016-09-16 16:12:56 -04:00
import { observes } from 'ember-addons/ember-computed-decorators';
import { createPreviewComponent, drawHeader } from 'wizard/lib/preview';
2016-09-16 16:12:56 -04:00
export default createPreviewComponent(400, 100, {
image: null,
@observes('field.value')
imageChanged() {
this.reload();
},
images() {
return { image: this.get('field.value') };
2016-09-16 16:12:56 -04:00
},
paint(ctx, colors, width, height) {
const headerHeight = height / 2;
drawHeader(ctx, colors, width, headerHeight);
const image = this.image;
const headerMargin = headerHeight * 0.2;
const imageHeight = headerHeight - (headerMargin * 2);
const ratio = imageHeight / image.height;
this.scaleImage(image, headerMargin, headerMargin, image.width * ratio, imageHeight);
2016-09-16 16:12:56 -04:00
this.drawPills(colors, height / 2);
2016-09-16 16:12:56 -04:00
}
});