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

33 lines
744 B
Text
Raw Normal View History

2016-09-16 17:02:45 -04:00
import { observes } from 'ember-addons/ember-computed-decorators';
import { createPreviewComponent, } from 'wizard/lib/preview';
2016-09-16 17:02:45 -04:00
export default createPreviewComponent(371, 124, {
tab: null,
image: null,
@observes('field.value')
imageChanged() {
this.reload();
},
images() {
return { tab: "/images/wizard/tab.png", image: this.get('field.value') };
2016-09-16 17:02:45 -04:00
},
paint(ctx, colors, width, height) {
ctx.drawImage(this.tab, 0, 0, width, height);
ctx.drawImage(this.image, 40, 25, 30, 30);
ctx.font = `20px 'Arial'`;
ctx.fillStyle = '#000';
let title = this.get('wizard').getTitle();
if (title.length > 20) {
title = title.substring(0, 20) + "...";
}
ctx.fillText(title, 80, 48);
}
});