Chat by Siropu [Paid] 1.25.1

[Carla Birch]

Nice update @Siropu, maybe the user tagging could be linked into the xenforo tagging system so you can also just type in @Username and they get a forum alert to say they have been tagged into a chat message?
Another feature could be to be able to "like" messages, take a look at this addon that got made for taigachat by another dev: https://xenforo.com/community/resources/xfuniverse-taigachat-pro-essentials.4098/

 

[Siropu]

Glad you like it. Extending XF's alert system is a pain in the but so I don't know.
In my opinion, a "Like" system for chat is too much. I have some features in mind that can make chat more fun and I will start implementing them next week.

 

[Carla Birch]

nice looking forward to see what they are, so far you are doing great work

 

[Delazar]

Hi,

it is also an opportunity to give personal calls to perform or create groups?

 

[BassMan]

Great chat! Like the tagging feature.

I just customize it for customizexf.com (position above forum list):




Suggestions:

• to save space I suggest buttons on right (like in TaigaChat):

• would be nice to see a color palette when choosing text color
• sprites for buttons

 

[TMC]

I know that probably not many people have as many smilies like on my site (esp. messy & uncategorized) , but if you do happen to have lots and lots of them, then on mobile smilie overlay might overlap everything. Like this:

And you can't even see rest of the smiley categories or any of the messages. With 10 rows it still okayish as can be seen below


Maybe possible to add some sort of height limit for it and let user scroll to see rest? Probably not the highest priority issue, but if you have got time to look at it at some point, please do.

Thanks for the quick updates

 

[Carla Birch]

Great chat! Like the tagging feature.

I just customize it for customizexf.com (position above forum list):

View attachment 107925


Suggestions:

• to save space I suggest buttons on right (like in TaigaChat):

View attachment 107926

• would be nice to see a color palette when choosing text color
• sprites for buttons

I have done mine up also

 

[BassMan]

Great, @Carla Birch! Like the FA buttons and color. Care to share the code to spare some time?

Also the Settings word is great. Already added to mine.

 

[Carla Birch]

Great, @Carla Birch! Like the FA buttons and color. Care to share the code to spare some time?

Also the Settings word is great. Already added to mine.

In siropu_chat template look for <span style="font-weight: bold;">B</span> for eg and replace with <i class="fa fa-bold"></i> all the other button are below so just do the same but replacing with the fa class you want to use.

 

[Carla Birch]

I know that probably not many people have as many smilies like on my site (esp. messy & uncategorized) , but if you do happen to have lots and lots of them, then on mobile smilie overlay might overlap everything. Like this:
View attachment 107935
And you can't even see rest of the smiley categories or any of the messages. With 10 rows it still okayish as can be seen below
View attachment 107934

Maybe possible to add some sort of height limit for it and let user scroll to see rest? Probably not the highest priority issue, but if you have got time to look at it at some point, please do.

Thanks for the quick updates

in siropu_chat.css find #siropuChatSmilies li and add to it:
max-height: 180px;
overflow: auto;

note the max-height you can edit to your needs but if any of you smilies imgs are bigger than the max height they will get scroll bars around them also, not sure how to stop that.

 

[BassMan]

In siropu_chat template look for <span style="font-weight: bold;">B</span> for eg and replace with <i class="fa fa-bold"></i> all the other button are below so just do the same but replacing with the fa class you want to use.

Thanks, I know, I just thought you add it to extra.css. I don't like direct template modifications.

So far I'm here:



Changed the popup arrow with FA icon for settings with this in extra.css:

#siropuChatHeader .PopupControl:before {
  content: "\f0c9";
  font-weight: normal;
  font-family: FontAwesome;
  color: #fff;
}

#siropuChatHeader .Popup .arrowWidget {
  display: none !important;
}

 

[BassMan]

in siropu_chat.css find #siropuChatSmilies li and add to it:
max-height: 180px;
overflow: auto;

My opinion is to add this to extra.css template so you won't have much work when upgrading add-on.

 

[ŽivaAkcija]

adding support for FA will be excellent update

 

[BassMan]

That's a lot of extra work and many users don't like it. But yes, would simplify editing

 

[Carla Birch]

Thanks, I know, I just thought you add it to extra.css. I don't like direct template modifications.

Don't think extra would work for the buttons, because they have no class added to them, they only have inline span tags wrapping text.

 

[BassMan]

Don't think extra would work for the buttons, because they have no class added to them, they only have inline span tags wrapping text.

It works, look here:

https://xenforo.com/community/threads/chat-by-siropu-paid.99281/page-3#post-943654

 

[BassMan]

Oh, sorry, for buttons, yes maybe it won't.

 

[Carla Birch]

It works, look here:

https://xenforo.com/community/threads/chat-by-siropu-paid.99281/page-3#post-943654

Thats for the header arrow, the editor buttons themselves don't have a class for each button, they all got same class with just span wrapping the button text, so you can not remove the text and span and need to replace within a direct edit unless i'm behind on what can be done with css

 

[BassMan]

Thats for the header arrow, the editor buttons themselves don't have a class for each button, they all got same class with just span wrapping the button text, so you can not remove the text and span and need to replace within a direct edit unless i'm behind on what can be done with css

Yes, I've update my state with next post

Haven't looked before. Yes, classes for buttons would be great, right @Siropu?

 

[Carla Birch]

Tell you what else would be nice, if we could edit the chat Notices direct from the front end, via two clicking on it and editing the text from a pop up editor if you got the permissions for editing notices.