From b49081c5c8d1d68d0cc424dfae766fa129b73dfa Mon Sep 17 00:00:00 2001 From: Dermot Duffy Date: Fri, 25 Mar 2022 19:22:44 -0700 Subject: [PATCH] Add left/right to editor & README. --- README.md | 4 ++-- src/editor.ts | 8 ++++++++ src/localize/languages/en.json | 2 ++ 3 files changed, 12 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 3fe21bee..adddb390 100644 --- a/README.md +++ b/README.md @@ -257,7 +257,7 @@ live: | Option | Default | Overridable | Description | | - | - | - | - | -| `mode` | `none` | :white_check_mark: | Whether to show the thumbnail carousel `below` the media, `above` the media or to hide it entirely (`none`).| +| `mode` | `none` | :white_check_mark: | Whether to show the thumbnail carousel `below` the media, `above` the media, in a drawer to the `left` or `right` of the media or to hide it entirely (`none`).| | `size` | `100px` | :white_check_mark: | The size of the thumbnails in the thumbnail carousel [in CSS Units](https://www.w3schools.com/cssref/css_units.asp).| | `show_details` | `false` | :white_check_mark: | Whether to show event details (e.g. duration, start time, object detected, etc) alongside the thumbnail.| | `media` | `clips` | :white_check_mark: | Whether to show `clips` or `snapshots` in the thumbnail carousel in the `live` view.| @@ -341,7 +341,7 @@ event_viewer: | Option | Default | Overridable | Description | | - | - | - | - | -| `mode` | `none` | :heavy_multiplication_x: | Whether to show the thumbnail carousel `below` the media, `above` the media or to hide it entirely (`none`).| +| `mode` | `none` | :heavy_multiplication_x: | Whether to show the thumbnail carousel `below` the media, `above` the media, in a drawer to the `left` or `right` of the media or to hide it entirely (`none`).| | `size` | `100px` | :heavy_multiplication_x: | The size of the thumbnails in the thumbnail carousel [in CSS Units](https://www.w3schools.com/cssref/css_units.asp).| | `show_details` | `false` | :heavy_multiplication_x: | Whether to show event details (e.g. duration, start time, object detected, etc) alongside the thumbnail.| diff --git a/src/editor.ts b/src/editor.ts index f08a4ca7..85cf2169 100644 --- a/src/editor.ts +++ b/src/editor.ts @@ -262,6 +262,14 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor value: 'below', label: localize('config.event_viewer.controls.thumbnails.modes.below'), }, + { + value: 'left', + label: localize('config.event_viewer.controls.thumbnails.modes.left'), + }, + { + value: 'right', + label: localize('config.event_viewer.controls.thumbnails.modes.right'), + }, ]; protected _thumbnailMedias = [ diff --git a/src/localize/languages/en.json b/src/localize/languages/en.json index 4d417a97..d10f5c85 100644 --- a/src/localize/languages/en.json +++ b/src/localize/languages/en.json @@ -80,6 +80,8 @@ "modes": { "below": "Thumbnails below the media", "above": "Thumbnails above the media", + "left": "Thumbnails in a drawer left of the media", + "right": "Thumbnails in a drawer right of the media", "none": "No thumbnails" } },