I copied the TWIG file provided by the module in my theme.

I tried to insert an icon before the text, but it does not work :

<div class="user-online-status user-{{ uid }}">
  <span class="status">
    <i class="fa fa-circle fa-lg"></i> {{- status -}}
  </span>
</div>

How to display my icon?

I also deleted the label because there is no setting for the hidden.

Comments

zenimagine created an issue. See original summary.

norman.lol’s picture

I'm going to have a look at this later.

  • leymannx committed 247cef5 on 8.x-1.x
    Issue #3020690 by leymannx: Provide more robust markup.
    
  • leymannx committed 3521cf2 on 8.x-1.x
    Issue #3020690 by leymannx: Update JS according new markup.
    
zenimagine’s picture

@leymannx Thank you, I made the update and I confirm that it works.

zenimagine’s picture

Status: Active » Fixed
norman.lol’s picture

Ha, you're so fast. I wanted to ping you as soon as I released the new alpha.

And I also wanted to say: Thank you for testing and filing issues! That's a big help.

norman.lol’s picture

I just released the 8.x-1.0-alpha4. You now need to update your templates to match the new markup, that I needed to build to fix the other issue (the views bug).

It now needs to be:

<div data-user-online-status-uid="{{ uid }}" class="user-online-status">
  <span class="status">
    <i class="fa fa-circle fa-lg"></i>
    <span class="response"></span>
  </span>
</div>
norman.lol’s picture

Status: Fixed » Closed (fixed)