Online Status On Postbit 2.2.15

[JustBrowsing90]

Well I'm back again with another question, I'd like to get rid of the green online indicator & replace it with a part in the postbit similar to the example but instead of saying Status Online or Offline has a clock icon & beside it have it say Online or Offline.

Example:

https://imgur.com/gb8CdRt

My postbit with example made using Inspect Element:

https://imgur.com/4jOm0Mi

 

[Splicho]

So what exactly do you want?

 

[JustBrowsing90]

So what exactly do you want?

SplichoI want to add an online status option to the postbit that says Online when you're online & Offline when you're offline with a clock icon on the right to represent it like in the second image.

 

[Splicho]

I want to add an online status option to the postbit that says Online when you're online & Offline when you're offline with a clock icon on the right to represent it like in the second image.

JustBrowsing90What's your site? Need to see the layout so I can give you the exact code for your theme

 

[JustBrowsing90]

What's your site? Need to see the layout so I can give you the exact code for your theme

SplichoI don't really feel comfortable giving that info out, I'm not the owner, just an admin but it uses the AC.UI theme.

 

[Splicho]

I don't really feel comfortable giving that info out, I'm not the owner, just an admin but it uses the AC.UI theme.

JustBrowsing90You can always DM me with the info.

 

[JustBrowsing90]

You can always DM me with the info.

SplichoLike I said I don't feel comfortable giving access out because I'm just an admin on the site. I can tell you the name of the site in a DM but that's it.

 

[Splicho]

Like I said I don't feel comfortable giving access out because I'm just an admin on the site. I can tell you the name of the site in a DM but that's it.

JustBrowsing90Then it'll be hard to give out the entire code, too lazy to install your style now.

Here's a snippet for the XF logic. Take a look into message_macros for the postbit, there you can add the code + markup fitting your style.

<xf:if is="$user.isOnline()">
  Show text if user is online
  <xf:elseif is="$user.activity_visible == '0'" />
  Show text if user is hidden
  <xf:else />
  Show text if user is offline
</xf:if>

 

[JustBrowsing90]

Then it'll be hard to give out the entire code, too lazy to install your style now.

Here's a snippet for the XF logic. Take a look into message_macros for the postbit, there you can add the code + markup fitting your style.

<xf:if is="$user.isOnline()">
  Show text if user is online
  <xf:elseif is="$user.activity_visible == '0'" />
  Show text if user is hidden
  <xf:else />
  Show text if user is offline
</xf:if>

SplichoUnfortunetly that didn't work but I appreciate the help nonetheless. It's really not that big of a deal just one of those little nit picky things

 

[Splicho]

Unfortunetly that didn't work but I appreciate the help nonetheless. It's really not that big of a deal just one of those little nit picky things

JustBrowsing90What didn't work lol? I literally copy pasted it from my site and it's working perfectly fine there

 

[JustBrowsing90]

What didn't work lol? I literally copy pasted it from my site and it's working perfectly fine there

SplichoI copied the codes you posted & put them in message_macros & nothing showed up so rather than mess something up I'll just let it be

 

[Splicho]

I copied the codes you posted & put them in message_macros & nothing showed up so rather than mess something up I'll just let it be

JustBrowsing90You have to paste it in the correct block.
Alright, then.. add this @ line 73 right under <div class="message-userExtras">

<dl class="pairs pairs--justified">
                     <xf:if is="property('uix_postBitIcons')">
                        <dt>
                           <span data-xf-init="tooltip" title="Online Status">
                              <xf:fa icon="fa-clock" />
                           </span>
                        </dt>
                        <xf:else />
                        <dt>Online Status</dt>
                     </xf:if>
                     <dd>
                        <xf:if is="$user.isOnline()">
                           Online
                           <xf:elseif is="$user.activity_visible == '0'" />
                           Hidden
                           <xf:else />
                           Offline
                        </xf:if>
                     </dd>
                  </dl>

Result

            <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
               <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto"
                  title="{{ phrase('online_now')|for_attr }}"></span>
            </xf:if>

Also remove this from line 22 - 25, you don't need it anymore. That indicator is your current online/offline indicator, but since you have a new one now, it makes no sense to have it twice displayed or indicated.

 

[JustBrowsing90]

You have to paste it in the correct block.
Alright, then.. add this @ line 73 right under <div class="message-userExtras">

<dl class="pairs pairs--justified">
                     <xf:if is="property('uix_postBitIcons')">
                        <dt>
                           <span data-xf-init="tooltip" title="Online Status">
                              <xf:fa icon="fa-clock" />
                           </span>
                        </dt>
                        <xf:else />
                        <dt>Online Status</dt>
                     </xf:if>
                     <dd>
                        <xf:if is="$user.isOnline()">
                           Online
                           <xf:elseif is="$user.activity_visible == '0'" />
                           Hidden
                           <xf:else />
                           Offline
                        </xf:if>
                     </dd>
                  </dl>

View attachment 40633

Result

View attachment 40634

            <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
               <span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto"
                  title="{{ phrase('online_now')|for_attr }}"></span>
            </xf:if>

Also remove this from line 22 - 25, you don't need it anymore. That indicator is your current online/offline indicator, but since you have a new one now, it makes no sense to have it twice displayed or indicated.

SplichoWow you really didn't have to do that but I appreciate it nonetheless. Thanks again