flan/advanced-camera-card
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Slight simplification.

Browse Source
This commit is contained in:
Dermot Duffy
2022-06-08 19:03:13 -07:00
parent 8ff15b868b
commit 95c4423524
2 changed files with 11 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/editor.ts
+9 -24
View File
@@ -9,7 +9,7 @@ import {
getConfigValue, getConfigValue,
isConfigUpgradeable, isConfigUpgradeable,
setConfigValue, setConfigValue,
upgradeConfig, upgradeConfig
} from './config-mgmt.js'; } from './config-mgmt.js';
import { import {
CONF_CAMERAS, CONF_CAMERAS,
@@ -94,7 +94,7 @@ import {
CONF_VIEW_TIMEOUT_SECONDS, CONF_VIEW_TIMEOUT_SECONDS,
CONF_VIEW_UPDATE_CYCLE_CAMERA, CONF_VIEW_UPDATE_CYCLE_CAMERA,
CONF_VIEW_UPDATE_FORCE, CONF_VIEW_UPDATE_FORCE,
CONF_VIEW_UPDATE_SECONDS, CONF_VIEW_UPDATE_SECONDS
} from './const.js'; } from './const.js';
import { localize } from './localize/localize.js'; import { localize } from './localize/localize.js';
import frigate_card_editor_style from './scss/editor.scss'; import frigate_card_editor_style from './scss/editor.scss';
@@ -105,7 +105,7 @@ import {
RawFrigateCardConfig, RawFrigateCardConfig,
RawFrigateCardConfigArray, RawFrigateCardConfigArray,
THUMBNAIL_WIDTH_MAX, THUMBNAIL_WIDTH_MAX,
THUMBNAIL_WIDTH_MIN, THUMBNAIL_WIDTH_MIN
} from './types.js'; } from './types.js';
import { arrayMove } from './utils/basic.js'; import { arrayMove } from './utils/basic.js';
import { getCameraID, getCameraTitle } from './utils/camera.js'; import { getCameraID, getCameraTitle } from './utils/camera.js';
@@ -599,19 +599,14 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor
} }
protected _renderViewScanMenu(): TemplateResult { protected _renderViewScanMenu(): TemplateResult {
const selected = !!this._expandedMenus[MENU_VIEW_SCAN];
const submenuClasses = { const submenuClasses = {
submenu: true, submenu: true,
selected: selected, selected: !!this._expandedMenus[MENU_VIEW_SCAN],
};
const headerClasses = {
'submenu-header': true,
selected: selected,
}; };
return html` return html`
<div class="${classMap(submenuClasses)}"> <div class="${classMap(submenuClasses)}">
<div <div
class="${classMap(headerClasses)}" class="submenu-header"
@click=${this._toggleMenu} @click=${this._toggleMenu}
.domain=${MENU_VIEW_SCAN} .domain=${MENU_VIEW_SCAN}
.key=${true} .key=${true}
@@ -659,20 +654,15 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor
{ value: 'matching', label: localize('config.menu.buttons.alignments.matching') }, { value: 'matching', label: localize('config.menu.buttons.alignments.matching') },
{ value: 'opposing', label: localize('config.menu.buttons.alignments.opposing') }, { value: 'opposing', label: localize('config.menu.buttons.alignments.opposing') },
]; ];
const selected = this._expandedMenus[MENU_BUTTONS] === button;
const submenuClasses = { const submenuClasses = {
submenu: true, submenu: true,
selected: selected, selected: this._expandedMenus[MENU_BUTTONS] === button,
};
const headerClasses = {
'submenu-header': true,
selected: selected,
}; };
return html` return html`
<div class="${classMap(submenuClasses)}"> <div class="${classMap(submenuClasses)}">
<div <div
class="${classMap(headerClasses)}" class="submenu-header"
@click=${this._toggleMenu} @click=${this._toggleMenu}
.domain=${MENU_BUTTONS} .domain=${MENU_BUTTONS}
.key=${button} .key=${button}
@@ -762,20 +752,15 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor
} }
}; };
const selected = this._expandedMenus[MENU_CAMERAS] === cameraIndex;
const submenuClasses = { const submenuClasses = {
submenu: true, submenu: true,
selected: selected, selected: this._expandedMenus[MENU_CAMERAS] === cameraIndex,
};
const headerClasses = {
'submenu-header': true,
selected: selected,
}; };
return html` return html`
<div class="${classMap(submenuClasses)}"> <div class="${classMap(submenuClasses)}">
<div <div
class="${classMap(headerClasses)}" class="submenu-header"
@click=${this._toggleMenu} @click=${this._toggleMenu}
.domain=${MENU_CAMERAS} .domain=${MENU_CAMERAS}
.key=${cameraIndex} .key=${cameraIndex}
src/scss/editor.scss
+2 -2
View File
@@ -44,7 +44,7 @@ div.upgrade span {
cursor: pointer; cursor: pointer;
} }
.submenu-header.selected { .submenu.selected .submenu-header {
background-color: var(--primary-color); background-color: var(--primary-color);
color: var(--primary-text-color); color: var(--primary-text-color);
} }
@@ -58,7 +58,7 @@ div.upgrade span {
.submenu-header .new-camera { .submenu-header .new-camera {
font-style: italic; font-style: italic;
} }
.submenu-header:not(.selected) .new-camera { .submenu:not(.selected) .submenu-header .new-camera {
color: var(--secondary-text-color, 'black'); color: var(--secondary-text-color, 'black');
} }