lovelace - Add ability to controll each bulb of ceiling fan

lovelace/floorplan.yaml

@@ -1,6 +1,8 @@
-type: picture-elements
-image: !file /local/images/Bottenvåning.png
-elements:
+type: vertical-stack
+cards:
+  - type: picture-elements
+    image: !file /local/images/Bottenvåning.png
+    elements:
 
       {% set lamp = """
         type: state-icon
@@ -45,7 +47,7 @@ elements:
         tap_action: { action: toggle }
         style: { left: 16%, top: 84% }
 
-# Vardagsrummet
+    # Vardagsrummet
       - entity: light.vardagsrum
         style: { left: 60%, top: 30% }
         {{ dimlamp }}
@@ -59,17 +61,17 @@ elements:
         entity: sensor.vardagsrum_0
         style: { left: 40%, top: 36% }
 
-# Sovrum
+    # Sovrum
       - entity: light.sovrum
         style: { left: 81%, top: 30% }
         {{ dimlamp }}
 
-# Tvättstuga
+    # Tvättstuga
       - entity: light.skotbord
         style: { left: 21%, top: 15% }
         {{ lamp }}
 
-# Utomhus
+    # Utomhus
       - entity: light.ute_framsidan
         style: { left: 44%, top: 94% }
         {{ lamp }}
@@ -92,3 +94,25 @@ elements:
       - type: state-label
         entity: sensor.elmatare_0
         style: { left: 5%, top: 55% }
+  - type: custom:popup-card
+    entity: light.takflakt
+    title: Takfläkt
+    card:
+      type: entities
+      entities:
+        - type: custom:slider-entity-row
+          entity: light.takflakt
+          name: All
+        - type: section
+        - type: custom:slider-entity-row
+          entity: light.takflakt_1
+          name: 1
+        - type: custom:slider-entity-row
+          entity: light.takflakt_2
+          name: 2
+        - type: custom:slider-entity-row
+          entity: light.takflakt_3
+          name: 3
+        - type: custom:slider-entity-row
+          entity: light.takflakt_4
+          name: 4

lovelace/resources.yaml

@@ -4,3 +4,7 @@
   type: js
 - url: !file /local/lovelace-time-input-row/time-input-row.js
   type: js
+- url: !file /local/lovelace-popup-card/popup-card.js
+  type: js
+- url: !file /local/lovelace-slider-entity-row/slider-entity-row.js
+  type: js