Add dev dashboad

config-dev/configuration.yaml

@@ -8,9 +8,25 @@ hacs:
   token: !secret hacs_dev_token
   appdaemon: true
   netdaemon: true
-  frontend_repo_url: !secret hacs_dev_url
 
 logger:
   default: info
   logs:
     hacs: debug
+
+lovelace:
+  mode: yaml
+  resources:
+    - type: module
+      url: /hacsfiles/button-card/button-card.js
+    - type: module
+      url: /hacsfiles/lovelace-state-switch/state-switch.js
+    - type: module
+      url: http://192.168.0.13:5000/time-picker-card.js
+  dashboards:
+    lovelace-home:
+      mode: yaml
+      title: Home
+      icon: mdi:home
+      show_in_sidebar: true
+      filename: ui-lovelace.yaml

config-dev/ui-lovelace.yaml

@@ -0,0 +1,100 @@
+title: Home
+views:
+  - title: dev
+    path: dev
+    cards:
+      - type: horizontal-stack
+        cards:
+          - type: custom:button-card
+            icon: mdi:reload
+            name: Theme
+            tap_action:
+              action: call-service
+              service: frontend.reload_themes
+          - type: custom:button-card
+            icon: mdi:reload
+            name: Resources
+            tap_action:
+              action: call-service
+              service: lovelace.reload_resources
+          - type: custom:button-card
+            name: time picker
+            icon: mdi:clock
+            tap_action:
+              action: navigate
+              navigation_path: "#time_picker"
+          - type: custom:button-card
+            icon: mdi:folder
+            name: folder
+            tap_action:
+              action: navigate
+              navigation_path: "#folder"
+
+      - type: custom:state-switch
+        entity: hash
+        default: time_picker
+        states:
+          time_picker:
+            type: vertical-stack
+            cards:
+              - type: markdown
+                content: "# 🕰 Time Picker Card dev"
+              - type: entities
+                entities:
+                  - input_datetime.alarm_time
+              - type: horizontal-stack
+                cards:
+                  - type: custom:time-picker-card
+                    entity: input_datetime.alarm_time
+                    name: Alarm time
+                    hour_mode: 24
+                    hour_step: 2
+                  - type: custom:time-picker-card
+                    entity: input_datetime.alarm_time
+                    hour_mode: 12
+                    layout:
+                      hour_mode: single
+                    hide:
+                      name: true
+
+              - type: custom:time-picker-card
+                entity: input_datetime.alarm_time
+
+              - type: horizontal-stack
+                cards:
+                  - type: custom:time-picker-card
+                    entity: input_datetime.alarm_time
+                    hour_mode: 12
+                    hide:
+                      name: true
+                  - type: custom:time-picker-card
+                    entity: input_datetime.alarm_time
+                    link_values: true
+                    hour_mode: 12
+                    hour_step: 2
+                    minute_step: 3
+                    layout:
+                      hour_mode: single
+                    hide:
+                      name: false
+
+
+          folder:
+            type: vertical-stack
+            cards:
+              - type: markdown
+                content: "# 📂 Folder Card dev"
+              - type: horizontal-stack
+                cards:
+                  - type: custom:folder-card
+                    entity: sensor.pds
+                    max_count: 3
+                    show_count: true
+                  - type: custom:folder-card
+                    entity: sensor.pds
+                    max_count: 5
+                  - type: custom:folder-card
+                    entity: sensor.pds
+                    max_count: 2
+              - type: custom:folder-card
+                entity: sensor.pds