Tautulli REST End Point and custom-button-card

YES
Thank you!

Now I just gotta figure out why the image doesnt load :stuck_out_tongue:

Curious about this aswell
 Iv happen to have this problem some times aswell


For the image link, are you using an internal IP address in the URL? Or are you using an external IP address or domain name? If it’s an internal IP, it’ll only work when you’re on your home network or if you’re VPN’d in.
In my case, I host my tautuilli using my own subdomain.

Maybe take a look at the link to the image and see if the API key is correct? If you copy/paste it into a browser, you should see the image.

Good morning,
For me it’s more of a problem with the REST sensor.
it is well created, but the result is: error. I don’t understand where the error is coming from, I need your help.

Capture d’écran 2024-01-13 à 20.10.31

and this:

Capture d’écran 2024-01-13 à 20.02.27

All my other tautulli sensors are correct.

Capture d’écran 2024-01-13 à 20.07.37

Capture d’écran 2024-01-13 à 20.07.53

Anything in the HA logs about it? Check the logs on startup, should have some sort of error message there (I’d think).

nothing in the log, just template errors due to the problem with my sensor I suppose.

But I have this when starting Tautulli:

and I don’t know where the problem comes from.

Try manually creating that link and pasting it into a browser. See if it returns JSON in the response?

For what reason, I don’t know, my template works now. except that in the card, I don’t have the photo. and there, on the other hand, I don’t see where the problem comes from. To be sure:
in the template, is it the IP address of my HA server followed by: 8181? And for my card, it is the IP address of my streaming box (in this case, my Apple TV) followed by: 8181?
I’m not making a mistake??
I have all the information about the film and server on the card, I’m just missing the cover of the film. before my template problem, the card was correct, but since my problem, it has been impossible to recover my cover.

I found my problem, and it’s solved. (problem with my ip adress) Sorry for disturbing.
But I still have one question:
is it possible to make the card “bigger”?? If yes, how ?
Thank you.

What did you do?:slight_smile:

Yes, It should be the IP address and port of where Tautuilli is hosted. The image and data all comes from Tautuilli’s API. Not from Plex or from your Apple TV. Glad you figured it out!

I have a maximum of 4 players who can use Plex at the same time, so 4 cards.
I would like to have 4 cards on my complete page of my dashboard in large size (so that the 4 take up the entire page) and not in small as it is at the moment. view the photo.

I tried this, but it doesn’t change anything on my card.

I think you’re close. Instead of using Masonry, use “Panel (1 Card)”. For the card, choose a vertical stack, and then add in the auto entities card.
The Panel (1 Card) should take up the entire screen IIRC.

I am going crazy my card was working well for a while then something changed. I fixed it a bit but cant for life of me cant figure the last part.

Need that box to be transparent and have no out line on the bar


card:
  type: vertical-stack
card_param: cards
type: custom:auto-entities
filter:
  exclude:
    - state: unknown
  include:
    - device_manufacturer: Tautulli
      entity_id: '*progress'
      options:
        entity: this.entity_id
        type: custom:button-card
        variables:
          entity: this.entity_id
        custom_fields:
          picture:
            card:
              type: picture
              image: |
                [[[
                  return states['sensor.' + variables.entity.replace('_progress','').replace('sensor.','') + '_session_thumbnail'].state
                ]]]
              card_mod:
                style: |
                  ha-card {
                  box-shadow: 0;
                  #border-radius: 0;
                  #margin: 5px 0 0 -5px;
                  }
          bar:
            card:
              type: custom:bar-card
              entities:
                - entity: this.entity_id
              positions:
                icon: 'off'
                indicator: 'off'
                minmax: inside
                title: inside
                value: inside
                margin: 0px
              height: 20px
              color: '#e49f29'
              name: |
                [[[
                  return states['sensor.' + variables.entity.replace('_progress','').replace('sensor.','') + '_state'].state
                ]]]
            card_mod:
              style: |
                ha-card {
                --ha-card-background: none;
                border: none;
                box-shadow: none;
                }
                ha-card #states {
                  padding: 0;
                }
                bar-card-targe {
                }
                bar-card-currentbar, bar-card-backgroundbar {
                  border-radius: 5px;
                  left: 0;
                }
                bar-card-name {
                  margin-left: 3%;
                  text-shadow: 1px 1px 1px #0003;
                }
          intro: |
            [[[
              return "<b>" + states['sensor.' + variables.entity.replace('_progress','').replace('sensor.','') + '_progress'].attributes.friendly_name.replace(' Progress', '') + "</b> is currently watching..."
            ]]]
          title: |
            [[[
              return states['sensor.' + variables.entity.replace('_progress','').replace('sensor.','') + '_full_title'].state
            ]]]
          stream: |
            [[[
              return states['sensor.' + variables.entity.replace('_progress','').replace('sensor.','') + '_video_resolution'].state + " > " + states['sensor.' + variables.entity.replace('_progress','').replace('sensor.','') + '_transcode_decision'].state + " > " + states['sensor.' + variables.entity.replace('_progress','').replace('sensor.','') + '_stream_resolution'].state + ""
            ]]]
        card_mod:
          style: |
            ha-card {
            box-shadow: 0;
            padding: 0;
            margin: 0;
            #border: 0;
            }
            ha-card #container {
            margin: 5px 0 0 0;
            }
            #name {
            display: none;
            }
        styles:
          card:
            - height: 100x
            - padding: 4px
            - background-color: transparent
          custom_fields:
            picture:
              - margin: '-10px 0px -10px -5px'
              - padding: '-10px 0px -10px -5px'
              - border: '-10px 0px -10px -5px'
            intro:
              - text-align: start
              - font-size: 15px
              - color: '#e49f29'
              - margin-bottom: 8px
            user:
              - text-align: null
              - font-size: 15px
            title:
              - text-align: start
              - font-size: 13px
            stream:
              - text-transform: capitalize
              - text-align: start
              - font-size: 13px
            bar:
              - text-transform: capitalize
              - font-size: 13px
              - margin: 0px
              - align: start
          grid:
            - grid-template-areas: >-
                "picture x intro" "picture x title" "picture x stream" "picture
                x bar" 
            - grid-template-columns: 1fr 15px 3fr 100px

Oh I think I GOT IT! any one see any code thats messed up?

Is it working for you? Anything look off in the display?

Is there anyway to display the friendly name of the user on the card rather than the username please?

You’d probably have to use Jinja template logic to convert the name.

Great summery, i tried this but only gets an error when adding it and trying to restart HA
 is there anyway you could maybe specify where i should add these codes? or maybe a step-by-step for a newbie like me to get a hang of it?

i tried to add everything to my configuration.yaml but thats when i got my error :confused:

  • I’d start with the REST integration first. Add that to your configuration and make sure that it is populating data from Tautulli.
  • Once you’re confident that that is up and working, you’ll need to add the templates. These templates apply against the REST integration that you just created.
  • Once that is up and working, the next step is to install the components from HACS and copy/paste/modify the yaml into your lovelace.

Based on these steps, which part is giving you issues?