Add editor support for title & icon.

src/const.ts

@@ -10,6 +10,8 @@ export const CONF_CAMERAS_ARRAY_LABEL = 'cameras.#.label';
 export const CONF_CAMERAS_ARRAY_URL = 'cameras.#.frigate_url';
 export const CONF_CAMERAS_ARRAY_ZONE = 'cameras.#.zone';
 export const CONF_CAMERAS_ARRAY_ID = 'cameras.#.id';
+export const CONF_CAMERAS_ARRAY_TITLE = 'cameras.#.title';
+export const CONF_CAMERAS_ARRAY_ICON = 'cameras.#.icon';
 
 export const CONF_VIEW_DEFAULT = 'view.default';
 export const CONF_VIEW_TIMEOUT = 'view.timeout';

src/editor.ts

@@ -16,8 +16,10 @@ import {
   CONF_CAMERAS_ARRAY_CAMERA_ENTITY,
   CONF_CAMERAS_ARRAY_CAMERA_NAME,
   CONF_CAMERAS_ARRAY_CLIENT_ID,
+  CONF_CAMERAS_ARRAY_ICON,
   CONF_CAMERAS_ARRAY_ID,
   CONF_CAMERAS_ARRAY_LABEL,
+  CONF_CAMERAS_ARRAY_TITLE,
   CONF_CAMERAS_ARRAY_URL,
   CONF_CAMERAS_ARRAY_ZONE,
   CONF_DIMENSIONS_ASPECT_RATIO,
@@ -416,6 +418,12 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor
             ${this._renderStringInput(
               getArrayConfigPath(CONF_CAMERAS_ARRAY_CLIENT_ID, cameraIndex),
             )}
+            ${this._renderStringInput(
+              getArrayConfigPath(CONF_CAMERAS_ARRAY_TITLE, cameraIndex),
+            )}
+            ${this._renderStringInput(
+              getArrayConfigPath(CONF_CAMERAS_ARRAY_ICON, cameraIndex),
+            )}
             ${this._renderStringInput(
               getArrayConfigPath(CONF_CAMERAS_ARRAY_ID, cameraIndex),
             )}

src/localize/languages/en.json

@@ -16,6 +16,8 @@
       "id": "Unique id for this camera in this card",
       "label": "Frigate label/object filter",
       "frigate_url": "Frigate server URL",
+      "title": "Title for this camera (Autodetected from entity)",
+      "icon": "Icon for this camera (Autodetected from entity)",
       "zone": "Frigate zone"
     },
     "view": {