#frontend-archived | Home Assistant | Page 52

vapid field Jul 3, 2018, 6:55 PM

#

Any chance of camera-preview card getting support for name/title?

half osprey Jul 3, 2018, 6:57 PM

#

No, we removed it instead 👍

#

Use picture-entity in the beta instead

vapid field Jul 3, 2018, 7:09 PM

#

@half osprey is URL of an image required there compared to camera-preview?

half osprey Jul 3, 2018, 7:10 PM

#

Not if the entity is a camera entity

placid geyser Jul 3, 2018, 7:23 PM

#

Maybe this is a stupid question but why is there a mix of - and _? As in entity-filter and state_filter

quick beacon Jul 3, 2018, 7:29 PM

#

if you use dash in keys you have to use quotes

placid geyser Jul 3, 2018, 7:30 PM

#

fair enough, but wouldn't it be more consistent to use _ then?

half osprey Jul 3, 2018, 7:31 PM

#

Only the types have dashes, all options have underscores

placid geyser Jul 3, 2018, 7:31 PM

#

Ok. I get it. Thanks for explaining it.

#

I was expecting a technical reason. Lovelace is just great, guys.

storm lion Jul 3, 2018, 8:04 PM

#

navigation_path doesn't seem to be working when using camera_image can anyone else confirm?

half osprey Jul 3, 2018, 8:06 PM

#

picture-entity doesn't support navigation_path

#

picture-glance, picture, picture-elements

#

do support it

storm lion Jul 3, 2018, 8:06 PM

#

sorry picture-glance is what i meant 😛

half osprey Jul 3, 2018, 8:08 PM

#

are you sure that you are using the last version ?

storm lion Jul 3, 2018, 8:13 PM

#

really sorry.. I was on latest on my dev environment I've been using for screen shots for the examples, clearly not on my live system... Idiot move on my part

lean nova Jul 3, 2018, 8:49 PM

#

Is there a list of changes to lovelace that gets published? I'm trying to infer from whats broken, and what the RC docs say...

#

but some of this isn't making much sense.

wheat current Jul 3, 2018, 8:49 PM

#

https://github.com/ciotlosm/docs-lovelace/blob/0.73.0/changelog.md

lean nova Jul 3, 2018, 8:49 PM

#

oh sweet. Thanks so much

#

"entity-filter no longer allows to show all entities or a full domain" yeah... that would do it. :/

north spear Jul 3, 2018, 8:58 PM

#

@lean nova custom cards in coming to assist 😄

lean nova Jul 3, 2018, 8:58 PM

#

oh?

north spear Jul 3, 2018, 8:59 PM

#

custom cards are so easy to use with lovelace

lean nova Jul 3, 2018, 8:59 PM

#

I saw some of that. I just set up a debug panel that used the domain filter a lot.

north spear Jul 3, 2018, 8:59 PM

#

so people are looking to develop some that bring that functionality

lean nova Jul 3, 2018, 8:59 PM

#

oh nice.

north spear Jul 3, 2018, 8:59 PM

#

and not just filter , also exclude filter 😄

lean nova Jul 3, 2018, 9:00 PM

#

I contemplated trying to see if I could add a helper debug panel just had cards for every domain so you could get a good overview of your setup as you're building the UI

#

ah yes... that would be nice.

#

ugh, hastebin is being janky. 😦

north spear Jul 3, 2018, 9:01 PM

#

it's been like that for a couple of hours

lean nova Jul 3, 2018, 9:01 PM

#

aw

#

        filter: 
          - entity_id: '*iphone*'
            domain: device_trackers

#

does that seems sane?>

#

wont render... :/

north spear Jul 3, 2018, 9:06 PM

#

nope

#

latest beta changed format

#

please check: https://github.com/ciotlosm/docs-lovelace/blob/0.73.0/card-entity-filter.md

lean nova Jul 3, 2018, 9:16 PM

#

oh sweet. Thanks

#

well... sadly entitiy-filter is no longer that useful to me. 😦

half osprey Jul 3, 2018, 9:23 PM

#

you can create a custom card that reinstates old logic

north spear Jul 3, 2018, 9:23 PM

#

😄

#

something like this

#

https://github.com/ciotlosm/custom-lovelace

lean nova Jul 3, 2018, 9:23 PM

#

haha

north spear Jul 3, 2018, 9:23 PM

#

far from ideal

#

but I've just started

lean nova Jul 3, 2018, 9:24 PM

#

yeah. I'll almost certainly go down that path sooner than later.

north spear Jul 3, 2018, 9:24 PM

#

the card provided there already has the include /exclude logic

#

just none of the pretty interface

lean nova Jul 3, 2018, 9:26 PM

#

yeah

#

also... Why doesn't this render right?

#

      - type: history-graph
        entity: history_graph.purifier_data

#

it matches those docs..

north spear Jul 3, 2018, 9:29 PM

#

hmm

#

it got changed

#

no idea in which release

#

use :

#

- type: history-graph
  entities: 
    - history_graph.purifier_data

lean nova Jul 3, 2018, 9:30 PM

#

ahhhh

#

makes sense

north spear Jul 3, 2018, 9:30 PM

#

I'll update docs

lean nova Jul 3, 2018, 9:33 PM

#

hm. I think it actually expects a list of entities now? I just get an empty bar graph if I do that.

north spear Jul 3, 2018, 9:35 PM

#

that was what I posted above, a list of entities

lapis oriole Jul 3, 2018, 9:35 PM

#

@north spear You are amazing!! Thanks a lot!👍

north spear Jul 3, 2018, 9:36 PM

#

Not sure for what, but if it helps makes me happy

lapis oriole Jul 3, 2018, 9:39 PM

#

For all your commitment and helpfulness.

lean nova Jul 3, 2018, 9:43 PM

#

yeah... not quite sure what I'm doing wrong, but it never renders the graphs

#

@north spear No, I meant a list of individual entities to graph... just passing in the one history_graph entity results in a single blank bar graph.

north spear Jul 3, 2018, 9:46 PM

#

I only tested it using demo component

lean nova Jul 3, 2018, 9:46 PM

#

hm ok

north spear Jul 3, 2018, 9:46 PM

#

hmm

#

it still expects a history_graph

#

history_graph.recent_switches in demo has entity_id: switch.ac,switch.decorative_lights

#

but I think something broke

quick beacon Jul 3, 2018, 9:48 PM

#

      - type: history-graph
        title: history-graph
        entities:
          - sensor.outside_temperature
          - media_player.lounge_room

north spear Jul 3, 2018, 9:48 PM

#

meh

#

yeah, something did change

#

😃

#

@lean nova listen to @quick beacon , i'm just talking sh*t it seems

lean nova Jul 3, 2018, 9:49 PM

#

I mean... the docs do say it takes a history_graph entitiy... 😛 it is nice to manage all the lists of entities in one place though...

north spear Jul 3, 2018, 9:52 PM

#

fixed docs 😦

lean nova Jul 3, 2018, 9:53 PM

#

https://github.com/ciotlosm/docs-lovelace/pull/8

GitHub

Fixing docs on the history-graph card by tmcarr · Pull Request #8...

After talking in discord for a while we discovered that this card requires a list of discrete elements to graph, instead of a history_graph entity. I've updated these docs accordingly.

#

and the upcoming docs are still wrong too. 😦

#

https://developers.home-assistant.io/docs/en/next/lovelace_card_types.html#history-graph

Type Of Cards · Home Assistant dev docs

These cards are WIP and things may change.

north spear Jul 3, 2018, 9:56 PM

#

@lean nova can you rebase https://github.com/ciotlosm/docs-lovelace/pull/8 ?

#

please

lean nova Jul 3, 2018, 9:57 PM

#

yeah, gimme a minute. I did that in-UI... so I have to pull it.

north spear Jul 3, 2018, 9:58 PM

#

the lovelace card types will probably go away as the docs will move to /lovelace under official docs. I was supposed to help but other stuff got in the way 😟

lean nova Jul 3, 2018, 10:00 PM

#

yeah

#

@north spear You want me to rebase on master?

north spear Jul 3, 2018, 10:03 PM

#

0.73.0

#

master is for 0.72.1

#

as we're still in beta

lean nova Jul 3, 2018, 10:03 PM

#

yeah

north spear Jul 3, 2018, 10:05 PM

#

thanks!

lean nova Jul 3, 2018, 10:05 PM

#

@north spear that branch was already based on that branch

north spear Jul 3, 2018, 10:06 PM

#

yeah, but I commited in the meantime, and didn't want to refuse the pull request as it had good changes in

#

i corrected the description on the same line you corrected. but than again, I might just be tired that I read badly

#

anyway, thanks for the help

lean nova Jul 3, 2018, 10:07 PM

#

yeah, I updated the pull req to fix that typo,. but the example is correct now, etc.

#

sweet, just saw you merged it. 😃

#

Thanks!

#

oh yessssss loving the horizontal and vertical cards.

north spear Jul 3, 2018, 10:22 PM

#

and to think they almost got removed 😃

lean nova Jul 3, 2018, 10:22 PM

#

I kinda wish I could force a full width horizontal card......

#

oh man, just these two are enough to give me enough layout control to be happy

#

Not sure I could ask for more!

north spear Jul 3, 2018, 10:22 PM

#

yeah, at least you get panel now to force full screen for card

lean nova Jul 3, 2018, 10:23 PM

#

Yeah, I'm just interested in grouping related items...

#

history graphs and current data for example.

north spear Jul 3, 2018, 10:29 PM

#

my monster card looks a tiny bit better 😃

dapper rain Jul 3, 2018, 10:39 PM

#

is there any eta on when custom ui gets supported by lovelace?

north spear Jul 3, 2018, 10:45 PM

#

Lovelace supports, custom must update probably

dapper rain Jul 3, 2018, 10:46 PM

#

nah it's not supported yet to have custom ui for an entity in e.g. an entities card

quick beacon Jul 3, 2018, 10:46 PM

#

it doesnt support custom state cards atm

north spear Jul 3, 2018, 10:46 PM

#

But it does support custom cards

dapper rain Jul 3, 2018, 10:46 PM

#

yeah it would be nice to have also to give authors the chance to adapt to lovelace custom ui before lovelace leaves beta maybe

#

@north spear it does but that's not exactly helpful in most cases

north spear Jul 3, 2018, 10:47 PM

#

Lovelace won’t force you to use it

#

Even when out of beta

dapper rain Jul 3, 2018, 10:47 PM

#

yeah but i like the new cards but right now lack of custom ui support is keeping me from switching

quick beacon Jul 3, 2018, 10:48 PM

#

so go and fix it...

dapper rain Jul 3, 2018, 10:48 PM

#

i'm not exactly sure about how you planned to support it

#

so if i make a pr and you had something else in mind it's not worth much

north spear Jul 3, 2018, 10:48 PM

#

Hmm

#

Maybe I am thick, but is lovelace missing stuff to make custom ui work? Or does custom ui need changes to use lovelace features?

#

And is custom ui a supported feature of HA or a side project?

dapper rain Jul 3, 2018, 10:51 PM

#

i heard before custom ui would need to be adapted. i think that's because it's plain js then and no html imports anymore

#

the custom ui imports would need to be adapted*

#

html before and for lovelace probably plain js

north spear Jul 3, 2018, 10:51 PM

#

Than it’s not lovelace changes

#

But custom ui changes which are not part of codebase

dapper rain Jul 3, 2018, 10:52 PM

#

right now there is no way to define custom ui in lovelace

#

you can not override the standard cards yet

#

https://github.com/home-assistant/home-assistant-polymer/blob/master/src/panels/lovelace/common/process-config-entities.js

#

this would need to be changed to have some attribute for custom ui

#

and then the value would need to be evaluated in the appropriate places to show the custom card instead of default

north spear Jul 3, 2018, 10:54 PM

#

Might be worth raising issues then to discuss

#

Still not something to keep lovelace releases

dapper rain Jul 3, 2018, 10:54 PM

#

or apparently only the latter. the processConfigEntities is already generic enough to handle arbitrary attributes

#

not sure though if it's enough just to change the card here https://github.com/home-assistant/home-assistant-polymer/blob/master/src/panels/lovelace/cards/hui-entities-card.js#L122

vapid field Jul 3, 2018, 10:58 PM

#

Any examples of lovelace?

#

Want to get stared on it today but wanted to see what people have done with it

dapper rain Jul 3, 2018, 11:19 PM

#

@quick beacon i think i found a way

raven nacelle Jul 3, 2018, 11:25 PM

#

@vapid field Check https://github.com/ciotlosm/docs-lovelace also, I have configured my entire frontend in Lovelace

GitHub

ciotlosm/docs-lovelace

docs-lovelace - Documentation for Home Assistant Experimental UI: Lovelace

#

~arsaboo

kind shellBOT Jul 3, 2018, 11:25 PM

#

For best of the best home automations, visit my repo at https://github.com/arsaboo/homeassistant-config

wooden canyon Jul 3, 2018, 11:28 PM

#

I updated to the latest beta available through the hassio mechanism, b1. Snaps from cameras are being obtained by the shell_command and placed in the www/images folder reusing the same name. HA is not updating the pictures. All the pictures have turned b&w. Using type: picture-glance

#

trying to have snaps taken on cameras based on motion or time to reflect as the backgrounds for the room cards

vapid field Jul 3, 2018, 11:38 PM

#

@raven nacelle got any pics?

raven nacelle Jul 3, 2018, 11:39 PM

#

anything specific you are looking for?

vapid field Jul 3, 2018, 11:40 PM

#

Just an overall how it looks other than the one posted in their blog

frosty pelican Jul 3, 2018, 11:43 PM

#

yea a screenshot of the UI would be great to compare it to the yaml

undone egret Jul 3, 2018, 11:44 PM

#

@quick beacon @half osprey thought about you two working on lovelace..... btw good work

📎 unknown.png

raven nacelle Jul 3, 2018, 11:46 PM

#

@vapid field Gimme some time...will upload all the screenshots soon

dapper rain Jul 3, 2018, 11:47 PM

#

@half osprey would you be alright if i submit this as pr for custom ui?

      let tag = stateObj ? `state-card-${stateCardType(this.hass, stateObj)}` : 'state-card-display';
      if (entity.custom_ui) {
        tag = entity.custom_ui;
      }
      const element = document.createElement(tag);
      if (!DOMAINS_HIDE_MORE_INFO.includes(computeDomain(entityId))) {
        element.classList.add('state-card-dialog');
        element.addEventListener('click', () => this.fire('hass-more-info', { entityId }));
      }
      element.stateObj = stateObj;
      element.hass = this.hass;
      if (entity.name) {
        element.overrideName = entity.name;
      }
      if (entity.custom_ui) {
        element.config = entity;
      }

kind shellBOT Jul 3, 2018, 11:47 PM

#

Attention!: Please use https://www.hastebin.com to share code that is more than 10-15 lines. You have been warned, @dapper rain!
Please read rule #6 here #rules

half osprey Jul 3, 2018, 11:48 PM

#

Hmm

#

Probably, but config will have to be setConfig

#

And don't compute a type if custom UI is available

#

Actually, I think custom UI needs to be implemented like cards

#

So check for a type (right now we just have type default which does compute) and have "custom:" for custom ui

vapid field Jul 3, 2018, 11:49 PM

#

@raven nacelle thanks bra

half osprey Jul 3, 2018, 11:49 PM

#

It needs to be extracted in a method like we did for create card element

dapper rain Jul 3, 2018, 11:50 PM

#

    if (customElements.get(tag)) {
      return _createElement(tag, config);
}

#

this ?

half osprey Jul 3, 2018, 11:51 PM

#

Create a create-entity-row-element file that does what create card does, but for rows

#

The whole file

#

Error handling etc

dapper rain Jul 3, 2018, 11:52 PM

#

only for custom ui rows or for all rows then?

half osprey Jul 3, 2018, 11:53 PM

#

All

dapper rain Jul 3, 2018, 11:59 PM

#

but the cards don't support e.g. setConfig yet

half osprey Jul 4, 2018, 12:08 AM

#

if (element.setConfig) element.setConfig(entity)

#

Or if ('setConfig' in element), it's faster

dapper rain Jul 4, 2018, 12:10 AM

#

yeah was just unsure if you want all cards to be changed

half osprey Jul 4, 2018, 12:13 AM

#

We can't. All old cards are currently being used in the legacy UI too

dapper rain Jul 4, 2018, 12:38 AM

#

i've got it done but hastebin doesn't want to save

#

@half osprey this is what you had in mind? https://nopaste.xyz/?a1471e9d2c4b9406#wljO3UahgZRSzMi44ahd1V/agVX0W6YbLB3nnTRPppM=

#

works so far with just

    for (let i = 0; i < entities.length; i++) {
      const entity = entities[i];
      const entityId = entity.entity;

      const element = createEntityRowElement(entity, this.hass);

      this._elements.push({ entityId, element });
      const container = document.createElement('div');
      container.appendChild(element);
      root.appendChild(container);
    }

half osprey Jul 4, 2018, 12:40 AM

#

more or less yes

#

We should have an error row element

dapper rain Jul 4, 2018, 12:41 AM

#

it looks quite good actually

half osprey Jul 4, 2018, 12:41 AM

#

I guess you can do something like const type = card.type || 'default';

#

but yeah overall looking great

dapper rain Jul 4, 2018, 12:42 AM

#

https://ibb.co/dTipuy

#

this is how error looks

half osprey Jul 4, 2018, 12:43 AM

#

How does it look in an entities card ?

dapper rain Jul 4, 2018, 12:43 AM

#

that is the entities card

half osprey Jul 4, 2018, 12:43 AM

#

With an ok entity above and below ?

#

Oh

#

I see, we will just not render the whole entities card

#

makes sense

#

Can you add the index that is incorrect ?

#

Like this https://github.com/home-assistant/home-assistant-polymer/blob/master/src/panels/lovelace/common/process-config-entities.js#L14

dapper rain Jul 4, 2018, 12:44 AM

#

https://ibb.co/fBZJnJ

half osprey Jul 4, 2018, 12:44 AM

#

yeah that looks fine

#

Guess it doesn't need position if it's rendered in place

dapper rain Jul 4, 2018, 12:45 AM

#

so no index?

#

not sure though if that will work because of the context
element.addEventListener('click', () => this.fire('hass-more-info', { entityId }));

half osprey Jul 4, 2018, 12:48 AM

#

yeah that will still work

quick beacon Jul 4, 2018, 12:52 AM

#

can't we use createCardElement also for state-cards? it only needs an additional boolean and a 2nd list of cards

#

...the error card can be used by both as it's only a div

half osprey Jul 4, 2018, 12:53 AM

#

hmm

dapper rain Jul 4, 2018, 12:54 AM

#

createCardElement doesn't know about hass etc

quick beacon Jul 4, 2018, 12:55 AM

#

... why do we need hass there?

dapper rain Jul 4, 2018, 12:55 AM

#

it would need quite many modifications to get it working

#

for stateObj etc

#

and to pass hass to the element

quick beacon Jul 4, 2018, 12:55 AM

#

we don't need the stateObj to compute the cardType

dapper rain Jul 4, 2018, 12:56 AM

#

https://nopaste.xyz/?a1471e9d2c4b9406#wljO3UahgZRSzMi44ahd1V/agVX0W6YbLB3nnTRPppM=

half osprey Jul 4, 2018, 12:56 AM

#

stateObj is passed to stateCardType

#

because we use canToggleStage

#

so we check if a service for turn_on/off exists and then render a toggle

#

I think we should keep it 2 standalone functions

#

Because I also want to change the error for entity not found

#

Maybe make it light yellow, not stand out that bad

#

As it could be a discovery thing

#

Wrong config or incorrect type / non-existing custom UI -> show red error

dapper rain Jul 4, 2018, 1:04 AM

#

https://github.com/home-assistant/home-assistant-polymer/pull/1404/files

#

@quick beacon isn't for of now preferred instead of forEach ?

half osprey Jul 4, 2018, 1:20 AM

#

how does for…of transpiles to ES5 ?

#

I remember back in the days it would not be transpiled

#

https://babeljs.io/repl#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=MYewdgzgLgBAhjAvDA2gRgDQwExYMwC6A3AFAkBmIATjABQBGMI58AlDKJCADYCmAdNxABzBqyJA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&sourceType=module&lineWrap=true&presets=es2015%2Creact%2Cstage-2&prettier=false&targets=&version=6.26.0&envVersion=

dapper rain Jul 4, 2018, 1:21 AM

#

https://babeljs.io/docs/en/babel-plugin-transform-es2015-for-of

half osprey Jul 4, 2018, 1:21 AM

#

It looks like it depends on the iterator symbol being available

dapper rain Jul 4, 2018, 1:21 AM

#

so keep it forEach or make it for of ?

half osprey Jul 4, 2018, 1:22 AM

#

If we can verify it works on ES5 builds, I am fine with for…of

vapid field Jul 4, 2018, 1:24 AM

#

so i just tried lovelace, following this guide: https://developers.home-assistant.io/docs/en/lovelace_index.html and it looks the same to me as regular one

dapper rain Jul 4, 2018, 1:25 AM

#

guess all we can do is try ?

#

javascript_version: es5 and still works

#

with for of

dapper rain Jul 4, 2018, 2:10 AM

#

@half osprey looking at the code i guess there is no easy way to override history charts entity names from lovelace config ?

half osprey Jul 4, 2018, 2:12 AM

#

Not right now, you'll have to update the history chart elements to support overriding names

dapper rain Jul 4, 2018, 2:15 AM

#

yeah i thought about just altering stateHistory in hui-history-graph-card.js

half osprey Jul 4, 2018, 2:18 AM

#

All changes need to remain backwards compatible with the legacy UI

dapper rain Jul 4, 2018, 2:19 AM

#

hui-history-graph-card.js is lovelace only so would change nothing for legacy

half osprey Jul 4, 2018, 2:24 AM

#

Yeah, but that is not the one that does the rendering… it uses another component for that

dapper rain Jul 4, 2018, 2:26 AM

#

yeah i would just replace the names in stateHistory

half osprey Jul 4, 2018, 2:41 AM

#

that is too expensive, we should allow adding some name overrides or something

dapper rain Jul 4, 2018, 2:51 AM

#

  _historyChanged() {
    if (!this.stateHistory) {
      return;
    }
    for (const entity of this.stateHistory.line[0].data) {
      this._names[entity.entity_id] && (entity.name = this._names[entity.entity_id]);
    }
  }

half osprey Jul 4, 2018, 2:53 AM

#

please use if statements and not do boolean shortcuts

dapper rain Jul 4, 2018, 2:53 AM

#

but overall it would be ok ?

#

      - type: history-graph
        entities:
          - name: Test
            entity: sensor.test
          - sensor.test2

dapper rain Jul 4, 2018, 3:14 AM

#

https://github.com/quthla/home-assistant-polymer/commit/8f1b7ff755275baf7dcbc23b358b299870bb6a85

#

will make a pr if you say it's ok

half osprey Jul 4, 2018, 3:17 AM

#

that's not how it works

#

Make a PR

#

and we can see if it's ok

dapper rain Jul 4, 2018, 3:18 AM

#

yeah was just asking if you are generally ok with the way it's done

hallow granite Jul 4, 2018, 7:29 AM

#

@vapid field have the same ..looks same like standard ui

#

Didn't really stick into it yet but I will ..

vapid field Jul 4, 2018, 11:51 AM

#

So the point of it now is speed? I mean for me even the dark theme still looks white

half osprey Jul 4, 2018, 12:01 PM

#

I suggest you read the documentation

mortal cape Jul 4, 2018, 1:23 PM

#

no more wildcards in entity-filter?

half osprey Jul 4, 2018, 1:29 PM

#

No

#

It was the wrong approach, made things very complex

mortal cape Jul 4, 2018, 1:30 PM

#

fun while it lasted

half osprey Jul 4, 2018, 1:39 PM

#

Someone will create a custom card to bring it back

#

With the new approach to filters you control ordering, name overrides

#

And eventually custom UI

mortal cape Jul 4, 2018, 1:59 PM

#

it made short work of those components that pull in many sensors. Darksky, Pollen, etc....here's a card for all the google homes, here's one for all my speakers. I made more use of it than I should have. I'll keep an eye out for the custom card option

undone egret Jul 4, 2018, 2:04 PM

#

@half osprey did you notice the website had 73 being released on july 6th

raven nacelle Jul 4, 2018, 2:09 PM

#

On the beta website...right? Don't recall if we always had a date there

undone egret Jul 4, 2018, 2:23 PM

#

🤔 i dont know now it says 72.1

north spear Jul 4, 2018, 2:23 PM

#

you probably used: https://rc--home-assistant-docs.netlify.com/

undone egret Jul 4, 2018, 2:24 PM

#

i dunno ... didnt try too but all good

raven nacelle Jul 4, 2018, 2:27 PM

#

yes...the date is only on the beta website (which is a projected date)

#

@north spear Looks like there is a need for the exclude filters custom card 😉

north spear Jul 4, 2018, 2:29 PM

#

yeah, i'll work on it

#

I've called it monster-card, but maybe I should have called it can-of-worms-card :))

raven nacelle Jul 4, 2018, 2:32 PM

#

ok

north spear Jul 4, 2018, 2:33 PM

#

if anyone is interested to move cards to official docs (https://rc--home-assistant-docs.netlify.com/lovelace), give me a ping

half osprey Jul 4, 2018, 3:11 PM

#

@mortal cape my future vision is that such components that generate a lot of sensors will include a suggested lovelace config and we automatically add that to a view when you set it up.

#

Doing a complete dynamic filter made adding options like exclude necessary and override name or custom UI difficult

#

We give. We take.

wooden canyon Jul 4, 2018, 7:04 PM

#

some things changes in the latest beta. where do i find a catalog of such changes so I can adjust accordingly.

sudden lion Jul 4, 2018, 7:06 PM

#

https://github.com/ciotlosm/docs-lovelace/blob/master/changelog.md

vapid field Jul 4, 2018, 7:28 PM

#

this looks awesome https://d33wubrfki0l68.cloudfront.net/bb685baeac756792cf6b7806560c9116a645e099/a3afc/images/blog/2018-07-0.73/lovelace-elements.png

#

i guess this will replace floorplan

raven nacelle Jul 4, 2018, 7:34 PM

#

@vapid field I updated the other screenshots on my repo

vapid field Jul 4, 2018, 7:35 PM

#

~arsaboo

kind shellBOT Jul 4, 2018, 7:35 PM

#

For best of the best home automations, visit my repo at https://github.com/arsaboo/homeassistant-config

vapid field Jul 4, 2018, 7:36 PM

#

@raven nacelle that looks awesome!

#

lol i did the same thing with my lennar print 😛

#

but with floorplan

raven nacelle Jul 4, 2018, 7:38 PM

#

I went around looking for my plan...luckily they reuse the same plan 😜

#

I saved the link now and, for safe measures, also got a copy of it

vapid field Jul 4, 2018, 7:38 PM

#

they sure do, i did the exact same thing, i just googled lennar + my exact sqrt ft and got some weird name but same thing

raven nacelle Jul 4, 2018, 7:39 PM

#

funny, you could make out it was Lennar property

vapid field Jul 4, 2018, 7:40 PM

#

http://prntscr.com/k2li12

raven nacelle Jul 4, 2018, 7:49 PM

#

perfect...just remove the labels from there and you have a great floorplan to use

vapid field Jul 4, 2018, 7:54 PM

#

i guess on beta version you can set lovelace as default UI?

raven nacelle Jul 4, 2018, 7:59 PM

#

yes, you can. Although on the desktop, the default option does not work reliably for me.

north spear Jul 4, 2018, 7:59 PM

#

Clicking Overview in menu takes you to old ui

raven nacelle Jul 4, 2018, 8:03 PM

#

It works quite reliably on the iOS app

north spear Jul 4, 2018, 8:05 PM

#

Without the hack? Just beta feature?

raven nacelle Jul 4, 2018, 8:10 PM

#

yeah...without the hack

#

just the beta feature

north spear Jul 4, 2018, 8:13 PM

#

Weird. Clicking overview gets you to lovelace?

raven nacelle Jul 4, 2018, 8:14 PM

#

on the HA iOS app ?

north spear Jul 4, 2018, 8:14 PM

#

Yep

raven nacelle Jul 4, 2018, 8:14 PM

#

just tried again....it doesn't 😦

#

when I open the app, it starts in lovelace

north spear Jul 4, 2018, 8:15 PM

#

Yes. That is correct

raven nacelle Jul 4, 2018, 8:15 PM

#

ok

#

so that is the same then on both desktop and the app

north spear Jul 4, 2018, 8:15 PM

#

Indeed

raven nacelle Jul 4, 2018, 8:16 PM

#

BTW, not sure if state-icon is the best way to present cameras on the floorplan.

#

@vapid field The image that you sent was from floor plan? I like the camera representation there

vapid field Jul 4, 2018, 8:17 PM

#

ik twas

#

it*

#

im working on trying to understand how it works with lovelace

#

like whenever i try - type: picture-elements i get unknown card type

north spear Jul 4, 2018, 8:24 PM

#

What is you HA version?

vapid field Jul 4, 2018, 8:25 PM

#

.73.0b6

north spear Jul 4, 2018, 8:27 PM

#

Can you post a link to a hastebin of your ui-lovelace.yaml?

vapid field Jul 4, 2018, 8:34 PM

#

i think it may have to do with the picture path? http://prntscr.com/k2m4gb

north spear Jul 4, 2018, 8:39 PM

#

Image should be either full url

#

Or a path unde /local

vapid field Jul 4, 2018, 8:42 PM

#

what does /local actually represent?

dapper rain Jul 4, 2018, 8:45 PM

#

its ww

#

www

vapid field Jul 4, 2018, 8:45 PM

#

ok

#

that fixed it 😃 one last question how do you find the % for location?

dapper rain Jul 4, 2018, 8:52 PM

#

no idea what you mean buy you could just try

vapid field Jul 4, 2018, 8:53 PM

#

style:
top: 87%
left: 78%

#

that ^ how do you find the %

dapper rain Jul 4, 2018, 8:53 PM

#

just try then

#

what fits best to you

raven nacelle Jul 4, 2018, 8:57 PM

#

Best way is open the image in an image editor and use the location to find the %

#

otherwise it is lot of trial and error

raven nacelle Jul 4, 2018, 9:23 PM

#

Looks like the picture card cannot be used inside picture-elements

storm lion Jul 4, 2018, 9:29 PM

#

interesting, what's the idea of use case for that?

raven nacelle Jul 4, 2018, 9:30 PM

#

right now, we can only use state-label, state-icon, or state-text with picture elements card.

#

I want to, for example, indicate a camera icon for my camera

#

which basically will be a camera image

#

📎 unknown.png

#

instead of

📎 unknown.png

#

that is just one use case, but I would think ppl would want to add other elements on these images and interact with them

#

if we allow a generic image option that should solve the problem

#

the picture card comes close, but it does work with picture elements

storm lion Jul 4, 2018, 9:34 PM

#

lovely idea!

#

@half osprey - still haven't got all my sensors represented yet, but as requested, how my current lovelace interface sits:
https://www.youtube.com/watch?v=6FX9_leiikw&feature=youtu.be

half osprey Jul 4, 2018, 9:42 PM

#

perfect !

#

Let me put it on the Twitter

#

btw lol at those Exit signs haha

#

@raven nacelle there is a difference between the elements that we support and the cards that we support

#

@storm lion https://twitter.com/home_assistant/status/1014626180492877824

Home Assistant (@home_assistant)

Have you taken a look at Lovelace yet? Today Jack Johnson shares the love with a walkthrough of his UI ❤️

https://t.co/bm0qx6by4D

#

@storm lion is your config public? If so, please add it to the description of the video

raven nacelle Jul 4, 2018, 9:52 PM

#

@half osprey I agree. I am just thinking that we need a generic picture-entity support for the elements card. Instead of presenting a generic light, I can then use a lamp to present my table lamp. Basically, distinguish between entities

storm lion Jul 4, 2018, 9:53 PM

#

The exit signs were the best way I could think of doing it 😀 . I'm all on git so will add a link now

raven nacelle Jul 4, 2018, 9:55 PM

#

just a thought and I understand that it may be something we don't want to do to avoid complexities. But, something like type: picture-entityelement would be a great addition to picture-elements card. I will create an issue explaining what I am thinking and may be

serene sierra Jul 4, 2018, 9:55 PM

#

Hello! Floorplan is compatible with Lovelace UI?

raven nacelle Jul 4, 2018, 9:56 PM

#

not the Floorplan, but you can create one using picture-elements card.

serene sierra Jul 4, 2018, 9:56 PM

#

ok ty

raven nacelle Jul 4, 2018, 9:57 PM

#

@storm lion Great job 👏

storm lion Jul 4, 2018, 9:57 PM

#

@half osprey - link to the device docs or to - https://rc--home-assistant-docs.netlify.com/lovelace

#

Haha thanks @raven nacelle 👍 hopefully gives some people some ideas

half osprey Jul 4, 2018, 10:01 PM

#

@storm lion dev docs for now

radiant drum Jul 4, 2018, 10:02 PM

#

Hi! Will it be possible to change pictures in picture-elements card? for example when the light goes on it shows lightbulbs on and when it goes off, the picture change to lightbulbs off.

storm lion Jul 4, 2018, 10:02 PM

#

@half osprey - updated and tidied up 👍

raven nacelle Jul 4, 2018, 10:03 PM

#

@radiant drum If you use state-icon, it will show blue when off and yellow when on.

#

similar to what you see on your UI

radiant drum Jul 4, 2018, 10:04 PM

#

It will not change the picture?

raven nacelle Jul 4, 2018, 10:04 PM

#

No, that is what I was trying to explain earlier.

#

that we need something like that

#

where we can change the picture based on the state

radiant drum Jul 4, 2018, 10:08 PM

#

yeah..something like this: https://pastebin.com/349ETd50

kind shellBOT Jul 4, 2018, 10:08 PM

#

Attention!: Please use https://www.hastebin.com to share code that is more than 10-15 lines. You have been warned, @radiant drum!
Please read rule #6 here #rules

raven nacelle Jul 4, 2018, 10:09 PM

#

that will still work

#

you will see the icon that is defined by the template

radiant drum Jul 4, 2018, 10:14 PM

#

Hope it will possible in the future 😃

half osprey Jul 4, 2018, 10:22 PM

#

@storm lion could you mention the version that you're running (73 beta 5) and YouTube caps descriptions off after 3 lines, so move the link to your github repo to be on the 3rd line. It's the most important.

serene sierra Jul 4, 2018, 10:29 PM

#

trying to add custom card followed by guide but having error Custom element doesn't exist: "custom-card-example".

north spear Jul 4, 2018, 10:29 PM

#

are you using latest docs? https://developers.home-assistant.io/docs/en/next/lovelace_custom_card.html

serene sierra Jul 4, 2018, 10:30 PM

#

nope that seems different thank you

#

but im on 72.1 version

storm lion Jul 4, 2018, 10:35 PM

#

@half osprey - sorry I know even less about youtubing and twittering than I do about coding 😛 - updated now though. Thanks for the guidance 👍 - I've also figured out I have a twitter account I set up at some point so will try and answer questions best I can

dapper rain Jul 4, 2018, 10:44 PM

#

@serene sierra that means for some reason your custom element is not defined

serene sierra Jul 4, 2018, 10:48 PM

#

@dapper rain dunno why still told i was tried reboot and everything i have content-card-example.js inside my /.homeassistant/www directory

dapper rain Jul 4, 2018, 10:48 PM

#

You need to add it to Lovelace config

serene sierra Jul 4, 2018, 10:49 PM

#

yep inside my ui-lovelace.yaml i was added this ```views:

tab_icon: mdi:home
name: Home
cards:
- type: "custom:custom-card-example"
  entity: alarm_control_panel.home_alarm```

dapper rain Jul 4, 2018, 10:50 PM

#

It needs to be added to resources too

serene sierra Jul 4, 2018, 10:50 PM

#

  - url: /local/content-card-example.js
    type: js``` all set from guide

dapper rain Jul 4, 2018, 10:51 PM

#

Then maybe the problem is in the js

serene sierra Jul 4, 2018, 10:51 PM

#

/.homeassistant/www/content-card-example.js is = /local/content-card-example.js right?

quick beacon Jul 4, 2018, 10:51 PM

#

not sure if the demo code is still valid for old releases....

dapper rain Jul 4, 2018, 10:52 PM

#

Yes

#

You could check if it's loaded via the network inspector but probably the js is the problem

serene sierra Jul 4, 2018, 10:53 PM

#

mmm what i need to do? im have this frontend: javascript_version: latest extra_html_url: - /local/custom_ui/state-card-custom-ui.html - /local/custom_ui/state-card-tiles.html - /local/lovelace.html extra_html_url_es5: - /local/custom_ui/state-card-custom-ui-es5.html - /local/custom_ui/state-card-tiles_es5.html themes: !include frontend_themes.yaml inside my configuration.yaml

dapper rain Jul 4, 2018, 10:53 PM

#

The js file might be the problem

serene sierra Jul 4, 2018, 10:53 PM

#

ah ok ty

half osprey Jul 4, 2018, 11:36 PM

#

Did you add the file to your www did in config?

serene sierra Jul 4, 2018, 11:36 PM

#

upgraded to 0.73.0.dev0 and now when i tried make custom card i have error in UI ```i.setConfig is not a function

{
"type": "custom:content-card-example",
"entity": "input_boolean.switch_tv"
}```

half osprey Jul 4, 2018, 11:37 PM

#

Check the dev tools to make sure it is loaded correctly

#

Also which browser? Use chrome for now. Safari and edge is kinda wonky

serene sierra Jul 4, 2018, 11:37 PM

#

safari and firefox yes im have that file

#

oh its only firefox issue because i can see it clearly in safari @half osprey thanks

lethal sand Jul 5, 2018, 12:27 AM

#

anyone get the custom state card for floorplan to work with lovelace?

vapid field Jul 5, 2018, 12:27 AM

#

Can i use toggle on dimmer light?

#

@lethal sand it kinda works natively with a picture and status on top

#

Im working on mine now

lethal sand Jul 5, 2018, 12:29 AM

#

I cant seem to get anything to work on it, just a blank frame for iframe.

vapid field Jul 5, 2018, 12:30 AM

#

Look at ~arsaboo config he did something like floor plan with his

#

~arsaboo

kind shellBOT Jul 5, 2018, 12:30 AM

#

For best of the best home automations, visit my repo at https://github.com/arsaboo/homeassistant-config

lethal sand Jul 5, 2018, 12:30 AM

#

cool, ill check it out

vapid field Jul 5, 2018, 12:31 AM

#

Mine is looking like this https://ibb.co/ia8vMd

#

Just stared so should look better soonish

lethal sand Jul 5, 2018, 12:40 AM

#

heres my floorplan, works in normal panel_iframe at least. https://ibb.co/n94VnJ

cunning violet Jul 5, 2018, 4:01 AM

#

@half osprey Took my time but here's my Lovelace demo.
https://youtu.be/yAQWQkl1zjs

waxen wolf Jul 5, 2018, 7:34 AM

#

@cunning violet no sound? or is my headset broken? 😄

#

other than that, pretty neat

cunning violet Jul 5, 2018, 8:00 AM

#

@waxen wolf No sound..was just a screen recording.

half osprey Jul 5, 2018, 10:59 AM

#

@cunning violet very cool! I'll share it online tomorrow

#

If you have some config shared online, please update your description with a link

fading sorrel Jul 5, 2018, 11:33 AM

#

@cunning violet Holy mother of Home Automations

#

I really need to start playing with Lovelace... that just looks just awesome

north spear Jul 5, 2018, 11:58 AM

#

If anyone interested: https://github.com/ciotlosm/custom-lovelace/blob/master/gauge-card/README.md a good use case for stack cards and lovelace custom card 😃

undone egret Jul 5, 2018, 12:16 PM

#

Have them on my dashboard with color graduated values. Great for quick reference

feral grotto Jul 5, 2018, 12:36 PM

#

Hi guys, weird issue on lovelace, my second camera doesn't display (it does on "regular viewer"). It gives me: Log Details (ERROR)
Thu Jul 05 2018 08:21:06 GMT-0400 (Eastern Daylight Time)

https://10.20.30.253:8123/frontend_latest/app-4292f66004397bd401a51afce535490e.js:2:37089 Uncaught TypeError: Cannot read property '_domain' of undefined

quick beacon Jul 5, 2018, 12:44 PM

#

the entity_id is not correct

feral grotto Jul 5, 2018, 12:46 PM

#

it was and it is 😦

#

It was, it wasn't anymore, I corrected it and now it works again 😛

#

damn _ instead of .

#

thanks!

north spear Jul 5, 2018, 12:50 PM

#

bignumber-card

📎 big-number.gif

#

gauge-card

📎 gauge-card.gif

#

For those interested in more big cards to use with stack for sensor display

raven nacelle Jul 5, 2018, 12:52 PM

#

Would be cool if the gauge card could allow color gradations - green when low and red when high

#

may be something for v2

north spear Jul 5, 2018, 12:52 PM

#

@raven nacelle easily added, I'll put it on the todo

raven nacelle Jul 5, 2018, 12:53 PM

#

I created the image for something like that

📎 unknown.png

half osprey Jul 5, 2018, 1:01 PM

#

@north spear are you going to make it so that people can set number boundaries when to switch to a color? or just have a min/max and create colors based on that ?

#

I would btw totally consider those as built-in cards

storm lion Jul 5, 2018, 1:04 PM

#

Ideal for temperature sensors - with a new baby making sure each room is in the right "temperature range" with a visual gauge would be amazing!

eager wharf Jul 5, 2018, 1:06 PM

#

I'd like to use it for something like Pollen index, as that usually determines if I'm going to enjoy my day or not lol. The color gradient mockup that @raven nacelle showed would be cool for something like that

#

Or even just colors in the gauge card as is

storm lion Jul 5, 2018, 1:16 PM

#

How many jobs I've completed that my wife has assigned to me on todoist.. that's what determines the level of enjoyment of my day 😃

half osprey Jul 5, 2018, 1:19 PM

#

@north spear I tweeted about your cards https://twitter.com/balloob/status/1014860776744673280

Paulus Schoutsen (@balloob)

One of my favorite things about the @home_assistant Lovelace UI is how easy it is to create and share custom cards. The chat is full of people with ideas and others that quickly prototype and implement.

All powered by web components and the open web. Each card ~100 lines ...

▶ Play video

north spear Jul 5, 2018, 1:54 PM

#

@half osprey set boundaries makes most sense, and change color of whole bar based on the current value

#

@half osprey thanks for the tweet

#

but I wouldn't know how to get this in the main code, I'd have to ask @quick beacon for guidance 😃

quick beacon Jul 5, 2018, 2:12 PM

#

you are welcome 😘

#

I think we need a good lib for gauges...

north spear Jul 5, 2018, 2:24 PM

#

I liked https://github.com/JohnrBell/Gauge_CSS because it was pure css without much junk

#

but I guess the component needs to be far more generic to support various sensors with different color needs if it gets integrated

mortal cape Jul 5, 2018, 2:34 PM

#

https://github.com/toorshia/justgage ?

raven nacelle Jul 5, 2018, 2:36 PM

#

@mortal cape That looks great and already has the color gradation

north spear Jul 5, 2018, 2:52 PM

#

@mortal cape one other big problem (that I solved in gauge_css) is to scale properly

#

most of these use fixed size, and resizing doesn't really work well

mortal cape Jul 5, 2018, 2:52 PM

#

ah

#

it was the first to come up for search so I figured you'd seen it too and passed on it for some reason

north spear Jul 5, 2018, 2:54 PM

#

that uses javascript as well, and it's not easily compatible to import the min js with the module I was creating

#

as I said, the more lightweight, the better

raven nacelle Jul 5, 2018, 2:54 PM

#

Seems it does not scale well

📎 unknown.png

north spear Jul 5, 2018, 2:54 PM

#

@raven nacelle did you specify min / max ?

raven nacelle Jul 5, 2018, 2:54 PM

#

yes,

#

It works well with 2 cards

north spear Jul 5, 2018, 2:55 PM

#

aaaa

raven nacelle Jul 5, 2018, 2:55 PM

#

when you add 3 cards there, it doesn't scale

north spear Jul 5, 2018, 2:55 PM

#

the size

raven nacelle Jul 5, 2018, 2:55 PM

#

yes

north spear Jul 5, 2018, 2:55 PM

#

you can use scale , if you know you want 3

#

add scale: '30px'

#

and see how it works

#

I'll try to see if I can figure size based on a parent

#

at the moment you have to adjust scale parameter based on how many you want to stack together

raven nacelle Jul 5, 2018, 2:57 PM

#

With scale: 35px

📎 unknown.png

mortal cape Jul 5, 2018, 2:59 PM

#

I do like the gauges that transition from one color to another vs the ones that use static blocks of color, but if it scales and fits properly that would take priority. This is one of those things that will inspire many other variations I imagine. So a good custom card to "put out there"

north spear Jul 5, 2018, 2:59 PM

#

@mortal cape what I had in mind was color that transition

#

I use

         - type: horizontal-stack
            cards:
              - type: custom:bignumber-card
                title: Temperature
                entity: sensor.short_name
              - type: custom:gauge-card
                title: Oil
                entity: sensor.battery_sensor
                scale: 35px
              - type: custom:bignumber-card
                title: Oil
                entity: sensor.battery_sensor

#

scale: 35px works with 3 in a row

raven nacelle Jul 5, 2018, 3:01 PM

#

+1 for scaling and color coding

north spear Jul 5, 2018, 3:02 PM

#

@raven nacelle did you try to use scale: 35px for your 3 card setup ?

raven nacelle Jul 5, 2018, 3:03 PM

#

the image that I sent was with 35px

#

the chart scales, the temperature rating does not and and the title gets cropped.

north spear Jul 5, 2018, 3:09 PM

#

ah right

#

I'll fix those 😉

#

Ok, seems it's better now

#

I'll look at color tonight, I think should be an easy addition

#

I have already an idea on how that will work

half osprey Jul 5, 2018, 3:17 PM

#

@north spear if you want to import things, write es instead of js for your custom card. See advanced custom card as example.

#

Making sure whatever gauge lib we pick, it's light

#

We cant pull in a full charting lib just for gauges

north spear Jul 5, 2018, 3:17 PM

#

ok, I'll finish this first to be usable with color for more feedback and then have a look at that

#

my current version is css only based on that lightwegith gauge chart

half osprey Jul 5, 2018, 3:18 PM

#

I like that

north spear Jul 5, 2018, 3:18 PM

#

every other gauge I saw was using a fair amount of js

#

would something like this be flexible enough?

          - type: custom:gauge-card
            entity: sensor.battery_sensor
            sectors:
              - min: 8
                max: 15
                color: '#43bf58'

#

📎 color.gif

quick beacon Jul 5, 2018, 3:34 PM

#

are numbers valid keys?

sectors:
  "0": red
  "10": orange
  "20": green

north spear Jul 5, 2018, 3:34 PM

#

how do you define than which is the whole range for a color ?

#

you can't assume good is going up or down

#

fuel is red towards 0, but temperature is the other way around

#

plus some have blue when low , others have red

quick beacon Jul 5, 2018, 3:36 PM

#

^so I would change the order of the colors? 🤔

north spear Jul 5, 2018, 3:37 PM

#

makes sense

mortal cape Jul 5, 2018, 4:13 PM

#

sometimes these gauges have an option to reverse (invert?) the direction. I don't recall if that happens in grafana or where I saw that

#

not the direction but the range so 1 to 100 or 100 to 1 for example

north spear Jul 5, 2018, 4:17 PM

#

Ah ok. But i think a setup like crusader727 said is flexible enough

#

And we predefine colors based on theme

cinder rapids Jul 5, 2018, 4:24 PM

#

Wow I’m going to have to quit my job to be able to keep up with the changes to HA and Lovelace.

pure void Jul 5, 2018, 4:26 PM

#

the breakneck speed of additions/corrections is a terrible thing to deal with 😉

north spear Jul 5, 2018, 4:33 PM

#

There is a changelog 😃

north spear Jul 5, 2018, 6:26 PM

#

@raven nacelle @mortal cape up to test gauge colors ?

#

😄

#

if it's allowed to hijack this channel for custom cards discussions (just thought about it that I'm a bit off-topic probably)

mortal cape Jul 5, 2018, 6:31 PM

#

@north spear sure!

raven nacelle Jul 5, 2018, 6:31 PM

#

Absolutely

north spear Jul 5, 2018, 6:31 PM

#

not sure how intuitive are the docs

#

but the values should read "from this value"

#

so if you'd want to start with red and end with green should still be doable

raven nacelle Jul 5, 2018, 6:33 PM

#

Let me check... Gimme 5 min

storm lion Jul 5, 2018, 6:38 PM

#

Would a custom card repository, much like the add-ons store in hassio be something worth considering?

#

Probably not right now whole thing he systems still evolving but longer term

north spear Jul 5, 2018, 6:42 PM

#

@storm lion
"Marius - Today at 7:59 PM
I had an idea of a hassio addon that could manage a custom cards setup where you could point it to git repos and it will add the cards to resources and download the files to your /config/www"

storm lion Jul 5, 2018, 6:43 PM

#

Lol... See now that man has great ideas ^

north spear Jul 5, 2018, 6:43 PM

#

maybe @fading sorrel has some space in his backlog

fading sorrel Jul 5, 2018, 6:43 PM

#

?

north spear Jul 5, 2018, 6:43 PM

#

for a new hassio addon 😃

fading sorrel Jul 5, 2018, 6:44 PM

#

I see

#

I have considered those kind of add-ons

#

(comparable to an CustomUI or Floorplan add-on)

storm lion Jul 5, 2018, 6:44 PM

#

Lol.. I was thinking as part of the core ha, so non-hassio users can select it too

fading sorrel Jul 5, 2018, 6:44 PM

#

But i've decided not to build add-ons to manage static files within the Home Assistant configuration space

#

It makes no sense

north spear Jul 5, 2018, 6:46 PM

#

@fading sorrel in this case even to just download the file, and have a crude version system

#

like allowing users to specify text version files

fading sorrel Jul 5, 2018, 6:46 PM

#

@north spear Docker containers run services

#

I'm not going to build it

#

feel free to do yourself

#

I do not agree on the methods needed

storm lion Jul 5, 2018, 6:47 PM

#

So you install your nest which gives certain data in a certain format, just click the nest climate card from the "store", your ecobee well that labels things differently in attributes (for example) grab the ecobee card... Same for vacuums and anything that gives masses of information in the attributes field in a certain way... The GUI card it displays can even reflect the device...

north spear Jul 5, 2018, 6:47 PM

#

mkay, I'll think of other solutions

mortal cape Jul 5, 2018, 6:47 PM

#

@north spear is "severity:" incorrect, in your example?

fading sorrel Jul 5, 2018, 6:47 PM

#

Another example is "custom_deps" add-on, which should be deleted

mortal cape Jul 5, 2018, 6:48 PM

#

@fading sorrel these are essentially custom cards with lovelace

fading sorrel Jul 5, 2018, 6:48 PM

#

I know

#

and essentially just code

#

that needs to be placed in the correct location

#

(same as the custom_deps does)

north spear Jul 5, 2018, 6:48 PM

#

@mortal cape yes, wrong, too much to the right

#

i'll correct example

mortal cape Jul 5, 2018, 6:49 PM

#

📎 unknown.png

#

working here

#

cool

📎 unknown.png

#

except for the text cutting off

north spear Jul 5, 2018, 6:54 PM

#

oh god, still there

#

I'll fix it

mortal cape Jul 5, 2018, 6:55 PM

#

what determines the size for stacks...the number of cards?

#

more cards, smaller cards?

north spear Jul 5, 2018, 6:57 PM

#

on horizontal yes

#

btw, fixed, if you update

mortal cape Jul 5, 2018, 7:02 PM

#

@north spear

📎 unknown.png

north spear Jul 5, 2018, 7:03 PM

#

are you sure you updated?

mortal cape Jul 5, 2018, 7:03 PM

#

I will double check

north spear Jul 5, 2018, 7:03 PM

#

for multiple to fit, you need to update scale to something like '35px'

mortal cape Jul 5, 2018, 7:09 PM

#

well that was confusing. till I cleared cache

#

📎 unknown.png

north spear Jul 5, 2018, 7:12 PM

#

😃

#

@mortal cape I'll try to find out how to get scale adjusted automagically based on space available

raven nacelle Jul 5, 2018, 7:14 PM

#

Looking good

📎 unknown.png

north spear Jul 5, 2018, 7:14 PM

#

lots of red

#

😃

raven nacelle Jul 5, 2018, 7:14 PM

#

everyone is out

#

😉

#

HA doing its job

mortal cape Jul 5, 2018, 7:27 PM

#

@north spear I need to tweak things

📎 unknown.png

north spear Jul 5, 2018, 7:28 PM

#

rounding or text size parameter ?

mortal cape Jul 5, 2018, 7:28 PM

#

rounding

#

but I was just quickly converting an old card into gauges

north spear Jul 5, 2018, 7:29 PM

#

looks pretty good. I think i'll do the same for my systems tab

mortal cape Jul 5, 2018, 7:29 PM

#

first time I've used markdown. How does it get centered?

north spear Jul 5, 2018, 7:29 PM

#

in native markdown (unsure which flavour is used) you can't center without html/css

storm lion Jul 5, 2018, 7:31 PM

#

That looks amazing @north spear

north spear Jul 5, 2018, 7:31 PM

#

but sooo cool to see how cards work together

mortal cape Jul 5, 2018, 7:32 PM

#

in my rush to convert I spilled my drink on my keyboard

#

lol

north spear Jul 5, 2018, 8:06 PM

#

so glad horizontal-stack didn't go away 😃

rigid harness Jul 5, 2018, 8:09 PM

#

@north spear In same style the latest cards discussed, would it make sense with something like a big-entity card?. Could see some use cases for big switch or light. Ie. dashboard setup.

north spear Jul 5, 2018, 8:10 PM

#

@rigid harness no need

#

@rigid harness you can already use https://github.com/ciotlosm/docs-lovelace/blob/master/card-picture-entity.md for toggle stuff

#

You can get it as pretty as you wish

sudden lion Jul 5, 2018, 8:12 PM

#

Can you get this "full screen" ? https://github.com/ciotlosm/docs-lovelace/blob/master/card-picture-elements.md

north spear Jul 5, 2018, 8:12 PM

#

@sudden lion yes, using https://github.com/ciotlosm/docs-lovelace/blob/master/view-panel.md

sudden lion Jul 5, 2018, 8:13 PM

#

ah cool

rigid harness Jul 5, 2018, 8:17 PM

#

@north spear Sure, was thinking not all use cases would fit into the picture style. Let’s say for a light within a view for a room, entity icon with color scheme showing state could be really easy accessible, and not to flashy.

north spear Jul 5, 2018, 8:20 PM

#

@rigid harness than maybe glance and wait for https://github.com/home-assistant/ui-schema/issues/49 ?

storm lion Jul 5, 2018, 8:20 PM

#

I can see it being useful to make bigger cards too.. so maybe inside a room the camera is two cards wide and tall for example

rigid harness Jul 5, 2018, 8:26 PM

#

Could get the same effect, but not exactly what I was thinking. Styling to really show of a single entity within one card stacked together with gauge-card, bignumber-card, could make good for making elements stand out more and be really easy accessible. Dashboard-style-ish

raven nacelle Jul 5, 2018, 8:28 PM

#

@rigid harness This should help https://github.com/home-assistant/ui-schema/issues/75

#

adding generic elements should be useful to make elements stand out or visually distinct

north spear Jul 5, 2018, 8:30 PM

#

@rigid harness for toggle switch picture-entity should be enough

#

for your light situation you would need something different, but not sure what your expected outcome would look like

#

but you'd need something different only because lights can have hue state coded in the picture

#

@half osprey would a picture-light be possible? where you provide a black and white image and you get either yellow when on or the correct color through CSS based on light state?

#

come to think of it, I could implement that through custom cards

#

not that hard

#

@rigid harness would a black and white image with right "hue" based on light attributes work for you?

rigid harness Jul 5, 2018, 8:37 PM

#

That would work, I was thinking colored material icons would do the job, without having to create a picture for each entity. But I see your point that this is somewhat covered by ie. glance

north spear Jul 5, 2018, 8:39 PM

#

both glance and picture-elements

#

you could create a picture elements with a light on top

#

but with a proper custom component you could use https://discourse-cdn-sjc1.com/smartthings/uploads/default/original/2X/5/5ac658b32161878f98591deaa981a53f67d96f8d.png and just have it with right state and color everything in the color of the light

rigid harness Jul 5, 2018, 8:58 PM

#

https://ibb.co/kJaCmd Beeing able to create something like this was my idea.

#

Won't pursue any more. Thanks for your time, thanks for your awsome work!

north spear Jul 5, 2018, 9:21 PM

#

would something like https://materialdesignicons.com/ "lamp" icon work with various color and title underneath ?

rigid harness Jul 5, 2018, 9:24 PM

#

That’s what I was thinking. Use the mid:xxx icon defined for the entity.

north spear Jul 5, 2018, 9:28 PM

#

pretty simplistic toggle approach, but doable. I'll have a look tomorrow.

rigid harness Jul 5, 2018, 9:29 PM

#

Cool, thanks! 🤘

half osprey Jul 5, 2018, 11:08 PM

#

https://www.reddit.com/r/homeassistant/comments/8wdscs/_/

r/homeassistant - (lovelace) it's getting hot in here, ui. So far ...

47 votes and 13 so far on reddit

#

Saw this on Reddit. So cool

#

@north spear about new cards. I prefer we first built as custom cards. See what works, see what config options we need. Once we have more experience and see a need, we can promote to built in card

#

That way we avoid having to upset people like with the filter card

amber ginkgo Jul 6, 2018, 12:54 AM

#

Anyone tell me if I can use a local .jpg for picture-glance? Can't figure out the file/URL format.

quick beacon Jul 6, 2018, 12:59 AM

#

http://lmgtfy.com/?q=home+assistant+local+jpg

amber ginkgo Jul 6, 2018, 1:03 AM

#

Funny! I had an erroneous apostrophe at the end of my URL. Fixed now image: /local/lovelace/10PoakaLounge.jpg

lucid trail Jul 6, 2018, 5:08 AM

#

i can't wait to migrate to this from floorplan once it get s a bit more mature...

north spear Jul 6, 2018, 6:12 AM

#

@half osprey I think that makes sense. @storm lion the repo you proposed would make sense as a 1st stage and a filter. That would also help make cards a bit more standard, at least in name & docs. However with this in mind I think the naming standard much change

buoyant skiff Jul 6, 2018, 6:26 AM

#

been looking at the screenshots and examples cant wait for 0.73 to drop and for me to get started with lovelace i know i do it now but itseems like a good idea to wait and let others go thru the growing pains etc 😃

north spear Jul 6, 2018, 6:26 AM

#

I am also waiting on 0.73 to migrate my production setup

#

I have a spare to test stuff out and wrap my head around things

#

saves time when it hits

buoyant skiff Jul 6, 2018, 6:27 AM

#

indeed

#

got so many ideas for it

#

love the gauge meter

north spear Jul 6, 2018, 6:28 AM

#

glad to hear

wheat current Jul 6, 2018, 6:28 AM

#

The docs you have created @north spear will save all of us a lot of time 😄

buoyant skiff Jul 6, 2018, 6:28 AM

#

gonna use that for cpu load from various systems

north spear Jul 6, 2018, 6:28 AM

#

if you spot mistakes, please let me know. Either PR or issue or on chat

#

yeah, after I saw @mortal cape's image of his setup I immediately thought of my systems tab too 😄

buoyant skiff Jul 6, 2018, 6:29 AM

#

make my stats pretty 😄

#

haha

wheat current Jul 6, 2018, 6:29 AM

#

That monster card , will it be possible to filter on attributes at some point in the future?

north spear Jul 6, 2018, 6:29 AM

#

to be honest, I did the gauge-card for a reddit post, just to help with an example what can be done easily

#

@wheat current yes

buoyant skiff Jul 6, 2018, 6:30 AM

#

well it was a good plan 😄

north spear Jul 6, 2018, 6:30 AM

#

you want to filter on attributes using wildcard method like entities?

wheat current Jul 6, 2018, 6:31 AM

#

Preferably yes 😃

buoyant skiff Jul 6, 2018, 6:31 AM

#

the only part that is problematic part with homeassistant is that its so damn addictive 😛

#

cant stop doing stuff in it and adding more content to it

north spear Jul 6, 2018, 6:31 AM

#

if you'd have a practical example in mind for attribute filter, would you mind raising an issue against https://github.com/ciotlosm/custom-lovelace/ ?

buoyant skiff Jul 6, 2018, 6:34 AM

#

need to migrate my custom_compoment stuff to github

#

since ludeeus setup a git for us yesterday

#

good initiative to have collective makes it easier to for users to find it

#

should probly put stickies on forums for both lovelace and compoments

waxen wolf Jul 6, 2018, 6:53 AM

#

any idea why this gives me a "error in card configuration"?

#

      - type: picture-glance
        image: #"/local/office.jpg"
        camera_image: camera.digoo
        title: "Büro"
        entities: 
          - light.silberne_lampe
          - light.grosse_stehlampe

wheat current Jul 6, 2018, 6:54 AM

#

Try:

      - type: picture-glance
        #image: "/local/office.jpg"
        camera_image: camera.digoo
        title: "Büro"
        entities: 
          - light.silberne_lampe
          - light.grosse_stehlampe

buoyant skiff Jul 6, 2018, 6:55 AM

#

yeah that shebang is outta place 😛

waxen wolf Jul 6, 2018, 6:55 AM

#

sadly already tried that 😦 thanks @wheat current

#

the # is in place (at least according to the card documentation).

wheat current Jul 6, 2018, 6:56 AM

#

Not acording to yaml

waxen wolf Jul 6, 2018, 6:57 AM

#

true but in the documentation of the card its mentioned like this

#

- type: picture-glance
  image:
  camera_image: camera.demo_camera
  title: Living
  entities:
    - switch.decorative_lights
    - light.ceiling_lights
    - lock.front_door
    - binary_sensor.movement_backyard
    - binary_sensor.basement_floor_wet

#

so i just tried to comment out my actual value to keep image:

#

anyway. neither works with image:, image: #asdf or #image: asdf. must be another issue

#

the cam itself works though. at least through the debugging view

#

maybe i have to wait until 0.73. i am still on 72.1

wheat current Jul 6, 2018, 7:01 AM

#

Should work on both

#

@waxen wolf your config works for me

waxen wolf Jul 6, 2018, 7:03 AM

#

interesting

#

i am using a onvif camera

#

not sure if that makes a difference

#

let me try to use ffmpeg instead

#

i mean its basically the same but different i guess?!

wheat current Jul 6, 2018, 7:04 AM

#

I didn't change the camera :P

📎 unknown.png

waxen wolf Jul 6, 2018, 7:04 AM

#

i see the same picture but on the bottom there is a half cut text that says "error in card configuration"

#

dont you see that too?

north spear Jul 6, 2018, 7:04 AM

#

that setup with camera_image was added in 0.73.0b3

waxen wolf Jul 6, 2018, 7:05 AM

#

thanks marius, that makes sense

north spear Jul 6, 2018, 7:05 AM

#

see https://github.com/ciotlosm/docs-lovelace/blob/master/changelog.md#changes-in-0730b3

#

and search for camera_image

wheat current Jul 6, 2018, 7:05 AM

#

oh... yes... forgot to change branch 😛

north spear Jul 6, 2018, 7:07 AM

#

@wheat current if hassio would also publish such attributes for containers to use as sensors in HA .... endless posibilities to get system tab auto show problematic things

#

like containers eating bandwidth

#

or other things

#

sounds like might be pretty useful

wheat current Jul 6, 2018, 7:11 AM

#

@north spear i think someone is working on that ;)
For hassio users that have used the alternative installer (users that have full access to the host) they can add the ha-dockermon container and my component will pick up add-ons as well 😉

north spear Jul 6, 2018, 7:11 AM

#

nice

#

btw, attribute filtering seems easy to do

#

I'll have a crack at it today

wheat current Jul 6, 2018, 7:12 AM

#

Awesome 😃

waxen wolf Jul 6, 2018, 7:23 AM

#

before i start it

#

i suppose you can create lovelace packages the same way you did in legacy?

#

or almost the same way

north spear Jul 6, 2018, 7:27 AM

#

ui-lovelace.yaml doens't support packages

wheat current Jul 6, 2018, 7:29 AM

#

~~does it support !include?~~ it does support !include :)
https://hastebin.com/kalovamovu.coffeescript

buoyant skiff Jul 6, 2018, 7:34 AM

#

tempted to update to beta due to auth2

wheat current Jul 6, 2018, 7:35 AM

#

Should release today/tomorrow so the betea should be pretty stable now 😃

waxen wolf Jul 6, 2018, 7:37 AM

#

@wheat current thanks. include is all i need to have "packages"

waxen wolf Jul 6, 2018, 7:52 AM

#

okay sorting gets screwed up that way. ill see if i can include them manually

#

would still be a lot cleaner

#

okay that doesnt work as expected. maybe someone smarter than me will find a way to include them manually aka invidually

mortal cape Jul 6, 2018, 8:03 AM

#

sorting your tabs?

#

@waxen wolf

waxen wolf Jul 6, 2018, 8:04 AM

#

@mortal cape my idea was to have something like this

#

views:
    !include packages_firstview.yaml
    !include packages_2ndview.yaml

#

etc

#

but thats not how include works apparently

#

when i !include_dir_list it will sort it by whatever method. i could maybe try to name it 1-2-3-4 and so on

mortal cape Jul 6, 2018, 8:06 AM

#

if you did it that way (like in ludeeus' example) then yeah, I would think 01.yaml and 02.yaml (for example) would be the order

#

I'll try it

waxen wolf Jul 6, 2018, 8:06 AM

#

ill too

half osprey Jul 6, 2018, 8:09 AM

#

Lovelace is not supposed to support the includes

waxen wolf Jul 6, 2018, 8:09 AM

#

i know

half osprey Jul 6, 2018, 8:09 AM

#

Because we're going to write yaml and all tags will be removed

waxen wolf Jul 6, 2018, 8:09 AM

#

it still kind of works though ;p

half osprey Jul 6, 2018, 8:09 AM

#

For now.

mortal cape Jul 6, 2018, 8:09 AM

#

tags?

half osprey Jul 6, 2018, 8:10 AM

#

The include tag

mortal cape Jul 6, 2018, 8:10 AM

#

oh

#

gotcha

half osprey Jul 6, 2018, 8:10 AM

#

Guess it's not a tag, a statement or whatever

#

Didn't sleep last night so brain little fuzzy

waxen wolf Jul 6, 2018, 8:10 AM

#

is there already a concept for lovelace packages?

half osprey Jul 6, 2018, 8:10 AM

#

No

#

And I don't want it either

#

Because by keeping it simple we can support this use case: you set up a new integration via the UI and it will add the entities that go with that integration in a new card to your UI

#

Is it a Sonos, we'll show the group coordinators, is it a system monitor, we maybe add a few gauges already perfect configured

#

However, the difference with old UI is that we do this once

#

After that, up to user how to configure

#

Just help them get started

waxen wolf Jul 6, 2018, 8:12 AM

#

and that cant be done via packages? or hooks or whatever its called in programming :p

north spear Jul 6, 2018, 8:13 AM

#

@wheat current want to try attributes filtering?

#

works with fixed values for now

waxen wolf Jul 6, 2018, 8:13 AM

#

you know how the users are. they will have a 21300 line ui-lovelace.yaml at some point

mortal cape Jul 6, 2018, 8:14 AM

#

I wasn't interested in packages, but I was curious about breaking my lovelace.yaml into smaller parts

wheat current Jul 6, 2018, 8:14 AM

#

@north spear yes please 😃

half osprey Jul 6, 2018, 8:14 AM

#

With packages it's 100x more complicated.

waxen wolf Jul 6, 2018, 8:14 AM

#

that i have no idea of. i am not a programmer. but i remember the old times when there were no packages

#

and it was crazy

north spear Jul 6, 2018, 8:15 AM

#

        filter:
          include:
            - domain: device_tracker
              attribute: battery
              value: 53

#

sample filter

#

I might migrate to:

#

          include:
            - domain: device_tracker
              attr: battery
              attr_value: 53

waxen wolf Jul 6, 2018, 8:17 AM

#

could you do something similar like we have with automations?

#

with "conditions" and/or

#

dont remember the syntax anymore

north spear Jul 6, 2018, 8:18 AM

#

@waxen wolf there are and / or conditions

#

any new list entry is OR any object in same list entry is AND

waxen wolf Jul 6, 2018, 8:18 AM

#

cool

wheat current Jul 6, 2018, 8:20 AM

#

@north spear got a link to a js file i can get?

north spear Jul 6, 2018, 8:20 AM

#

yes, one sec. I'll adjust first keys

wheat current Jul 6, 2018, 8:21 AM

#

I'll grab a ☕ then 😃

north spear Jul 6, 2018, 8:22 AM

#

https://github.com/ciotlosm/custom-lovelace/tree/master/monster-card

#

hmmmmmmmmmmmm

#

how about:

      - domain: device_tracker
        attr:
          - battery: 53
          - source_type: router

wheat current Jul 6, 2018, 8:27 AM

#

even better 😄

north spear Jul 6, 2018, 8:44 AM

#

ok

#

updated

#

      - domain: device_tracker
        attributes:
          battery: 53
          source_type: gps

#

let me know how it works when you get a chance. I only tested it on demo entities

wheat current Jul 6, 2018, 9:18 AM

#

can't get it to show anything, does it requre beta?

north spear Jul 6, 2018, 9:18 AM

#

unfortunately yes, because of the setConfig change

#

maybe @raven nacelle wants to try it out 😃

#

I know he's running beta

wheat current Jul 6, 2018, 9:19 AM

#

Aiit, pulling nev image now

#

@north spear Works great with latest beta 😃

waxen wolf Jul 6, 2018, 11:30 AM

#

so refreshing to have the UI separated from the actual configuration. can finally play around with the design without restarting the whole service all the time.

buoyant skiff Jul 6, 2018, 11:37 AM

#

^^

north spear Jul 6, 2018, 1:38 PM

#

such a quiet day 😃

granite prawn Jul 6, 2018, 1:42 PM

#

hey guys

#

is there any guide that once can use to get started with lovelace

wheat current Jul 6, 2018, 1:44 PM

#

@granite prawn look at the channel description 😉

granite prawn Jul 6, 2018, 1:45 PM

#

@wheat current i did, but it mostly went over my stupid head

#

im going to try this https://gist.github.com/OttoWinter/730383148041824bc47786ea292572f8

wheat current Jul 6, 2018, 1:48 PM

#

that tool and the one @empty heath made based on that one are cool.
but IMO lovelace is something new, and its better to rething how you want you UI and start from scratch

granite prawn Jul 6, 2018, 1:51 PM

#

thats a good point you make. im going to have one more look at it before starting at it 😃

#

thanks mate

lapis oriole Jul 6, 2018, 2:04 PM

#

I love the lovelace progress !! Thumbs up for you devs and testers! I love the custom monster-card. Any tip where to find a list (to filter) of available domains and states and attributes? Can't find it myself. Thanks in advance for a reply.

wheat current Jul 6, 2018, 2:11 PM

#

that is individual to what you have ;)
In you UI look at states , what you see there is what you can use

lapis oriole Jul 6, 2018, 2:20 PM

#

@wheat current Yes, thanks!!! Now I get it, stupid me 😉

north spear Jul 6, 2018, 4:03 PM

#

Would people pe interested in a lovelace card like this https://codepen.io/dalhundal/pen/KpabZB ?

#

📎 Screen_Shot_2018-07-06_at_19.03.57.png

#

for thermostats

inner topaz Jul 6, 2018, 4:05 PM

#

you will need to pay NEST royalties for that design 😉

north spear Jul 6, 2018, 4:08 PM

#

hmm

#

it's just a gauge with text in the middle, nothing that special

#

just the concept of a round dial, not necessary with leaf and the fine lines

inner topaz Jul 6, 2018, 4:09 PM

#

it's well recognisable, plus the leaf 😉

#

but sure 😃 a proper thermostat is worth

#

http://www.studentshow.com/gallery/30128735/Modern-Thermostat-UI

north spear Jul 6, 2018, 4:15 PM

#

I think if it would implement the leaf and the controls on the right like nest might be a problem

#

but I don't think a ring with a number in the middle shouldn't be subject to UI/UX

mortal cape Jul 6, 2018, 4:16 PM

#

@north spear Replace the leaf with a green light. I actually don't think the leaf is a problem

north spear Jul 6, 2018, 4:17 PM

#

I don't like the leaf to provide info ..it's just a fancy gimmic for marketing

#

i took the screenshot as I liked the way it was done with SVG on that site

mortal cape Jul 6, 2018, 4:17 PM

#

I don't have a nest. Is it for some kind of eco mode?

north spear Jul 6, 2018, 4:17 PM

#

something like that

mortal cape Jul 6, 2018, 4:18 PM

#

That seems to be what "leaf" implies across platforms anymore. I think cars use it too?

north spear Jul 6, 2018, 4:18 PM

#

don't know

mortal cape Jul 6, 2018, 4:18 PM

#

I guess the exact shape and style of leaf may differ from one to another

inner topaz Jul 6, 2018, 4:18 PM

#

https://nest.com/blog/2012/12/14/understanding-the-nest-leaf/

#

it's not a mode

#

its a report

#

we don't have this concept in HA

north spear Jul 6, 2018, 4:19 PM

#

something like in cars tell you that you are "Green" when you don't step on the gas :))

mortal cape Jul 6, 2018, 4:19 PM

#

ah

north spear Jul 6, 2018, 4:19 PM

#

marketing

#

the only place I see a thermostat using state and data properly is when things change dramatically and you don't want the termostat to do it twice

#

like not stopping thermostat from heating as it's reaching it's current 22 degree target because it knows in 5 minutes must reach 25 because of schedule

#

but these are minor things that don't win much energy, away home win more, but even then only when heat latency is not high (like floor heating)

#

unless you go on vacation

#

rest ... marketing

raven nacelle Jul 6, 2018, 4:23 PM

#

@north spear I was thinking exactly about that

#

it will be nice to even have something similar on top of the picture-elements card

#

for displaying temperature/humidity

north spear Jul 6, 2018, 4:24 PM

#

nah, I'd either build something that you can control stuff with or not at all 😄

raven nacelle Jul 6, 2018, 4:24 PM

#

fair enough....

buoyant skiff Jul 6, 2018, 4:25 PM

#

@north spear would be very interested

raven nacelle Jul 6, 2018, 4:28 PM

#

I had something like this in mind to indicate sensor values on the picture-elements card (example from Floorplan thread)

📎 3352ab46dbffbfde54d40b612cf29e081914bc22_1_598x500.png

mortal cape Jul 6, 2018, 4:30 PM

#

@raven nacelle @north spear would the bignumber custom card work with picture-entity

raven nacelle Jul 6, 2018, 4:31 PM

#

don't think so

#

and what will be the use case?

north spear Jul 6, 2018, 4:31 PM

#

should be doable , I don't see why not

mortal cape Jul 6, 2018, 4:32 PM

#

well you could have a picture with a temp overlaying

#

it wouldn't work for your floorplan example

north spear Jul 6, 2018, 4:32 PM

#

I think would be quite useful

#

I'll put an issue for it @mortal cape

#

https://github.com/ciotlosm/custom-lovelace/issues/6

mortal cape Jul 6, 2018, 4:35 PM

#

@north spear actually, you know what might be cool...is if bignumber had color options like gauge

#

so the whole card transitions from one color to another?

north spear Jul 6, 2018, 4:36 PM

#

hmm, that is probably easier

mortal cape Jul 6, 2018, 4:36 PM

#

it's basically a different type of gauge I guess

buoyant skiff Jul 6, 2018, 4:37 PM

#

Could use that for a download meter

mortal cape Jul 6, 2018, 4:37 PM

#

all kinds of things

north spear Jul 6, 2018, 4:38 PM

#

ok, I'll update the issue to allow this

#

I need to fix bignumber anyway to scale a bit better

buoyant skiff Jul 6, 2018, 4:38 PM

#

One upload and download next to each other

mortal cape Jul 6, 2018, 4:39 PM

#

@north spear I just noticed in your options for bignumber it says type string Required custom:gauge-card

buoyant skiff Jul 6, 2018, 4:39 PM

#

😀

north spear Jul 6, 2018, 4:39 PM

#

copy/paste much 😃

#

fixed

#

thanks!

mortal cape Jul 6, 2018, 4:50 PM

#

@north spear another idea might be bignumber as a meter, horizontal or vertical, where a chosen color is filling up/down or left/right. Maybe that would be another card altogether

north spear Jul 6, 2018, 4:58 PM

#

Indeed

#

You can raise an issue for that 😃

half osprey Jul 6, 2018, 5:00 PM

#

@raven nacelle just style the state label element to have a background image?

raven nacelle Jul 6, 2018, 5:01 PM

#

that will be perfect...how?

half osprey Jul 6, 2018, 5:01 PM

#

or add background-color: red and add border-radius: 50%

#

To style the sensor values

raven nacelle Jul 6, 2018, 5:08 PM

#

          - type: state-label
            entity: sensor.temperature_158d0001ab3c88
            style:
              top: 40%
              left: 50%
              '--background-color': red

#

Does not work

half osprey Jul 6, 2018, 6:21 PM

#

no --

#

-- prefix is only for CSS variables

raven nacelle Jul 6, 2018, 6:25 PM

#

Ok... - type: state-label entity: sensor.temperature_158d0001ab3c88 style: top: 40% left: 50% 'background-color': red 'border-radius': 50%

#

works 😃

#

Is it background-image for background image? 'background-image': /local/icons/rashmi_owntracks_home.png does not work

half osprey Jul 6, 2018, 6:32 PM

#

it needs more settings

#

If you google CSS background: https://developer.mozilla.org/en-US/docs/Web/CSS/background

empty heath Jul 6, 2018, 6:41 PM

#

@wheat current In my opinion, if you’re just getting started with Lovelace, the tools might help you better understand how it works and how it looks, with minimal effort.

wheat current Jul 6, 2018, 6:42 PM

#

That is true, but this change is an exelent point to rethink stuff 😃

half osprey Jul 6, 2018, 6:43 PM

#

@raven nacelle btw, since it's CSS, you can even just right click the element and click inspect and change the CSS and see results on the fly. Once you're happy copy it over to your config

raven nacelle Jul 6, 2018, 6:45 PM

#

True....need to first create another sensor to round off the values and then I will try to create one for temperature and humidity

storm lion Jul 6, 2018, 8:11 PM

#

Been away from my pc all day.. I must have missed at least 15 amazing new Lovelace things..

vapid field Jul 6, 2018, 9:24 PM

#

is the entity custom name feature working in 73 for you ?

#

or is it still in beta only

half osprey Jul 6, 2018, 9:29 PM

#

part of 0.73

vapid field Jul 6, 2018, 9:31 PM

#

thanks. I get error mapping values are not allowed here, and the entity is not displayed

half osprey Jul 6, 2018, 9:34 PM

#

that's a YAML error

tender wasp Jul 6, 2018, 9:35 PM

#

@vapid field can you share that section of your config?

vapid field Jul 6, 2018, 9:36 PM

#

ooops, I think the upgrade to 73 had not completed successfully after all...

#

ok it works now

sudden lion Jul 6, 2018, 9:58 PM

#

I'm getting an error on 0.73 with the picture-elements card:

📎 f16bccdabbde632f66d3c6805c870fde.png

waxen wolf Jul 6, 2018, 10:00 PM

#

@sudden lion sure you updated? 😃 can you share your card config

sudden lion Jul 6, 2018, 10:00 PM

#

Yep, says "Home Assistant 0.73.0"

#

https://hastebin.com/xoxodurevi.scala

waxen wolf Jul 6, 2018, 10:00 PM

#

well, the box looks like 0.73 as well.

sudden lion Jul 6, 2018, 10:03 PM

#

Same for vertical-stack

#

seems the new cards are not there in some way

#

Did another restart of ha and now it works

waxen wolf Jul 6, 2018, 10:19 PM

#

designing the ui while not restarting hass is so good ❤

raven nacelle Jul 6, 2018, 10:31 PM

#

@north spear To use the Nest UI as a background to indicate temperature, will be better to use the css or just as a background image?

north spear Jul 6, 2018, 10:32 PM

#

Depends on which card

raven nacelle Jul 6, 2018, 10:32 PM

#

picture elements

#

just so that the sensor value looks pretty 😉

sudden lion Jul 6, 2018, 10:33 PM

#

When i use picture-elements as a panel how can i best scale the picture to just fill the screen and not go outside the screen area?

north spear Jul 6, 2018, 10:33 PM

#

You could just embed it in background and align text sensors on top

raven nacelle Jul 6, 2018, 10:33 PM

#

@sudden lion It should automatically scale

north spear Jul 6, 2018, 10:35 PM

#

I see stat state badge allows style

#

That would also be an option

#

Maybe even better as probably more accurate when scaling

waxen wolf Jul 6, 2018, 10:35 PM

#

when using the monster cards and specifying a title, the actual card doesnt get this name. any idea why?

north spear Jul 6, 2018, 10:36 PM

#

Can you post config?

raven nacelle Jul 6, 2018, 10:36 PM

#

@north spear So, state-badge with background image?

north spear Jul 6, 2018, 10:36 PM

#

Yes @raven nacelle

kind shellBOT Jul 6, 2018, 10:36 PM

#

@waxen wolf posted a message that is more than 15 lines. It is now available at: https://hastebin.com/rovumijoza

raven nacelle Jul 6, 2018, 10:36 PM

#

@north spear Cool...will try it out. Keep you posted

north spear Jul 6, 2018, 10:37 PM

#

@waxen wolf wrong yml

#

Remove - in front of type

waxen wolf Jul 6, 2018, 10:37 PM

#

thanks @north spear

north spear Jul 6, 2018, 10:38 PM

#

No problem

#

See sample here https://github.com/ciotlosm/custom-lovelace/blob/master/monster-card/README.md

waxen wolf Jul 6, 2018, 10:38 PM

#

reading disability it seems ;p

north spear Jul 6, 2018, 10:38 PM

#

😃

waxen wolf Jul 6, 2018, 10:38 PM

#

because i actually had those open while creating them 😃

north spear Jul 6, 2018, 10:39 PM

#

Seems I wrote too many docs. I had to open my own docs to read params for picture-elements

sudden lion Jul 6, 2018, 10:39 PM

#

Using picture-elements and placing objects.. is there an easier way then just guessing the % 😛 ?

north spear Jul 6, 2018, 10:40 PM

#

@sudden lion nothing documented

#

But i’m sure there are tools showing this

#

Most photo editors show relative coordinates for cursor. Just need one configurable to %

sudden lion Jul 6, 2018, 10:42 PM

#

can just make an overlay or something for easier eyeballing

north spear Jul 6, 2018, 10:43 PM

#

That too

sudden lion Jul 6, 2018, 10:43 PM

#

Tried to find a overview of all allowed style elements, is it on the github page?

#

"Style options"

north spear Jul 6, 2018, 10:45 PM

#

Don’t think so. I haven’t played with that

#

But should be fairly easy to find out

#

Just use developer tools and play with available syles there

#

Than just use then in lovelace

sudden lion Jul 6, 2018, 10:46 PM

#

😒

mortal cape Jul 6, 2018, 10:46 PM

#

oooh side-eye

north spear Jul 6, 2018, 10:46 PM

#

Developer tools = what you get native from any browse allowing you to see source code and stuff

sudden lion Jul 6, 2018, 10:52 PM

#

ah, ofc

north spear Jul 6, 2018, 10:52 PM

#

I am also on a mobile phone so harder to type properly. Happy enough I could edit github and do a rebase to get 0.73 updated in changelog 😃

#

I hope monster will cover for me 😃

raven nacelle Jul 6, 2018, 11:01 PM

#

state-badge with background image does not work with temperature

#

@north spear

north spear Jul 6, 2018, 11:02 PM

#

Why not? I will check tomorrow

raven nacelle Jul 7, 2018, 12:03 AM

#

it just displays the regular temperature badge and then adds the background image

uneven vector Jul 7, 2018, 1:47 AM

#

has anyone thought about letting entity-based cards (ie that take entities:) take a group instead, and use its entities?

#

a lot of the lovelace stuff can replace groups you typically make for display, but sometimes you want a group to control things too, and you'd have to duplicate it in a group and listing out individual items in the ui-lovelace.yaml

timid burrow Jul 7, 2018, 1:50 AM

#

does Otto Winter's migration script work with Hassio?

#

I'm running hassio on a Pi 3 (ResinOS)

mortal cape Jul 7, 2018, 2:00 AM

#

@timid burrow https://github.com/dale3h/python-lovelace

timid burrow Jul 7, 2018, 2:00 AM

#

yeah I'm trying it now

mortal cape Jul 7, 2018, 2:00 AM

#

You'll end up with the same setup you have now, for the most part

timid burrow Jul 7, 2018, 2:01 AM

#

there's a few hassio hacks

#

I'm using groups in packages though so it might not work?

mortal cape Jul 7, 2018, 2:01 AM

#

it works for packages

#

it doesn't need to be run from your pi

timid burrow Jul 7, 2018, 2:02 AM

#

error running the shell command

#

Sat Jul 07 2018 12:01:49 GMT+1000 (Australian Eastern Standard Time)

Error running command: python3 lovelace_migrate.py -c /config, return code: 1
NoneType: None

#

it had single quotes

#

they just don't show here

tender wasp Jul 7, 2018, 2:03 AM

#

@uneven vector This would be a decision Paulus would have to make, but I think this would sort of undermine one of the main goals of lovelace, which is to decouple the front and backend

timid burrow Jul 7, 2018, 2:03 AM

#

do I maybe need to make the script executable?

uneven vector Jul 7, 2018, 2:04 AM

#

@tender wasp I get that's the goal. it would still be decoupled, because the card only knows about the group, rather than the group knowing about how to display itself

#

let me see if I can come up with an example, I'm shuffling some changes between branches

tender wasp Jul 7, 2018, 2:07 AM

#

Yeah, maybe. But this still seems too much like having view configuration in the backend.. the only way to change the entities displayed as part of that group would be to change the group config.

#

It should be straightforward to implement, but that would definitely have to be a balloob decision

uneven vector Jul 7, 2018, 2:09 AM

#

I might not be explaining it well, because putting view stuff in the backend isn't the idea

tender wasp Jul 7, 2018, 2:10 AM

#

I think I understand, you want to define an entity for a card as group.something and have the card display a control for each entity in the group right?

uneven vector Jul 7, 2018, 2:11 AM

#

maybe I did explain it right then 😄

#

like, for the type: entities, having a way to expand a group, rather than specifying each entity in entities:

tender wasp Jul 7, 2018, 2:13 AM

#

Haha yeah I think so. And it may be something that can be added, but to me that still feels like view configuration in the backend since you are determining which entities will get displayed in the frontend by editing your backend config

uneven vector Jul 7, 2018, 2:14 AM

#

guess there's always custom cards, right? 😉

tender wasp Jul 7, 2018, 2:14 AM

#

👍 yep, another great thing about lovelace

uneven vector Jul 7, 2018, 2:15 AM

#

my thinking for this use case, is say I have a group of locks. I'm pretty sure if one is locked, the group is locked even though some could be unlocked. if I'm debugging some automation, I'd want a place to see the state of each entity in that group

timid burrow Jul 7, 2018, 2:15 AM

#

@mortal cape how do I not run it from my pi?

mortal cape Jul 7, 2018, 2:17 AM

#

you can run it from something else where python is installed

#

dale3h's will work with packages, otto's will not

tender wasp Jul 7, 2018, 2:18 AM

#

Yeah I definitely understand the use case, but that's why we have the entities card with a show_header_toggle option 😉

timid burrow Jul 7, 2018, 2:18 AM

#

so pinned one is Otto's one

#

do you have a link with dale's?

mortal cape Jul 7, 2018, 2:19 AM

#

I just gave it above in my reply where I said "use dale's" and I tagged you?

#

smh

timid burrow Jul 7, 2018, 2:19 AM

#

ugh

vapid field Jul 7, 2018, 2:19 AM

#

hi

timid burrow Jul 7, 2018, 2:19 AM

#

ah gotcha. missed it

vapid field Jul 7, 2018, 2:22 AM

#

not related to lovelace, but is it possible to install hassbian and have it install a specific ha version, not the latest one?

mortal cape Jul 7, 2018, 2:23 AM

#

@vapid field try hassbian-dev. Or even general homeassistant channel would have been better

vapid field Jul 7, 2018, 2:23 AM

#

ok thanks

mortal cape Jul 7, 2018, 2:26 AM

#

@timid burrow honestly, with the current scripts you'll end up with a generic list of entities with none of the features that make Lovelace interesting. You're better off copying examples from the doc pages into your own file and trying out the new stuff.

timid burrow Jul 7, 2018, 2:28 AM

#

well I'm just thinking it's going to be forced eventually.... as you know I don't see much benefit anyway but if I can use my current config as the basis then I can play around with it

half osprey Jul 7, 2018, 5:54 AM

#

So there is still a place for groups in Home Assistant, because they are being used for automations

#

Right now we didn't implement support for groups for two reasons: one is to drive people away from their UI-only groups

#

The second one is more technical: we'll need to add code to check the entities that belong to a group on each state change

#

I think the way I would want to implement it is a hui-group-card, that works like our filter card: it will wrap another card and set the entities on a wrapped card config

#

Like this but for groups https://github.com/home-assistant/home-assistant-polymer/blob/master/src/panels/lovelace/cards/hui-entity-filter-card.js

north spear Jul 7, 2018, 6:33 AM

#

I think that would be easy to do as custom card

#

Maybe someone to raise an issue https://github.com/ciotlosm/custom-lovelace/issues to see how this would fit using custom cards

lapis oriole Jul 7, 2018, 8:25 AM

#

Any suggestion how to get rid of this errors on my iphone x ? https://www.evernote.com/l/AAXICSLrf-dLIp7lb53eb8HGMEQBMUG1ZbA

north spear Jul 7, 2018, 8:26 AM

#

Clear cache

#

If you are on 0.73

lapis oriole Jul 7, 2018, 8:31 AM

#

I'm on 0.73 , clearing cache did not solve it. Anything else I could try?

north spear Jul 7, 2018, 8:33 AM

#

Using the browser on the iPhone

lapis oriole Jul 7, 2018, 8:34 AM

#

This is within the Safari browser.

north spear Jul 7, 2018, 8:34 AM

#

In your configuration do you have JavaScript latest set

#

?

#

I’m not at the computer at the moment so not much help but usually The set config error is due to an older version of Lovelace

lapis oriole Jul 7, 2018, 8:37 AM

#

It's not a big deal right now. I will search further how to set latest JavaScript. Is this in a config file? Sorry for my noobness.

north spear Jul 7, 2018, 8:38 AM

#

That configuration sits with then your configuration.yml under front and setting

lapis oriole Jul 7, 2018, 8:39 AM

#

Thanks!!! I will check and try to correct.

north spear Jul 7, 2018, 8:41 AM

#

If you have time try the Google chrome browser on your iPhone X

lapis oriole Jul 7, 2018, 8:51 AM

#

This and clearing cache again did it:
frontend:
javascript_version: latest
Your skills and helpfulness are amazing!!! Thanks!!!!!

#

Same issue with Chrome is also gone now. 😃

north spear Jul 7, 2018, 8:55 AM

#

Super

candid rapids Jul 7, 2018, 9:43 AM

#

How come I can't get the cards in two different columns? They overflow pretty far down and don't separate out. I tried putting first and bottom two into 2 different vertical-stacks but no go. https://i.imgur.com/BzVYLYr.png

half osprey Jul 7, 2018, 9:47 AM

#

If your first stack is less than 5 height (and weather card is that), it will render 2nd stack underneath it

#

Less is more, just remove the vertical stacks

candid rapids Jul 7, 2018, 9:49 AM

#

even without the stacks it puts them all in column. I've tried every combination and it doesn't seem to work

serene sierra Jul 7, 2018, 11:25 AM

#

we need more docs and examples for lovelace, please.

#

https://developers.home-assistant.io/docs/en/lovelace_index.html

split granite Jul 7, 2018, 11:27 AM

#

https://github.com/ciotlosm/docs-lovelace I'm finding rather handy, as linked from the channel topic

dapper rain Jul 7, 2018, 11:34 AM

#

what is cardsize exactly ?