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

Render error message as a tooltip.

Browse Source
This commit is contained in:
Dermot Duffy
2021-08-19 20:18:57 -07:00
parent 8aa41e92b7
commit 2cf3fc21db
1 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/frigate-hass-card.ts
+13 -8
View File
@@ -374,16 +374,20 @@ export class FrigateCard extends LitElement {
} }
} }
protected _renderAttentionIcon(icon: string): TemplateResult { // Render an attention grabbing icon.
protected _renderAttentionIcon(
icon: string,
tooltip: string | null = null,
): TemplateResult {
return html` <div class="frigate-card-attention"> return html` <div class="frigate-card-attention">
<ha-icon icon="${icon}"> </ha-icon> <ha-icon data-toggle="tooltip" title=${tooltip ? tooltip : ''} icon="${icon}">
</ha-icon>
</div>`; </div>`;
} }
// Render an embedded error situation. // Render an embedded error situation.
// eslint-disable-next-line @typescript-eslint/no-unused-vars protected _renderError(error: string): TemplateResult {
protected _renderError(_error: string): TemplateResult { return this._renderAttentionIcon('mdi:alert-circle', error);
return this._renderAttentionIcon('mdi:alert-circle');
} }
// Generate a human-readable title from an event. // Generate a human-readable title from an event.
@@ -419,6 +423,7 @@ export class FrigateCard extends LitElement {
if (!events.length) { if (!events.length) {
return this._renderAttentionIcon( return this._renderAttentionIcon(
want_clips ? 'mdi:filmstrip-off' : 'mdi:camera-off', want_clips ? 'mdi:filmstrip-off' : 'mdi:camera-off',
want_clips ? 'No clips' : 'No snapshots',
); );
} }
@@ -550,7 +555,7 @@ export class FrigateCard extends LitElement {
return this._renderError(e); return this._renderError(e);
} }
if (!events.length) { if (!events.length) {
return this._renderAttentionIcon('mdi:camera-off'); return this._renderAttentionIcon('mdi:camera-off', 'No recent clip');
} }
event = events[0]; event = events[0];
} }
@@ -576,7 +581,7 @@ export class FrigateCard extends LitElement {
return this._renderError(e); return this._renderError(e);
} }
if (!events.length) { if (!events.length) {
return this._renderAttentionIcon('mdi:filmstrip-off'); return this._renderAttentionIcon('mdi:filmstrip-off', 'No recent snapshots');
} }
event = events[0]; event = events[0];
} }
@@ -590,7 +595,7 @@ export class FrigateCard extends LitElement {
// is always rendered (but sometimes hidden). // is always rendered (but sometimes hidden).
protected _renderLiveViewer(): TemplateResult { protected _renderLiveViewer(): TemplateResult {
if (!this._hass || !(this.config.camera_entity in this._hass.states)) { if (!this._hass || !(this.config.camera_entity in this._hass.states)) {
return this._renderError('mdi:camera-off'); return this._renderAttentionIcon('mdi:camera-off', 'No live camera');
} }
if (this._webrtcElement) { if (this._webrtcElement) {
return html` <div class=${this._viewMode == 'live' ? 'visible' : 'invisible'}> return html` <div class=${this._viewMode == 'live' ? 'visible' : 'invisible'}>