flex-horseshoe-card icon indicating copy to clipboard operation
flex-horseshoe-card copied to clipboard

HACS Install not working correctly?

Open MVerBerkmoes opened this issue 1 year ago • 14 comments

Installed card via Frontend. Card shows in the list of Frontend cards, but does not show up in the list when adding card to a view.

Copy and pasted an example into a manual card and receive 'No card type configured'

flex-horseshoe-card.js has been installed in config\www\community\flex-horseshoe-card.

Reboot of HA changes nothing.

MVerBerkmoes avatar Jul 21 '23 03:07 MVerBerkmoes

Having the exact same issue.

tried a older version of horseshoe, but those do not work either

darknessblade avatar Jul 25 '23 13:07 darknessblade

Same here

jeffrey-zammit avatar Jul 26 '23 09:07 jeffrey-zammit

I just found this repository, I would have liked to try it, but it has a bug that probably doesn't work on version 2023.7.3

Too bad, I'm waiting for the bug fix

waltergradauer avatar Aug 03 '23 09:08 waltergradauer

Installed card via Frontend. Card shows in the list of Frontend cards, but does not show up in the list when adding card to a view.

Copy and pasted an example into a manual card and receive 'No card type configured'

flex-horseshoe-card.js has been installed in config\www\community\flex-horseshoe-card.

Reboot of HA changes nothing.

it actually does work even with 2023.8.1 however indentation are incorrect in the given example, try the following:


type: custom:flex-horseshoe-card
entities:
  - entity: weather.weather
    attribute: temperature
    decimals: 1
    unit: °C
    area: De Maan
show:
  horseshoe_style: lineargradient
layout:
  states:
    - id: 0
      entity_index: 0
      xpos: 50
      ypos: 60
      styles:
        - font-size: 3.5em;
  areas:
    - id: 0
      entity_index: 0
      xpos: 50
      ypos: 35
      styles:
        - font-size: 1.5em;
        - opacity: 0.8;
horseshoe_scale:
  min: -10
  max: 40
color_stops:
  '10': red
  '18': blue

image

nordgoth avatar Aug 10 '23 23:08 nordgoth

After messing with the new template, it is quite fun, and might be using it for certain things.

darknessblade avatar Aug 11 '23 09:08 darknessblade

its a very nice card I must say.

just another example on how to use it with power meter on tree phases:


type: horizontal-stack
cards:
  - type: custom:flex-horseshoe-card
    entities:
      - entity: sensor.electricity_meter_power_active_phase_1
        attribute: power
        decimals: 1
        unit: W
      - entity: sensor.electricity_meter_voltage_phase_1
        attribute: voltage
        decimals: 1
        unit: V
        icon: mdi:sine-wave
      - entity: sensor.electricity_meter_current_phase_1
        attribute: current
        decimals: 2
        unit: A
        icon: mdi:current-ac
    show:
      horseshoe_style: colorstop
    layout:
      hlines:
        - id: 0
          xpos: 50
          ypos: 42
          length: 50
          styles:
            - stroke: var(--primary-text-color);
            - stroke-width: 2;
            - stroke-linecap: round;
            - opacity: 0.7;
      states:
        - id: 0
          entity_index: 0
          xpos: 50
          ypos: 34
          styles:
            - font-size: 2em;
        - id: 1
          entity_index: 1
          xpos: 45
          ypos: 57
          styles:
            - text-anchor: start;
            - font-size: 1.5em;
        - id: 2
          entity_index: 2
          xpos: 45
          ypos: 72
          styles:
            - text-anchor: start;
            - font-size: 1.5em;
      icons:
        - id: 0
          entity_index: 1
          xpos: 40
          ypos: 57
          align: end
          size: 1
        - id: 1
          entity_index: 2
          xpos: 40
          ypos: 72
          align: end
          size: 1
    horseshoe_scale:
      width: 3
      min: 0
      max: 1500
    color_stops:
      '0': green
      '50': yellow
      '400': orange
      '1000': red
  - type: custom:flex-horseshoe-card
    entities:
      - entity: sensor.electricity_meter_power_active_phase_2
        attribute: temperature
        decimals: 1
        unit: W
      - entity: sensor.electricity_meter_voltage_phase_2
        attribute: humidity
        decimals: 1
        unit: V
        icon: mdi:sine-wave
      - entity: sensor.electricity_meter_current_phase_2
        attribute: pressure
        decimals: 2
        unit: A
        icon: mdi:current-ac
    show:
      horseshoe_style: colorstop
    layout:
      hlines:
        - id: 0
          xpos: 50
          ypos: 42
          length: 50
          styles:
            - stroke: var(--primary-text-color);
            - stroke-width: 2;
            - stroke-linecap: round;
            - opacity: 0.7;
      states:
        - id: 0
          entity_index: 0
          xpos: 50
          ypos: 34
          styles:
            - font-size: 2em;
        - id: 1
          entity_index: 1
          xpos: 45
          ypos: 57
          styles:
            - text-anchor: start;
            - font-size: 1.5em;
        - id: 2
          entity_index: 2
          xpos: 45
          ypos: 72
          styles:
            - text-anchor: start;
            - font-size: 1.5em;
      icons:
        - id: 0
          entity_index: 1
          xpos: 40
          ypos: 57
          align: end
          size: 1
        - id: 1
          entity_index: 2
          xpos: 40
          ypos: 72
          align: end
          size: 1
    horseshoe_scale:
      width: 3
      min: 0
      max: 1500
    color_stops:
      '0': green
      '50': yellow
      '400': orange
      '1000': red
  - type: custom:flex-horseshoe-card
    entities:
      - entity: sensor.electricity_meter_power_active_phase_3
        attribute: temperature
        decimals: 1
        unit: W
      - entity: sensor.electricity_meter_voltage_phase_3
        attribute: humidity
        decimals: 1
        unit: V
        icon: mdi:sine-wave
      - entity: sensor.electricity_meter_current_phase_3
        attribute: pressure
        decimals: 2
        unit: A
        icon: mdi:current-ac
    show:
      horseshoe_style: colorstop
    layout:
      hlines:
        - id: 0
          xpos: 50
          ypos: 42
          length: 50
          styles:
            - stroke: var(--primary-text-color);
            - stroke-width: 2;
            - stroke-linecap: round;
            - opacity: 0.7;
      states:
        - id: 0
          entity_index: 0
          xpos: 50
          ypos: 34
          styles:
            - font-size: 2em;
        - id: 1
          entity_index: 1
          xpos: 45
          ypos: 57
          styles:
            - text-anchor: start;
            - font-size: 1.5em;
        - id: 2
          entity_index: 2
          xpos: 45
          ypos: 72
          styles:
            - text-anchor: start;
            - font-size: 1.5em;
      icons:
        - id: 0
          entity_index: 1
          xpos: 40
          ypos: 57
          align: end
          size: 1
        - id: 1
          entity_index: 2
          xpos: 40
          ypos: 72
          align: end
          size: 1
    horseshoe_scale:
      width: 3
      min: 0
      max: 1500
    color_stops:
      '0': green
      '50': yellow
      '400': orange
      '1000': red

image

nordgoth avatar Aug 11 '23 09:08 nordgoth

Can't get it to work either, just installed it via HACS and rebooted the system.

Dark-Noir avatar Sep 01 '23 09:09 Dark-Noir

Installed card via Frontend. Card shows in the list of Frontend cards, but does not show up in the list when adding card to a view. Copy and pasted an example into a manual card and receive 'No card type configured' flex-horseshoe-card.js has been installed in config\www\community\flex-horseshoe-card. Reboot of HA changes nothing.

it actually does work even with 2023.8.1 however indentation are incorrect in the given example, try the following:


type: custom:flex-horseshoe-card
entities:
  - entity: weather.weather
    attribute: temperature
    decimals: 1
    unit: °C
    area: De Maan
show:
  horseshoe_style: lineargradient
layout:
  states:
    - id: 0
      entity_index: 0
      xpos: 50
      ypos: 60
      styles:
        - font-size: 3.5em;
  areas:
    - id: 0
      entity_index: 0
      xpos: 50
      ypos: 35
      styles:
        - font-size: 1.5em;
        - opacity: 0.8;
horseshoe_scale:
  min: -10
  max: 40
color_stops:
  '10': red
  '18': blue
image

I have copied and pasted your code, but this error occurred: No visual editor available for type 'custom: flex horseshoe card'

tinatiao avatar Sep 07 '23 15:09 tinatiao

Same issue on Home Assistant 2023.9.2 Supervisor 2023.09.2 Frontend 20230911.0 - latest Any news from developer?

agnus777 avatar Sep 21 '23 16:09 agnus777

Same issue on Home Assistant 2023.9.2 Supervisor 2023.09.2 Frontend 20230911.0 - latest Any news from developer?

For me it works fine without issues after using the template. If you still have issues it could be more related to your HASS installation than horseshoe

darknessblade avatar Sep 21 '23 22:09 darknessblade

I just tried installing via HACS and couldn't find the card in the list to add to a dashboard. I found this thead, tried the manual YAML aproach but that didn't work either. This add on shoes in the HACS Frontend list but doesn't actually work.

Core 2023.11.0 Supervisor 2023.10.1 Operating System 11.1 Frontend 20231030.1

NXJim avatar Nov 03 '23 22:11 NXJim

same here: installation via HACS not working in HA 2023.10.5

chinezbrun avatar Nov 05 '23 06:11 chinezbrun

Ditto, same here, installed via HACS and tried manual install, but card is not shown

Zodiac-69 avatar Nov 05 '23 10:11 Zodiac-69

Same here: installation via HACS not working in HA 2023.11.3 Interesting project. But not sure if I want to go with manual installation since the developer seams not to 've been around for 7 months.

erniemuc avatar Nov 28 '23 21:11 erniemuc