ItemSummaryBlock listens for changes of css class and updates DOM acc…

…ordingly
UUDigitalHumanitieslab · May 27, 2021 · ea11af1 · ea11af1
1 parent 88c75e6
commit ea11af1
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/frontend/src/item-summary-block/item-summary-block-view.ts b/frontend/src/item-summary-block/item-summary-block-view.ts
@@ -37,6 +37,7 @@ export default class ItemSummaryBlockView extends View {
         } else {
             this.listenToOnce(this.model, 'complete', this.render);
         }
+        this.listenTo(this.model, 'change:cssClass', this.updateClass);
     }
 
     _startListening(): void {
@@ -49,6 +50,11 @@ export default class ItemSummaryBlockView extends View {
 
     render(): this {
         this.$el.html(this.template(this.model.attributes));
+        this.updateClass();
+        return this;
+    }
+
+    updateClass(): this {
         let currentClass = this.model.get('cssClass');
         if (this.setClass != currentClass) {
             this.$el.removeClass(this.setClass);