views/camera.yaml at main · EyeVisionsNL/views · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
type: custom:button-card
template:
  - variable_template
  - body_template
styles:
  grid:
    - grid-template-areas: |
        "title status"
        "card1 card2"
        "card3 card4"
    - grid-template-rows: min-content 4fr 4fr
    - grid-template-columns: 50% 50%
  custom_fields:
    title:
      - align-self: start
      - justify-self: start
      - padding: 1px
    card1:
      - align-self: center
      - justify-self: center
      - height: auto
      - display: flex
    card2:
      - align-self: center
      - justify-self: center
      - height: auto
      - display: flex
custom_fields:
  title:
    card:
      type: custom:button-card
      icon: mdi:clock
      name: "[[[ return variables.var_current_time ]]]"
      tap_action:
        action: navigate
        navigation_path: clock
      hold_action:
        action: navigate
        navigation_path: clock
      styles:
        card:
          - background-color: transparent
          - text-shadow: 1px 1px black
          - font-weight: bold
          - border-width: 0px
          - width: 100%
          - padding: 0px
        grid:
          - grid-template-areas: "\"i n\""
          - grid-template-columns: min-content min-content
        name:
          - font-size: 6vh
          - font-weight: bold
          - color: white
        icon:
          - filter: drop-shadow(2px 2px 2px black)
          - width: 10vh
          - color: white
  card1:
    card:
      type: picture-entity
      title: achtertuin
      entity: camera.camera_achtertuin
      show_state: false
      show_name: true
      camera_view: live
      camera_image: camera.camera_achtertuin
    card_mod:
      style:
        .: |
          .content {
            transform: scale(1.1);
          }
        ha-icon-button:
          $:
            mwc-icon-button:
              $:
                button: |
                  mwc-ripple {
                    display: none;
                  }
  card2:
    card:
      type: picture-entity
      title: voordeur
      entity: camera.camera_voordeurbel
      show_state: false
      show_name: true
      camera_view: live
      camera_image: camera.camera_voordeurbel
    card_mod:
      style:
        .: |
          .content {
            transform: scale(1.1);
          }
        ha-icon-button:
          $:
            mwc-icon-button:
              $:
                button: |
                  mwc-ripple {
                    display: none;
                  }