From 987496dbc0507c4506b828ba0fde1b43336e7cbf Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Tue, 29 Aug 2017 01:32:44 +0200
Subject: [PATCH] Refactor asset view template

---
 src/asset_manager/view/AssetImageView.js | 27 ++++++++++++------------
 src/asset_manager/view/AssetView.js      | 22 +++++++++++++++++++
 2 files changed, 36 insertions(+), 13 deletions(-)

diff --git a/src/asset_manager/view/AssetImageView.js b/src/asset_manager/view/AssetImageView.js
index 8a1d35305..dab291e0b 100644
--- a/src/asset_manager/view/AssetImageView.js
+++ b/src/asset_manager/view/AssetImageView.js
@@ -6,9 +6,18 @@ module.exports = require('./AssetView').extend({
     'click [data-toggle=asset-remove]': 'removeItem',
   },
 
-  template(view, model) {
-    const pfx = view.pfx;
-    const ppfx = view.ppfx;
+  getPreview() {
+    const pfx = this.pfx;
+    const src = this.model.get('src');
+    return `
+      <div id="${pfx}preview" style="background-image: url(${src});"></div>
+      <div id="${pfx}preview-bg" class="${this.ppfx}checker-bg"></div>
+    `;
+  },
+
+  getInfo() {
+    const pfx = this.pfx;
+    const model = this.model;
     let name = model.get('name');
     let width = model.get('width');
     let height = model.get('height');
@@ -16,16 +25,8 @@ module.exports = require('./AssetView').extend({
     let dim = width && height ? `${width}x${height}${unit}` : '';
     name = name || model.getFilename();
     return `
-      <div id="${pfx}preview-cont">
-        <div id="${pfx}preview" style="background-image: url(${model.get('src')});"></div>
-        <div id="${pfx}preview-bg" class="${ppfx}checker-bg"></div>
-      </div>
-      <div id="${pfx}meta">
-        <div id="${pfx}name">${name}</div>
-        <div id="${pfx}dimensions">${dim}</div>
-      </div>
-      <div id="${pfx}close" data-toggle="asset-remove">&Cross;</div>
-      <div style="clear:both"></div>
+      <div id="${pfx}name">${name}</div>
+      <div id="${pfx}dimensions">${dim}</div>
     `;
   },
 
diff --git a/src/asset_manager/view/AssetView.js b/src/asset_manager/view/AssetView.js
index 43981747e..53ac989b2 100644
--- a/src/asset_manager/view/AssetView.js
+++ b/src/asset_manager/view/AssetView.js
@@ -14,6 +14,28 @@ module.exports = Backbone.View.extend({
     init && init(o);
   },
 
+  template() {
+    const pfx = this.pfx;
+    return `
+      <div id="${pfx}preview-cont">
+        ${this.getPreview()}
+      </div>
+      <div id="${pfx}meta">
+        ${this.getInfo()}
+      </div>
+      <div id="${pfx}close" data-toggle="asset-remove">&Cross;</div>
+      <div style="clear:both"></div>
+    `;
+  },
+
+  getPreview() {
+    return '';
+  },
+
+  getInfo() {
+    return '';
+  },
+
   render() {
     const el = this.el;
     el.innerHTML = this.template(this, this.model);