Blink entities body upon update

platypush/backend/http/webapp/src/components/panels/Entities/Entity.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="row item entity-container">
+  <div class="row item entity-container" :class="{blink: justUpdated}">
     <component :is="component"
       :value="value"
       :loading="loading"
@@ -22,6 +22,7 @@ export default {
   data() {
     return {
       component: null,
+      justUpdated: false,
     }
   },
 
@@ -31,6 +32,15 @@ export default {
           t[0].toUpperCase() + t.slice(1)
       ).join('')
 
+      this.$watch(
+          () => this.value,
+          () => {
+              this.justUpdated = true
+              const self = this;
+              setTimeout(() => self.justUpdated = false, 1000)
+          }
+      )
+
       this.component = defineAsyncComponent(
         () => import(`@/components/panels/Entities/${type}`)
       )
@@ -47,4 +57,14 @@ export default {
   position: relative;
   padding: 0 !important;
 }
+
+.blink {
+  animation: blink-animation 1s steps(20, start);
+}
+
+@keyframes blink-animation {
+  to {
+    background: $active-bg;
+  }
+}
 </style>