Frontend entities should have a reference to allEntities.

There are probably more optimal ways of achieving this other than
passing a reference to the full list of entities to each of the
entities, such as running a BFS to recursively expand all the entities
within the child hierarchy of an entity.

This is needed because the entity needs to know which entities aren't
direct children, but are two or more layers down in the hierarchy, so
they should be passed to their own child entities.

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

@@ -24,11 +24,12 @@
       </div>
     </div>
 
-    <div class="children fade-in" v-if="!isCollapsed">
+    <div class="children fade-in" v-if="hasChildren && !isCollapsed">
       <div class="child" v-for="entity in computedChildren" :key="entity.id">
         <Entity
          :value="entity"
          :parent="value"
+         :children="childrenByParentId(entity.id)"
          :loading="loading"
          :level="level + 1"
          @show-modal="$emit('show-modal', $event)"
@@ -88,6 +89,19 @@ export default {
       return this.objectsEqual(a, b)
     },
 
+    childrenByParentId(parentId) {
+      return Object.values(this.allEntities || {}).
+        filter(
+          (entity) => entity
+            && entity.parent_id === parentId
+            && !entity.is_configuration
+        ).
+        reduce((obj, entity) => {
+          obj[entity.id] = entity
+          return obj
+        }, {})
+    },
+
     onClick(event) {
       event.stopPropagation()
 

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

@@ -31,6 +31,11 @@ export default {
       default: () => {},
     },
 
+    allEntities: {
+      type: Object,
+      default: () => {},
+    },
+
     level: {
       type: Number,
       default: 0,

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

@@ -57,6 +57,7 @@
                 <Entity
                   :value="entity"
                   :children="childrenByParentId(entity.id)"
+                  :all-entities="entities"
                   @show-modal="onEntityModal($event)"
                   @input="onEntityInput(entity)"
                   :error="!!errorEntities[entity.id]"