API tools faq
paste
Pivotonian

Cameras

Pivotonian
Sep 23rd, 2025
230
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.99 KB | None | 0 0
raw download clone embed print report
  1. type: custom:button-card
  2. entity: input_select.column_ab1
  3. show_name: false
  4. name: Cameras
  5. styles:
  6. grid:
  7. - grid-template-areas: '"camera list"'
  8. grid-template-columns: auto auto
  9. grid-template-rows: auto
  10. - align-items: start
  11. align-content: start
  12. align-self: start
  13. justify-content: start
  14. justify-self: start
  15. column-gap: 5px
  16. card:
  17. - background-color: transparent
  18. border: solid 12px transparent
  19. height: 375px
  20. width: 628px
  21. padding: 15px 15px 15px 15px
  22. margin: 0px 0px 0px 0px
  23. show_state: false
  24. show_icon: false
  25. custom_fields:
  26. camera:
  27. card:
  28. type: custom:button-card
  29. show_state: false
  30. show_name: true
  31. show_icon: false
  32. styles:
  33. grid:
  34. - grid-template-areas: >-
  35. "front street driveway kitchen patio cot backyard nursery
  36. cot_backup"
  37. - grid-template-columns: 1fr
  38. - grid-template-rows: 1fr
  39. card:
  40. - background-color: transparent
  41. padding: 0px 0px 0px 0px
  42. margin: 0px 0px 0px 0px
  43. width: 450px
  44. height: 323px
  45. border-radius: 15px
  46. custom_fields:
  47. front:
  48. card:
  49. type: conditional
  50. conditions:
  51. - condition: state
  52. entity: input_select.camera_selecter
  53. state: Front
  54. card:
  55. type: custom:mod-card
  56. card:
  57. type: iframe
  58. url: >-
  59. /api/scrypted/ac79914ec8c0f3ddf9a6b7def5ce70ad/endpoint/@scrypted/nvr/public/#/iframe/100?imageClick=app&videoClick=app&live=true
  60. allow_open_top_navigation: true
  61. style: |
  62. ha-card {
  63. width: 43vw !important;
  64. height: 38vh !important;
  65. justify-content: center;
  66. align-items: center;
  67. align-content: center;
  68. justify-self: center;
  69. overflow-x: auto;
  70. margin-left: -70px !important;
  71. }
  72. street:
  73. card:
  74. type: conditional
  75. conditions:
  76. - condition: state
  77. entity: input_select.camera_selecter
  78. state: Street
  79. card:
  80. type: custom:mod-card
  81. card:
  82. type: iframe
  83. url: >-
  84. /api/scrypted/ac79914ec8c0f3ddf9a6b7def5ce70ad/endpoint/@scrypted/nvr/public/#/iframe/101?imageClick=app&videoClick=app&live=true
  85. allow_open_top_navigation: true
  86. style: |
  87. ha-card {
  88. width: 43vw !important;
  89. height: 38vh !important;
  90. justify-content: center;
  91. align-items: center;
  92. align-content: center;
  93. justify-self: center;
  94. overflow-x: auto;
  95. margin-left: -70px !important;
  96. }
  97. backyard:
  98. card:
  99. type: conditional
  100. conditions:
  101. - condition: state
  102. entity: input_select.camera_selecter
  103. state: Backyard
  104. card:
  105. type: custom:mod-card
  106. card:
  107. type: iframe
  108. url: >-
  109. /api/scrypted/ac79914ec8c0f3ddf9a6b7def5ce70ad/endpoint/@scrypted/nvr/public/#/iframe/104?imageClick=app&videoClick=app&live=true
  110. allow_open_top_navigation: true
  111. style: |
  112. ha-card {
  113. width: 43vw !important;
  114. height: 38vh !important;
  115. justify-content: center;
  116. align-items: center;
  117. align-content: center;
  118. justify-self: center;
  119. overflow-x: auto;
  120. margin-left: -70px !important;
  121. }
  122. driveway:
  123. card:
  124. type: conditional
  125. conditions:
  126. - condition: state
  127. entity: input_select.camera_selecter
  128. state: Driveway
  129. card:
  130. type: custom:mod-card
  131. card:
  132. type: iframe
  133. url: >-
  134. /api/scrypted/ac79914ec8c0f3ddf9a6b7def5ce70ad/endpoint/@scrypted/nvr/public/#/iframe/102?imageClick=app&videoClick=app&live=true
  135. allow_open_top_navigation: true
  136. style: |
  137. ha-card {
  138. width: 43vw !important;
  139. height: 38vh !important;
  140. justify-content: center;
  141. align-items: center;
  142. align-content: center;
  143. justify-self: center;
  144. overflow-x: auto;
  145. margin-left: -70px !important;
  146. }
  147. garage:
  148. card:
  149. type: conditional
  150. conditions:
  151. - condition: state
  152. entity: input_select.camera_selecter
  153. state: Garage
  154. card:
  155. type: custom:mod-card
  156. card:
  157. type: iframe
  158. url: >-
  159. /api/scrypted/ac79914ec8c0f3ddf9a6b7def5ce70ad/endpoint/@scrypted/nvr/public/#/iframe/93?imageClick=app&videoClick=app&live=true
  160. allow_open_top_navigation: true
  161. style: |
  162. ha-card {
  163. width: 43vw !important;
  164. height: 38vh !important;
  165. justify-content: center;
  166. align-items: center;
  167. align-content: center;
  168. justify-self: center;
  169. overflow-x: auto;
  170. margin-left: -70px !important;
  171. }
  172. nursery:
  173. card:
  174. type: conditional
  175. conditions:
  176. - condition: state
  177. entity: input_select.camera_selecter
  178. state: Nursery
  179. card:
  180. type: custom:mod-card
  181. card:
  182. type: iframe
  183. url: >-
  184. /api/scrypted/ac79914ec8c0f3ddf9a6b7def5ce70ad/endpoint/@scrypted/nvr/public/#/iframe/109?imageClick=app&videoClick=app&live=true
  185. allow_open_top_navigation: true
  186. style: |
  187. ha-card {
  188. width: 43vw !important;
  189. height: 38vh !important;
  190. justify-content: center;
  191. align-items: center;
  192. align-content: center;
  193. justify-self: center;
  194. overflow-x: auto;
  195. margin-left: -70px !important;
  196. }
  197. kitchen:
  198. card:
  199. type: conditional
  200. conditions:
  201. - condition: state
  202. entity: input_select.camera_selecter
  203. state: Kitchen
  204. card:
  205. type: custom:mod-card
  206. card:
  207. type: iframe
  208. url: >-
  209. /api/scrypted/ac79914ec8c0f3ddf9a6b7def5ce70ad/endpoint/@scrypted/nvr/public/#/iframe/72?imageClick=app&videoClick=app&live=true
  210. allow_open_top_navigation: true
  211. style: |
  212. ha-card {
  213. width: 43vw !important;
  214. height: 38vh !important;
  215. justify-content: center;
  216. align-items: center;
  217. align-content: center;
  218. justify-self: center;
  219. overflow-x: auto;
  220. margin-left: -70px !important;
  221. }
  222. patio:
  223. card:
  224. type: conditional
  225. conditions:
  226. - condition: state
  227. entity: input_select.camera_selecter
  228. state: Patio
  229. card:
  230. type: custom:mod-card
  231. card:
  232. type: iframe
  233. url: >-
  234. /api/scrypted/ac79914ec8c0f3ddf9a6b7def5ce70ad/endpoint/@scrypted/nvr/public/#/iframe/102?imageClick=app&videoClick=app&live=true
  235. allow_open_top_navigation: true
  236. style: |
  237. ha-card {
  238. width: 43vw !important;
  239. height: 38vh !important;
  240. justify-content: center;
  241. align-items: center;
  242. align-content: center;
  243. justify-self: center;
  244. overflow-x: auto;
  245. margin-left: -70px !important;
  246. }
  247. cot:
  248. card:
  249. type: conditional
  250. conditions:
  251. - condition: state
  252. entity: input_select.camera_selecter
  253. state: Cot
  254. card:
  255. type: custom:mod-card
  256. card:
  257. type: iframe
  258. url: >-
  259. /api/scrypted/ac79914ec8c0f3ddf9a6b7def5ce70ad/endpoint/@scrypted/nvr/public/#/iframe/121?imageClick=app&videoClick=app&live=true
  260. allow_open_top_navigation: true
  261. tap_action:
  262. action: perform-action
  263. perform_action: input_text.set_value
  264. target:
  265. entity_id: input_text.popup_entity
  266. data:
  267. value: cot
  268. style: |
  269. ha-card {
  270. width: 43vw !important;
  271. height: 38vh !important;
  272. justify-content: center;
  273. align-items: center;
  274. align-content: center;
  275. justify-self: center;
  276. overflow-x: auto;
  277. margin-left: -80px !important;
  278. margin-top: -5px !important;
  279. }
  280. cot_backup:
  281. card:
  282. type: conditional
  283. conditions:
  284. - condition: state
  285. entity: input_select.camera_selecter
  286. state: Cot Backup
  287. card:
  288. type: custom:mod-card
  289. card:
  290. type: iframe
  291. url: >-
  292. /api/scrypted/ac79914ec8c0f3ddf9a6b7def5ce70ad/endpoint/@scrypted/nvr/public/#/iframe/123?imageClick=app&videoClick=app&live=true
  293. allow_open_top_navigation: true
  294. tap_action:
  295. action: perform-action
  296. perform_action: input_text.set_value
  297. target:
  298. entity_id: input_text.popup_entity
  299. data:
  300. value: cot
  301. style: |
  302. ha-card {
  303. width: 43vw !important;
  304. height: 38vh !important;
  305. justify-content: center;
  306. align-items: center;
  307. align-content: center;
  308. justify-self: center;
  309. overflow-x: auto;
  310. margin-left: -80px !important;
  311. margin-top: -5px !important;
  312. }
  313. list:
  314. card:
  315. type: custom:button-card
  316. styles:
  317. grid:
  318. - grid-template-areas: |
  319. "cot"
  320. "front"
  321. "street"
  322. "nursery"
  323. "driveway"
  324. "backyard"
  325. "garage"
  326. "kitchen"
  327. "cot_backup"
  328. - row-gap: 12px
  329. card:
  330. - background-color: transparent
  331. border-radius: 0px
  332. height: 330px
  333. overflow-y: auto
  334. margin: 0px 0px 0px 0px
  335. padding: 0px 15px 0px 15px
  336. custom_fields:
  337. cot:
  338. card:
  339. type: custom:button-card
  340. template: camera_list
  341. variables:
  342. var_name: Cot
  343. front:
  344. card:
  345. type: custom:button-card
  346. template: camera_list
  347. variables:
  348. var_name: Front
  349. street:
  350. card:
  351. type: custom:button-card
  352. template: camera_list
  353. variables:
  354. var_name: Street
  355. nursery:
  356. card:
  357. type: custom:button-card
  358. template: camera_list
  359. variables:
  360. var_name: Nursery
  361. backyard:
  362. card:
  363. type: custom:button-card
  364. template: camera_list
  365. variables:
  366. var_name: Backyard
  367. garage:
  368. card:
  369. type: custom:button-card
  370. template: camera_list
  371. variables:
  372. var_name: Garage
  373. driveway:
  374. card:
  375. type: custom:button-card
  376. template: camera_list
  377. variables:
  378. var_name: Driveway
  379. kitchen:
  380. card:
  381. type: custom:button-card
  382. template: camera_list
  383. variables:
  384. var_name: Kitchen
  385. cot_backup:
  386. card:
  387. type: custom:button-card
  388. template: camera_list
  389. variables:
  390. var_name: Cot Backup
  391. card_mod:
  392. style: |
  393.  
  394. :host {
  395. display: block;
  396. position: relative; margin: 0px 6px 0px 0px;
  397. }
  398.  
  399. :host::before {
  400.  
  401. content: "";
  402. position: absolute;
  403. inset: 0;
  404. border-radius: 30px;
  405. -webkit-backdrop-filter: blur(50px);
  406.  
  407. z-index: -1;
  408. padding: .1rem;
  409. background: linear-gradient(60deg,
  410. rgba(255,255,255,0.0) 0%,
  411. rgba(255,255,255,0.2) 49%,
  412. rgba(255,255,255,0.2) 51%,
  413. rgba(255,255,255,0.0) 100%);
  414. -webkit-mask:
  415. linear-gradient(#fff 0 0) content-box,
  416. linear-gradient(#fff 0 0);
  417. -webkit-mask-composite: xor;
  418. mask-composite: exclude;
  419. z-index: 0; filter: saturate(140%);
  420. }
  421.  
  422. :host::after {
  423. content: "";
  424. background: linear-gradient(180deg, rgba(255,255,255, 0.1) 20%, rgba(255,255,255, 0.0) 100%);
  425. position: absolute;
  426. inset: 0;
  427. border-radius: 30px;
  428. box-shadow: inset -8px 10px 15px rgba(0, 0, 0, 0.1);
  429. z-index: -1;
  430.  
  431. -webkit-backdrop-filter:blur(30px) saturate(110%) brightness(90%);
  432. filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.2)); }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!