API tools faq
paste
Advertisement
amishman

Rotating Fan Icon

amishman
May 8th, 2022
153
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.56 KB | None | 0 0
raw download clone embed print report
  1. kiosk_mode:
  2. user_settings:
  3. - users:
  4. - Tablet - Master
  5. - Tablet - Logan
  6. - Tablet - Hallway
  7. kiosk: true
  8. ignore_entity_settings: true
  9. views:
  10. - title: Home
  11. path: home
  12. icon: mdi:home
  13. layout:
  14. grid-auto-columns: 10%
  15. grid-auto-rows: 10%
  16. mediaquery:
  17. '(max-width: 1300px)':
  18. grid-auto-columns: 122px
  19. grid-auto-rows: 125px
  20. type: custom:grid-layout
  21. visible:
  22. - user: 02353g6y51904b5sda78b5b9c9f3c7gq
  23. cards:
  24. - type: custom:ecobee-card
  25. entity: climate.ecobee
  26. - type: custom:stack-in-card
  27. mode: horizontal
  28. cards:
  29. - type: button
  30. tap_action:
  31. action: toggle
  32. entity: lock.front_door_lock
  33. name: Front Door
  34. hold_action:
  35. action: none
  36. icon_height: 50px
  37. - type: button
  38. tap_action:
  39. action: toggle
  40. entity: lock.garage_door_lock
  41. name: Garage Door
  42. hold_action:
  43. action: none
  44. icon_height: 50px
  45. - type: button
  46. tap_action:
  47. action: toggle
  48. entity: lock.back_door_lock
  49. name: Back Door
  50. hold_action:
  51. action: none
  52. icon_height: 50px
  53. view_layout:
  54. grid-column-start: 7
  55. grid-column-end: 11
  56. grid-row-start: 2
  57. grid-row-end: 2
  58. - type: custom:stack-in-card
  59. cards:
  60. - type: vertical-stack
  61. cards:
  62. - type: light
  63. hold_action:
  64. action: none
  65. entity: light.master_bedroom_light
  66. name: Master Bedroom
  67. card_mod:
  68. style:
  69. .: |
  70. ha-card {
  71. --name-font-size: 1.5rem !important;
  72. --brightness-font-size: 1.6rem !important;
  73. }
  74. .content: |
  75. #info {
  76. padding: 16px 16px 3px 16px !important;
  77. }
  78. - type: entities
  79. show_header_toggle: false
  80. card_mod:
  81. style:
  82. '#states div':
  83. fan-percent-button-row$:
  84. hui-generic-entity-row$:
  85. state-badge$:
  86. ha-state-icon$: |
  87. ha-svg-icon {
  88. width: 48px;
  89. height: 48px;
  90. position: relative;
  91. bottom: 4px;
  92. animation-name: Fan;
  93. animation-iteration-count: infinite;
  94. animation-direction: spin-back;
  95. animation-timing-function: linear;
  96. {% if state_attr('fan.master_bedroom_fan', 'percentage') == 33 %}
  97. animation-duration: 3s;
  98. {%- elif state_attr('fan.master_bedroom_fan', 'percentage') == 67 %}
  99. animation-duration: 1.5s;
  100. {%- elif state_attr('fan.master_bedroom_fan', 'percentage') == 100 %}
  101. animation-duration: .75s;
  102. {%- else -%}
  103. animation-timing-function: ease-out !important;
  104. animation-duration: 0s;
  105. {%- endif %}
  106. }
  107. @keyframes Fan {
  108. 0% {
  109. transform: rotate(0deg);
  110. }
  111. 100% {
  112. transform: rotate(-360deg);
  113. }
  114. }
  115. .: |
  116. ha-icon { color: #aaa9ad; }
  117. .: |
  118. .info {
  119. display: none;
  120. }
  121. .: |
  122. .speed {
  123. font-size: 14px !important;
  124. }
  125.  
  126. .horizontal.layout.horizontal {
  127. margin-left: 30px;
  128. }
  129. entities:
  130. - entity: fan.master_bedroom_fan
  131. type: custom:fan-percent-button-row
  132. customTheme: true
  133. isOffColor: '#209cee'
  134. isOnLowColor: '#209cee'
  135. isOnMedColor: '#209cee'
  136. isOnHiColor: '#209cee'
  137. buttonInactiveColor: rgb(0,0,0,0.0)
  138. width: 58px
  139. height: 40px
  140. style: 'ha-card { height: 100%; }'
  141. view_layout:
  142. grid-column: 1 / 4
  143. grid-row: 1 / 3
  144. - type: custom:stack-in-card
  145. cards:
  146. - type: vertical-stack
  147. cards:
  148. - type: light
  149. hold_action:
  150. action: none
  151. entity: light.logans_light
  152. name: Logan's Room
  153. card_mod:
  154. style:
  155. .: |
  156. ha-card {
  157. --name-font-size: 1.5rem !important;
  158. --brightness-font-size: 1.6rem !important;
  159. }
  160. .content: |
  161. #info {
  162. padding: 16px 16px 3px 16px !important;
  163. }
  164. - type: entities
  165. show_header_toggle: false
  166. card_mod:
  167. style:
  168. '#states div':
  169. fan-percent-button-row$:
  170. hui-generic-entity-row$:
  171. state-badge$:
  172. ha-state-icon$: |
  173. ha-svg-icon {
  174. width: 48px;
  175. height: 48px;
  176. position: relative;
  177. bottom: 4px;
  178. animation-name: back-spin;
  179. animation-iteration-count: infinite;
  180. animation-direction: spin-back;
  181. animation-timing-function: linear;
  182. {% if state_attr('fan.logans_fan', 'percentage') == 33 %}
  183. animation-duration: 3s;
  184. {%- elif state_attr('fan.logans_fan', 'percentage') == 67 %}
  185. animation-duration: 1.5s;
  186. {%- elif state_attr('fan.logans_fan', 'percentage') == 100 %}
  187. animation-duration: .75s;
  188. {%- elif state_attr('fan.logans_fan', 'percentage') == 0 %}
  189. animation-timing-function: ease-out !important;
  190. animation-duration: 0s;
  191. {%- endif %}
  192. }
  193. @keyframes back-spin {
  194. 0% {
  195. transform: rotate(0deg);
  196. }
  197. 100% {
  198. transform: rotate(-360deg);
  199. }
  200. }
  201. .: |
  202. ha-icon { color: #aaa9ad; }
  203. .: |
  204. .info {
  205. display: none;
  206. }
  207. .: |
  208. .speed {
  209. font-size: 14px !important;
  210. }
  211.  
  212. .horizontal.layout.horizontal {
  213. margin-left: 30px;
  214. }
  215. entities:
  216. - entity: fan.logans_fan
  217. type: custom:fan-percent-button-row
  218. customTheme: true
  219. isOffColor: '#209cee'
  220. isOnLowColor: '#209cee'
  221. isOnMedColor: '#209cee'
  222. isOnHiColor: '#209cee'
  223. buttonInactiveColor: rgb(0,0,0,0.0)
  224. width: 58px
  225. height: 40px
  226. view_layout:
  227. grid-column: 4 / 7
  228. grid-row: 1/ 3
  229. - type: light
  230. entity: light.kittens_light
  231. icon: mdi:lightbulb-outline
  232. hold_action:
  233. action: none
  234. style: 'ha-card { height: 100%; }'
  235. card_mod:
  236. style:
  237. .: |
  238. ha-card {
  239. --name-font-size: 1.5rem !important;
  240. --brightness-font-size: 1.6rem !important;
  241. }
  242. .content: |
  243. #info {
  244. padding: 8px 16px 30px 16px !important;
  245. }
  246. view_layout:
  247. grid-column: 7 / 9
  248. grid-row: 1 / 3
  249. - type: button
  250. tap_action:
  251. action: toggle
  252. entity: light.upstairs_lights
  253. hold_action:
  254. action: none
  255. card_mod:
  256. style: |
  257. ha-card {
  258. font-size: 1.5rem !important;
  259. }
  260. view_layout:
  261. grid-column: 9 / 11
  262. grid-row: 4 / 6
  263. name: All Upstairs Lights
  264. - type: button
  265. tap_action:
  266. action: toggle
  267. entity: light.living_room_lights
  268. hold_action:
  269. action: none
  270. card_mod:
  271. style: |
  272. ha-card {
  273. font-size: 1.5rem !important;
  274. }
  275. view_layout:
  276. grid-column: 7 / 9
  277. grid-row: 4/ 6
  278. grid-gap: 10px
  279. - type: picture-glance
  280. title: Front Door
  281. entities: []
  282. camera_image: camera.front_door
  283. camera_view: live
  284. hold_action:
  285. action: none
  286. tap_action:
  287. action: navigate
  288. navigation_path: camera
  289. view_layout:
  290. grid-column: 1 / 5
  291. grid-row: 4 / 6
  292. - type: entities
  293. entities:
  294. - type: custom:battery-entity-row
  295. entity: sensor.front_door_lock_battery_level
  296. name: Front Door
  297. card_mod:
  298. style: |
  299. :host {
  300. font-size: 1.2rem;
  301. padding-top: 3px;
  302. }
  303. - type: custom:battery-entity-row
  304. entity: sensor.garage_door_lock_battery_level
  305. name: Garage Door
  306. card_mod:
  307. style: |
  308. :host {
  309. font-size: 1.2rem;
  310. }
  311. - type: custom:battery-entity-row
  312. entity: sensor.back_door_lock_battery_level
  313. name: Back Door
  314. card_mod:
  315. style: |
  316. :host {
  317. font-size: 1.2rem;
  318. }
  319. - type: custom:battery-entity-row
  320. entity: sensor.leak_power
  321. name: Leak Sensor
  322. card_mod:
  323. style:
  324. '#states div':
  325. battery-entity-row$: |
  326. .flex {
  327. background-color: blue;
  328. }
  329. view_layout:
  330. grid-column: 9 / 11
  331. grid-row: 1 / 3
  332. - type: button
  333. tap_action:
  334. action: toggle
  335. entity: switch.digital_f
  336. show_state: true
  337. hold_action:
  338. action: none
  339. - type: entities
  340. entities:
  341. - entity: light.ecosmart_b1
  342. - entity: light.ecosmart_b2
  343. - entity: light.ecosmart_b3
  344. - entity: light.ecosmart_b4
  345. - entity: light.ecosmart_b5
  346. - type: light
  347. hold_action:
  348. action: none
  349. double_tap_action:
  350. action: none
  351. entity: light.basement_lights
  352. - type: button
  353. tap_action:
  354. action: toggle
  355. entity: switch.t_button
  356. show_state: true
  357. hold_action:
  358. action: none
  359. name: Kitchen - Test
  360. - show_name: true
  361. show_icon: true
  362. type: button
  363. tap_action:
  364. action: toggle
  365. entity: switch.server_light
  366. name: Server Light
  367. icon: mdi:lightbulb
  368. - type: light
  369. entity: light.hue_color_1
  370. - type: button
  371. tap_action:
  372. action: toggle
  373. entity: switch.picture_frame
  374. - show_name: true
  375. show_icon: true
  376. type: button
  377. tap_action:
  378. action: toggle
  379. icon: mdi:lightbulb
  380. entity: switch.plug_3
  381. name: UV Light
  382. - title: Camera
  383. path: camera
  384. icon: mdi:camera
  385. type: panel
  386. visible:
  387. - user: 02353g6y51904b5sda78b5b9c9f3c7gq
  388. badges: []
  389. cards:
  390. - type: picture-glance
  391. entities: []
  392. camera_image: camera.front_door
  393. camera_view: live
  394. aspect_ratio: 1920x1200
  395. tap_action:
  396. action: navigate
  397. navigation_path: home
  398.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!