return backgrounImage as html safe

so it can be used as-is in the template on other elements
nypublicradio · Apr 10, 2017 · 26672a4 · 26672a4
1 parent 34b2dc2
commit 26672a4
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/addon/components/nypr-brick-item.js b/addon/components/nypr-brick-item.js
@@ -11,10 +11,13 @@ export default Component.extend({
   classNameBindings: ['item.attributes.template'],
   attributeBindings: ['style'],
 
-  style: computed('backgroundImage', function() {
-    return htmlSafe(`background-image: ${get(this, 'backgroundImage')}`);
-  }),
+  style: computed.reads('backgroundImage'),
   pk: reads('item.id'),
   vertical: equal('template', 'vertical'),
-  backgroundImage: computed.reads('item.attributes.imageMain.url')
+  backgroundImage: computed('item.attributes.imageMain.url', function() {
+    let backgroundImage = get(this, 'item.attributes.imageMain.url');
+    if (backgroundImage) {
+      return htmlSafe(`background-image: url(${backgroundImage});`);
+    }
+  })
 });