dangreco / threedy Goto Github PK

Running version 2021.0.3

My ETA and Elapsed time are all over the place as shown in the GIF below.

Here is the history for both, they look "normal".

and my configs:
`type: 'custom:threedy-card'
base_entity: sensor.octoprint
name: Ultimaker 2+
printer_type: I3
monitored:

• Status
• Hotend
• Bed
• ETA
• Elapsed
  theme: Default

octoprint:
host: 192.168.10.65
api_key: 02E38742B0224BE488FB84CB7450537B
bed: true
number_of_tools: 1
sensors:
monitored_conditions:
- "Current State"
- "Job Percentage"
- "Temperatures"
- "Time Elapsed"
- "Time Remaining"
'

Please let me know if there is something else I should check or change. Thank you

I would like the option to keep te card opened when the printer is connected to home-assistant.

It would also be awesome if the card could always stay opened for dashboard applications.

Love the card!
But a minor gripe I have is that the stats don't update every second, and elapsed time has second precision.
On the one hand for short prints a higher precision time could be nice, but also for (very) long prints rounding to minutes or maybe even hours could be preffered.

On a related note, I already snuck it into the title, a time remaining field would also be a nice addition.

Suggest to be able to manually add URL of stream instead of being forced to select the camera using the camera entity dropdown.

I”d love to see this as an ios 14-widget, is this possible?

Hi. I installed your awesome plug-in to my HA deployment, using HACS. I used the "time_elapsed" entity value in an automation to notify my when a long print (>15m) had finished.

Recently this stopped working. On investigation, the automation is complaining that time_elapsed is not a thing.

I don't recall changing anything that would have caused this. But I don't know how to restore this entity, and I really don't know where to start looking for it.

Can anyone help me?

Hi!
I was so bold to fork your project and made some fixes to it, if anybody else wants to use it you can find it here https://github.com/e11en/ha-threedy-card

@dangreco thanks for your hard work! 💯

I've tried with octoprint plugin and octoprint mqtt, this is all I see, I have 3 printers all attached to mqtt none of them show data

I have HA supervised install.

After installation, it put the .js file in the following path
root@debian:/usr/share/hassio/homeassistant/www/community/threedy# ls
threedy-card.js threedy-card.js.gz

I copied the files back to following path
root@debian:/usr/share/hassio/homeassistant/www/hacsfiles/threedy# ls
threedy-card.js threedy-card.js.gz

Still getting the error.

2022-01-28 14:57:58 ERROR (MainThread) [frontend.js.latest.202112291] http://192.168.1.66:8123/hacsfiles/threedy/threedy-card.js?hacstag=33288368520211125:2:602711 TypeError: e is undefined
2022-01-28 14:57:58 ERROR (MainThread) [frontend.js.latest.202112291] http://192.168.1.66:8123/hacsfiles/threedy/threedy-card.js?hacstag=33288368520211125:2:602711 TypeError: e is undefined
2022-01-28 14:57:58 ERROR (MainThread) [frontend.js.latest.202112291] http://192.168.1.66:8123/hacsfiles/threedy/threedy-card.js?hacstag=33288368520211125:2:602711 TypeError: e is undefined
2022-01-28 14:57:58 ERROR (MainThread) [frontend.js.latest.202112291] http://192.168.1.66:8123/hacsfiles/threedy/threedy-card.js?hacstag=33288368520211125:2:602711 TypeError: e is undefined

Hi,
I'd love to use this plugin will be a very neat card to my hass instance!
I have added the card and configure it from the UI and when I save the settings, all my cards disappear, and if I reload the website they return again, but threedy does not show.
I went to the logs and saw this:

xxxxx:8123/hacsfiles/threedy/threedy-card.js:2:314141 Uncaught TypeError: Cannot read property 'state' of undefined

What could it be?
Cordially,
Bruno

Really like your card! Do you plan to add a CoreXY image? I do have two i3 style printer and one CoreXY and would love to see distinguish images!

I was curious if it was possible to allow the light entity to display its state in the icon? I realize for the power entity the card already gives you the online/offline status so I imagine that's not particularly necessary.

Hi, first of all great work on that card.

Already integrated it into my overall overview into Lovelace. But I can't figure out how to apply different styles using card-mod to fit perfectly into my theme.

I just wanted to remove the box-shadow:

                type: 'custom:threedy-card'
                style: |
                  ha-card: {
                    box-shadow: none !important;
                  }
                base_entity: sensor.ender_3_pro
                name: Ender 3 Pro
                printer_type: I3
                monitored:
                  - Status
                  - ETA
                  - Elapsed
                  - Hotend
                  - Bed
                theme: Default
                font: Roboto
                scale: 0.5
                use_24hr: true
                round: false

If i remove it directly under the element.style {} block in my Browser then it's working...
Any advise on that?

downloaded most recent file: 2021.0.a1.2

Theme is still broken when using this resource.

Configuration:

####################################################
#                    OCTOPRINT                     #
#################################################### 
octoprint:
  - host: 172.16.5.240
    api_key: !secret octoprint_api_key
    name: Creality CR-6 SE
    number_of_tools: 1
    sensors:
      monitored_conditions:
        - 'Current State'
        - 'Job Percentage'
        - 'Temperatures'
        - 'Time Elapsed'
        - 'Time Remaining'

Card:

      - type: 'custom:threedy-card'
        base_entity: sensor.creality_cr_6_se
        name: Creality CR-6e
        printer_type: I3
        monitored:
          - Status
          - ETA
          - Elapsed
          - Hotend
          - Bed
        theme: Default
        font: Roboto
        scale: 0.5
        round: false

When Bed or Hotend is removed, the card appears.

Hi love the card! Can you add the possibility to show my kwh/watt from my smartplug?

And maybe some buttons like: print/pause/stop shutdown/reboot octoprint?

I'm a newbie with github so i don't know how to make a request 😅
but there is my idear,
add a printer type for the SLA printers like the Anycubic photon, because a plugin on octoprint add the way to control these printer ( and will use it soon) it's called Octoprint-chituboard, the only thing to change is the animation i think, i didn't tested the system so i don't even know if ocotprint send the print stats to HA or even if octoprint collect data about the print with the SLA printer, i will post here the result when i guet a result with a raspberry + an SLA, if anybody have tried don't be shy to share your result :)

i really like the Threedy card, i use it with my 2 FDM printersand I wish so much that threedy take the SLA printers too that would be greatfull and complete my Dashboard :D

Thank you to read me and i hope you will add it ^^

• Steepy

i am a klipper firmware user with moonraker api
would love to see this project working with custom sensors like i configured:
https://github.com/Arksine/moonraker/blob/master/docs/example-home-assistant.yaml

thanks in advance

Fantastic card, absolutely love it - great job! 😄👍 Would be nice though if you added/opened up the possibility to use CSS/custom theming with for example 'card-mod' by Thomas Lovén.

Remaining and elapsed time is constantly resetting values.
I´m using MQTT integration, and i can see that entity for elapsed or remaning is working fine, without any kind of resets.

The units for HA are in F and therefore show up on the card as F. Is there a toggle that allows to convert and display units in either format?

I have my cards aligned the way I like them but when this card hides itself everything gets kind of wonky looking. Could you add the ability to always show the full card?

See breaking changes in the PR home-assistant/core#58040

I am using:
Home Assistant 2022.9.4
Supervisor 2022.08.6
Operating System 9.0
Frontend 20220907.2 - latest

I tried Method 1: HACS

Open HACS and navigate to Frontend Section
ok

Open the Overflow Menu (⋮) in the top right corner and click on Custom repositories
ok

Paste https://github.com/dangreco/threedy into the input field and select Lovelace from the dropdown
ok

Click the Install Button on the highlighted Card titled threedy
there was no 'Install' button, but there was an 'Add' button, clicked that it seemed to work

However, after that, and after a restart I tried to add a new card to my Home Assistant Overview. I expceted to see a card for Treedy but did not, nor did I see any new cards.

Maybe this is a bug, maybe I'm missing something?

Hi,
Recently i ve installed HACKS and updated threedy repository also. Now when im configuring im getting error as below

Cannot read properties of undefined (reading 'state'),
Status and Bed temperature works fine
when clicked ETA or some other parameter the whole card doesn't show up.

This is the error im getting

`
**> Cannot read properties of undefined (reading 'state')

type: custom:threedy-card
base_entity: sensor.octoprint
monitored:

• Status
• Bed
• ETA
  printer_type: I3
  name: ENDER
  **
  `

Please support.

Hi !
Thanks for your card, it could be nice to have an option to add my own sensor of temperature and humidity of the enclosure like it's an important information.
Thanks !!

Hello

please add support for Duet3D integration for Home Assistant (https://github.com/garethbradley/hass-Duet3D) or option to assign individual parameters to be monitored manually e.g. like for the power_entity.

thx

I see issue #15 addressed the conversion, which is working correctly, however looks like the frontend is still displaying F even after properly converting to C

hello, thank for your job !

I would like to permanently display the card without having to click on it

permanently display :

This answer is ok ?
#33 (comment)

thx for your answer

Cant add repo in hacs.

I get a message saying: Repostitory structure for 2021.0.4 is not compliant

Hey first of all really nice job on the card! Looks super.
So this is a little feature request that has no rush. It would be cool if you could add a optional switch to toggle a light and a separate optional switch to turn on the printer (I have a smart outlet which controls the printer)

Please add support for Prusalink :)
https://www.home-assistant.io/integrations/prusalink/

Hi,
I've just got OctoPrint and this card up and running. Looks great on my laptop but it's not scaling to fit my mobile (Samsung S9) screen.

threedy 2021.0.4

Android 2021.6.2-full

System Health

Would be nice if the Power button is lockable or needs some sort of confirm Method, so you don't accidentally turn off the Printer while printing

Replace the Printing Animation with the camera when available using a home-assistant camera entity.

It seems the elapsed time continues to count once the print has finished. I assume this is because the HA integration continues to count the time since the print started. It would nice to either just stop counting time, or allow us to select a custom entity that stops counting time once printing has finished.

Octoprint allows for multiple cameras to monitor the printing.
It would be great to be able to reference more than one camera.

One way to implement this could be to add arrows in the camera view to cycle through the cameras when clicked/tapped.

Waiting until it is HACS installable/updatable, Will this be one day?

The animation works perfectly on my pc. But on the IOS app it's empty. even after clearing the frontend cache.

I would like to request a yml toggle to enable 24 hour mode.

Thanks :)

my raspberry pi camera appears the wrong way up and only the software can fix it.

Support for MQTT integration from 3d printer.
I use mqtt because of the lag when using octoprint integration, but with mqtt i can´t figure how to use this card.

When I add a threedy card to my dashboard, that dashboard crashes and stays empty even if I add different cards to it.

My config (I've tried all monitors, all error out):

type: 'custom:threedy-card'
base_entity: sensor.monoprice_maker_select_plus
name: Monoprice Maker Select Plus
printer_type: I3
monitored:
  - Status

octoprint config (I've tried with & without the sensors segment):

octoprint:
  host: [..]
  api_key: [...]
  name: 'Monoprice Maker Select Plus'
  port: 443
  ssl: true
  bed: true
  number_of_tools: 1
  sensors:
    monitored_conditions:
      - 'Current State'
      - 'Temperatures'
      - 'Job Percentage'
      - 'Time Elapsed'
      - 'Time Remaining'

Console output:

TypeError: Xo[c] is undefined
    as bundle.js:2
    to bundle.js:2
    Ns bundle.js:2
    Yu bundle.js:2
    gu bundle.js:2
    vu bundle.js:2
    mu bundle.js:2
    Ba bundle.js:2
    unstable_runWithPriority bundle.js:2
    Na bundle.js:2
    Ba bundle.js:2
    Va bundle.js:2
    su bundle.js:2
    Uu bundle.js:2
    Qu bundle.js:2
    render bundle.js:2
    value bundle.js:2
    set bundle.js:2
    value chunk.76c6271b07439f0dec52.js:2040
    _cards chunk.76c6271b07439f0dec52.js:2040
    value chunk.76c6271b07439f0dec52.js:2040
    value chunk.76c6271b07439f0dec52.js:2040
    performUpdate app.924deda6.js:10297
    _enqueueUpdate app.924deda6.js:10297
    requestUpdateInternal app.924deda6.js:10297
    initialize app.924deda6.js:10297
    C app.924deda6.js:10297
    i chunk.76c6271b07439f0dec52.js:2040
    value chunk.76c6271b07439f0dec52.js:2827
    value chunk.76c6271b07439f0dec52.js:2827
    setTimeout handler*i/< chunk.8bfaee99df77cd7cc01f.js:1
    requestAnimationFrame chunk.af43f6ec356055cbfe65.js:1
    requestAnimationFrame chunk.af43f6ec356055cbfe65.js:1
    i chunk.8bfaee99df77cd7cc01f.js:1
    value chunk.76c6271b07439f0dec52.js:2827
    performUpdate app.924deda6.js:10297
    _enqueueUpdate app.924deda6.js:10297
    requestUpdateInternal app.924deda6.js:10297
    set app.924deda6.js:10297
    commit app.924deda6.js:10297
    commit app.924deda6.js:10297
    update app.924deda6.js:10297
    __commitTemplateResult app.924deda6.js:10297
    commit app.924deda6.js:10297
    a app.924deda6.js:10297
    render app.924deda6.js:10297
    update app.924deda6.js:10297
    performUpdate app.924deda6.js:10297
    _enqueueUpdate app.924deda6.js:10297
    requestUpdateInternal app.924deda6.js:10297
    set app.924deda6.js:10297
    value app.924deda6.js:43637
    value app.924deda6.js:39363
    performUpdate app.924deda6.js:10297
    _enqueueUpdate app.924deda6.js:10297
    requestUpdateInternal app.924deda6.js:10297
    set app.924deda6.js:10297
    commit app.924deda6.js:10297
    commit app.924deda6.js:10297
    update app.924deda6.js:10297
    __commitTemplateResult app.924deda6.js:10297
    commit app.924deda6.js:10297
    a app.924deda6.js:10297
    render app.924deda6.js:10297
    update app.924deda6.js:10297
bundle.js:2:348763
    rs bundle.js:2
    callback bundle.js:2
    li bundle.js:2
    ds bundle.js:2
    wu bundle.js:2
    unstable_runWithPriority bundle.js:2
    Na bundle.js:2
    ku bundle.js:2
    mu bundle.js:2
    Ba bundle.js:2
    unstable_runWithPriority bundle.js:2
    Na bundle.js:2
    Ba bundle.js:2
    Va bundle.js:2
    su bundle.js:2
    Uu bundle.js:2
    Qu bundle.js:2
    render bundle.js:2
    value bundle.js:2
    set bundle.js:2
    value chunk.76c6271b07439f0dec52.js:2040
    _cards chunk.76c6271b07439f0dec52.js:2040
    value chunk.76c6271b07439f0dec52.js:2040
    value chunk.76c6271b07439f0dec52.js:2040
    performUpdate app.924deda6.js:10297
    _enqueueUpdate app.924deda6.js:10297
    requestUpdateInternal app.924deda6.js:10297
    initialize app.924deda6.js:10297
    C app.924deda6.js:10297
    i chunk.76c6271b07439f0dec52.js:2040
    value chunk.76c6271b07439f0dec52.js:2827
    value chunk.76c6271b07439f0dec52.js:2827
    (Async: setTimeout handler)
    i chunk.8bfaee99df77cd7cc01f.js:1
    requestAnimationFrame chunk.af43f6ec356055cbfe65.js:1
    (Async: FrameRequestCallback)
    requestAnimationFrame chunk.af43f6ec356055cbfe65.js:1
    i chunk.8bfaee99df77cd7cc01f.js:1
    value chunk.76c6271b07439f0dec52.js:2827
    performUpdate app.924deda6.js:10297
    _enqueueUpdate app.924deda6.js:10297
    requestUpdateInternal app.924deda6.js:10297
    set app.924deda6.js:10297
    commit app.924deda6.js:10297
    commit app.924deda6.js:10297
    update app.924deda6.js:10297
    __commitTemplateResult app.924deda6.js:10297
    commit app.924deda6.js:10297
    a app.924deda6.js:10297
    render app.924deda6.js:10297
    update app.924deda6.js:10297
    performUpdate app.924deda6.js:10297
    _enqueueUpdate app.924deda6.js:10297
    requestUpdateInternal app.924deda6.js:10297
    set app.924deda6.js:10297
    value app.924deda6.js:43637
    value app.924deda6.js:39363
    performUpdate app.924deda6.js:10297
    _enqueueUpdate app.924deda6.js:10297
    requestUpdateInternal app.924deda6.js:10297
    set app.924deda6.js:10297
    commit app.924deda6.js:10297
    commit app.924deda6.js:10297
    update app.924deda6.js:10297
    __commitTemplateResult app.924deda6.js:10297
    commit app.924deda6.js:10297
    a app.924deda6.js:10297
    render app.924deda6.js:10297
    update app.924deda6.js:10297

EDIT: seems to be here:
{try{console.error(t.value)}catch(e){setTimeout((function(){throw e}))}}

Cannot get power_entity to work, the icon is greyed out (as of not clickable).

Current configuration:

type: 'custom:threedy-card'
base_entity: sensor.ender_3
name: Ender 3
printer_type: I3
monitored:
- Status
- ETA
- Elapsed
- Hotend
- Bed
power_entity: switch.sonoff_basic_3d
theme: Default
font: Roboto
scale: 1
round: false

Entity ID in HomeAssistantswitch.sonoff_basic_3d

switch.sonoff_basic_3d - Is a sonoff basic powercord

Any idea?

I have copied threedy-card.js to folder /www/threedy-card.js

In Lovalace resources I have added different resource urls

/local/threedy-card.js
/www/thready-card.js
/local/www/threedy-card.js

Nothing works with these urls and the example configuration..

My printer is stated as: sensor.octoprint_ender3_state

I dont know where to look anymore.

Hi,

i really like your card but it seems that the camera image is cropped which nearly makes it impossible to view anything in the cards camera.

Would be better if the image is just resized and not cropped.
picture entity:

your card:

The temperature has approx 10 significant digits. Can you limit them to 1 or 2?

Is it possible to add support for an integration that functions on the same principle as the Octoprint Integration,
https://www.home-assistant.io/integrations/repetier/

Hey man! Loving your card... what got me wondering what's the overall theme you are using on your HA config? Seeing at https://camo.githubusercontent.com/b73318ee388b9bd1a4846cc018037fa7ed85278919bdb8b107194860d9a788aa/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f31345667744653756c4a6b4f6152695a466f2f67697068792e676966 I really like the look and feel. Thanks!