Auto update files on 26-01-2024

ngocjohn · Jan 26, 2024 · b5d22fe · b5d22fe
1 parent 8ef6aea
commit b5d22fe
Show file tree

Hide file tree

Showing 7 changed files with 190 additions and 96 deletions.
diff --git a/config/README.md b/config/README.md
@@ -36,13 +36,13 @@ https://github.com/ngocjohn/hass-config/assets/96962827/acc1a4db-b92e-4ab1-ac9d-
       </thead>
       <tbody>
           <tr>
-              <td>32,608 </td>
+              <td>32,702 </td>
               <td>27</td>
               <td>190</td>
               <td>34</td>
               <td>54</td>
               <td>34</td>
-              <td>971</td>
+              <td>965</td>
               <td>195</td>
               <td>36</td>
           </tr>

diff --git a/config/dashboards/floorplan/mediaplayers.yaml b/config/dashboards/floorplan/mediaplayers.yaml
@@ -20,17 +20,15 @@
 - element:
     - atv-entity-picture
   entities:
-    - media_player.living_room_tv
     - sensor.youtube_thumbnail
+    - media_player.living_room_tv
   state_action:
     - service: floorplan.image_set
       service_data:
         image: >
           > let kodi = states['media_player.living_room_tv'].attributes.entity_picture,
                 atv = states['sensor.youtube_thumbnail'].state;
-            if (states['media_player.living_room_tv'].attributes.active_child === "media_player.kodi_atv")
-            return kodi;
-          return atv;
+            return (states['media_player.living_room_tv'].attributes.active_child === "media_player.kodi_atv") ? kodi : atv;
 
 - entity:
     - light.sony_tv_backlight

diff --git a/config/dashboards/templates/button_card_templates/tpl_base.yaml b/config/dashboards/templates/button_card_templates/tpl_base.yaml
@@ -331,7 +331,7 @@ extra_styles:
           font-weight: var(--button-card-font-weight);
           letter-spacing: var(--button-card-letter-spacing);
         }
-        #state, #label {
+        #state, #label, #detail {
           font-size: var(--button-card-state-size);
           font-weight: var(--button-card-font-weight);
           letter-spacing: var(--button-card-letter-spacing);
@@ -351,7 +351,7 @@ extra_styles:
           #name {
             font-size: calc(var(--button-card-font-size) * var(--card-phone));
           }
-          #state, #label {
+          #state, #label, #detail {
             font-size: calc(var(--button-card-state-size) * var(--card-phone));
           }
         }
@@ -418,7 +418,7 @@ extra_styles:
               background-color: rgba(0,0,0,0.9);
             }
         `:''}
-        ${(this._config.template.includes('conditional_media') || this._config.template.includes('conditional_media_shows') || this._config.template.includes('conditional_added_media')|| this._config.template.includes('kodi_lib_base') || this._config.template.includes('added_movies')) ? `
+        ${(this._config.template.includes('conditional_media') || this._config.template.includes('conditional_media_shows') || this._config.template.includes('kodi_lib_base') || this._config.template.includes('added_movies')) ? `
          /* * * * * * * * * * * * * * * * * *
           *                                 *
           *              MEDIA              *
@@ -444,7 +444,7 @@ extra_styles:
             #name {
               font-size: calc(var(--button-card-font-size) * var(--card-phone));
             }
-            #state, #label {
+            #state, #label, #detail {
               font-size: calc(var(--button-card-movie-state-size) * var(--card-phone));
             }
           }
@@ -505,14 +505,58 @@ extra_styles:
           #poster {
             border-radius: 8px !important;
           }
+          #state {
+            display: flex;
+            position: absolute;
+            align-self: center;
+          }
+
+          #detail {
+            display: block;
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            backdrop-filter: blur(50px);
+            background-color: #000000;
+            color: rgb(199, 199, 199);
+            box-sizing: border-box;
+            transform: translateY(100%);
+            transition-property: all;
+            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+            transition-duration: 500ms;
+          }
+          .moreinfo {
+            display: flex;
+            font-size: 1.2rem;
+            line-height: 150%;
+            flex-flow: column;
+            text-wrap: wrap;
+            height: 100%;
+            background-color: rgb(0 0 0 / 20%);
+            backdrop-filter: blur(5px);
+            margin: 0;
+            padding: 5%;
+            text-shadow: 2px 2px 4px black;
+            box-sizing: border-box;
+            overflow: auto;
+          }
+
           #label {
-            display: inline-flex;
+            color: rgb(199, 199, 199);
+            display: block;
+            width: 100%;
+            padding: 0px 6%;
+          }
+
+          .info {
+            display: flex;
             flex-direction: row;
             flex-wrap: nowrap;
             align-items: baseline;
             width: 100%;
             justify-content: space-between;
           }
+
         `:''}
         ${(this._config.template.includes('kodi_lib_base')) ? `
           #card {

diff --git a/config/dashboards/templates/button_card_templates/tpl_chips.yaml b/config/dashboards/templates/button_card_templates/tpl_chips.yaml
@@ -225,7 +225,7 @@ chip_air:
                     <stop offset="100%" stop-color="#FF5722" />
                   </linearGradient>
                   <path class="bg" d="M 20,80 A 40 40 0 1 1 80,80" />
-                  <path id="value" class="value" d="M 20,80 A 40 40 0 1 1 80,80" pathLength="100" />
+                  <path id="value" class="value" d="M 20,80 A 40 40 0 1 1 80,80" pathLength="99" />
                   <circle class="circle" cx="0" cy="0" r="3">
                       <animateMotion dur="1.5s" path="M 20,80 A 40 40 0 1 1 80,80" keyPoints="${keyPoints}" fill="freeze" keyTimes="0;1"
                           calcMode="linear" />