Use local and optimized images in gallery (#1506)
BIN
gallery/public/images/bed.png
Normal file
After Width: | Height: | Size: 111 KiB |
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 26 KiB |
BIN
gallery/public/images/kitchen.png
Normal file
After Width: | Height: | Size: 115 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 5.5 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 8.2 KiB |
BIN
gallery/public/images/living_room.png
Normal file
After Width: | Height: | Size: 115 KiB |
@ -126,7 +126,7 @@ const CONFIGS = [
|
|||||||
style:
|
style:
|
||||||
height: 30px
|
height: 30px
|
||||||
margin: 4px 0
|
margin: 4px 0
|
||||||
background: center / contain url("images/divider.png") no-repeat
|
background: center / contain url("/images/divider.png") no-repeat
|
||||||
`
|
`
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
@ -8,7 +8,7 @@ const CONFIGS = [
|
|||||||
heading: 'State on',
|
heading: 'State on',
|
||||||
config: `
|
config: `
|
||||||
- type: picture-entity
|
- type: picture-entity
|
||||||
image: https://images.pexels.com/photos/1027508/pexels-photo-1027508.jpeg
|
image: /images/kitchen.png
|
||||||
entity: light.kitchen_lights
|
entity: light.kitchen_lights
|
||||||
`
|
`
|
||||||
},
|
},
|
||||||
@ -16,7 +16,7 @@ const CONFIGS = [
|
|||||||
heading: 'State off',
|
heading: 'State off',
|
||||||
config: `
|
config: `
|
||||||
- type: picture-entity
|
- type: picture-entity
|
||||||
image: https://images.pexels.com/photos/775219/pexels-photo-775219.jpeg
|
image: /images/bed.png
|
||||||
entity: light.bed_light
|
entity: light.bed_light
|
||||||
`
|
`
|
||||||
},
|
},
|
||||||
@ -24,7 +24,7 @@ const CONFIGS = [
|
|||||||
heading: 'Entity unavailable',
|
heading: 'Entity unavailable',
|
||||||
config: `
|
config: `
|
||||||
- type: picture-entity
|
- type: picture-entity
|
||||||
image: https://images.pexels.com/photos/276724/pexels-photo-276724.jpeg
|
image: /images/living_room.png
|
||||||
entity: light.non_existing
|
entity: light.non_existing
|
||||||
`
|
`
|
||||||
},
|
},
|
||||||
@ -39,7 +39,7 @@ const CONFIGS = [
|
|||||||
heading: 'Hidden info',
|
heading: 'Hidden info',
|
||||||
config: `
|
config: `
|
||||||
- type: picture-entity
|
- type: picture-entity
|
||||||
image: https://images.pexels.com/photos/1027508/pexels-photo-1027508.jpeg
|
image: /images/kitchen.png
|
||||||
entity: light.kitchen_lights
|
entity: light.kitchen_lights
|
||||||
show_info: false
|
show_info: false
|
||||||
`
|
`
|
||||||
|
@ -8,7 +8,7 @@ const CONFIGS = [
|
|||||||
heading: 'Title, dialog, toggle',
|
heading: 'Title, dialog, toggle',
|
||||||
config: `
|
config: `
|
||||||
- type: picture-glance
|
- type: picture-glance
|
||||||
image: https://images.pexels.com/photos/276724/pexels-photo-276724.jpeg
|
image: /images/living_room.png
|
||||||
title: Living room
|
title: Living room
|
||||||
entities:
|
entities:
|
||||||
- switch.decorative_lights
|
- switch.decorative_lights
|
||||||
@ -21,7 +21,7 @@ const CONFIGS = [
|
|||||||
heading: 'Title, dialog, no toggle',
|
heading: 'Title, dialog, no toggle',
|
||||||
config: `
|
config: `
|
||||||
- type: picture-glance
|
- type: picture-glance
|
||||||
image: https://images.pexels.com/photos/276724/pexels-photo-276724.jpeg
|
image: /images/living_room.png
|
||||||
title: Living room
|
title: Living room
|
||||||
entities:
|
entities:
|
||||||
- binary_sensor.movement_backyard
|
- binary_sensor.movement_backyard
|
||||||
@ -32,7 +32,7 @@ const CONFIGS = [
|
|||||||
heading: 'Title, no dialog, toggle',
|
heading: 'Title, no dialog, toggle',
|
||||||
config: `
|
config: `
|
||||||
- type: picture-glance
|
- type: picture-glance
|
||||||
image: https://images.pexels.com/photos/276724/pexels-photo-276724.jpeg
|
image: /images/living_room.png
|
||||||
title: Living room
|
title: Living room
|
||||||
entities:
|
entities:
|
||||||
- switch.decorative_lights
|
- switch.decorative_lights
|
||||||
@ -43,7 +43,7 @@ const CONFIGS = [
|
|||||||
heading: 'No title, dialog, toggle',
|
heading: 'No title, dialog, toggle',
|
||||||
config: `
|
config: `
|
||||||
- type: picture-glance
|
- type: picture-glance
|
||||||
image: https://images.pexels.com/photos/276724/pexels-photo-276724.jpeg
|
image: /images/living_room.png
|
||||||
entities:
|
entities:
|
||||||
- switch.decorative_lights
|
- switch.decorative_lights
|
||||||
- light.ceiling_lights
|
- light.ceiling_lights
|
||||||
@ -55,7 +55,7 @@ const CONFIGS = [
|
|||||||
heading: 'No title, dialog, no toggle',
|
heading: 'No title, dialog, no toggle',
|
||||||
config: `
|
config: `
|
||||||
- type: picture-glance
|
- type: picture-glance
|
||||||
image: https://images.pexels.com/photos/276724/pexels-photo-276724.jpeg
|
image: /images/living_room.png
|
||||||
entities:
|
entities:
|
||||||
- binary_sensor.movement_backyard
|
- binary_sensor.movement_backyard
|
||||||
- binary_sensor.basement_floor_wet
|
- binary_sensor.basement_floor_wet
|
||||||
@ -65,7 +65,7 @@ const CONFIGS = [
|
|||||||
heading: 'No title, no dialog, toggle',
|
heading: 'No title, no dialog, toggle',
|
||||||
config: `
|
config: `
|
||||||
- type: picture-glance
|
- type: picture-glance
|
||||||
image: https://images.pexels.com/photos/276724/pexels-photo-276724.jpeg
|
image: /images/living_room.png
|
||||||
entities:
|
entities:
|
||||||
- switch.decorative_lights
|
- switch.decorative_lights
|
||||||
- light.ceiling_lights
|
- light.ceiling_lights
|
||||||
|
@ -10,7 +10,7 @@ const CONFIGS = [
|
|||||||
- type: vertical-stack
|
- type: vertical-stack
|
||||||
cards:
|
cards:
|
||||||
- type: picture-entity
|
- type: picture-entity
|
||||||
image: https://images.pexels.com/photos/1027508/pexels-photo-1027508.jpeg
|
image: /images/kitchen.png
|
||||||
entity: light.kitchen_lights
|
entity: light.kitchen_lights
|
||||||
- type: glance
|
- type: glance
|
||||||
entities:
|
entities:
|
||||||
@ -25,7 +25,7 @@ const CONFIGS = [
|
|||||||
- type: horizontal-stack
|
- type: horizontal-stack
|
||||||
cards:
|
cards:
|
||||||
- type: picture-entity
|
- type: picture-entity
|
||||||
image: https://images.pexels.com/photos/1027508/pexels-photo-1027508.jpeg
|
image: /images/kitchen.png
|
||||||
entity: light.kitchen_lights
|
entity: light.kitchen_lights
|
||||||
- type: glance
|
- type: glance
|
||||||
entities:
|
entities:
|
||||||
@ -42,7 +42,7 @@ const CONFIGS = [
|
|||||||
- type: horizontal-stack
|
- type: horizontal-stack
|
||||||
cards:
|
cards:
|
||||||
- type: picture-entity
|
- type: picture-entity
|
||||||
image: https://images.pexels.com/photos/1027508/pexels-photo-1027508.jpeg
|
image: /images/kitchen.png
|
||||||
entity: light.kitchen_lights
|
entity: light.kitchen_lights
|
||||||
- type: glance
|
- type: glance
|
||||||
entities:
|
entities:
|
||||||
@ -50,7 +50,7 @@ const CONFIGS = [
|
|||||||
- device_tracker.demo_home_boy
|
- device_tracker.demo_home_boy
|
||||||
- device_tracker.demo_paulus
|
- device_tracker.demo_paulus
|
||||||
- type: picture-entity
|
- type: picture-entity
|
||||||
image: https://images.pexels.com/photos/775219/pexels-photo-775219.jpeg
|
image: /images/bed.png
|
||||||
entity: light.bed_light
|
entity: light.bed_light
|
||||||
`
|
`
|
||||||
},
|
},
|
||||||
|