Browse Source

Escape asset rendering. Fixes #3596

pull/3670/head
Artur Arseniev 5 years ago
parent
commit
25e9a0b331
  1. 14
      src/asset_manager/view/AssetImageView.js

14
src/asset_manager/view/AssetImageView.js

@ -1,5 +1,6 @@
import { isFunction } from 'underscore'; import { isFunction } from 'underscore';
import AssetView from './AssetView'; import AssetView from './AssetView';
import html from 'utils/html';
export default AssetView.extend({ export default AssetView.extend({
events: { events: {
@ -9,24 +10,23 @@ export default AssetView.extend({
}, },
getPreview() { getPreview() {
const pfx = this.pfx; const { pfx, ppfx, model } = this;
const src = this.model.get('src'); const src = model.get('src');
return ` return html`
<div class="${pfx}preview" style="background-image: url('${src}');"></div> <div class="${pfx}preview" style="background-image: url('${src}');"></div>
<div class="${pfx}preview-bg ${this.ppfx}checker-bg"></div> <div class="${pfx}preview-bg ${ppfx}checker-bg"></div>
`; `;
}, },
getInfo() { getInfo() {
const pfx = this.pfx; const { pfx, model } = this;
const model = this.model;
let name = model.get('name'); let name = model.get('name');
let width = model.get('width'); let width = model.get('width');
let height = model.get('height'); let height = model.get('height');
let unit = model.get('unitDim'); let unit = model.get('unitDim');
let dim = width && height ? `${width}x${height}${unit}` : ''; let dim = width && height ? `${width}x${height}${unit}` : '';
name = name || model.getFilename(); name = name || model.getFilename();
return ` return html`
<div class="${pfx}name">${name}</div> <div class="${pfx}name">${name}</div>
<div class="${pfx}dimensions">${dim}</div> <div class="${pfx}dimensions">${dim}</div>
`; `;

Loading…
Cancel
Save