[Project] Staff's Chatbox

First topic message reminder :

Hello folks!

Introduction:

I realized that many users would like to have a "chatbox for exclusive staff" and I also wanted!
It was then that so I had the idea of making one, I did inside a widget but I found it strange because it was very small, boring to implement, required many steps to create and parameter settings in the ACP ...

But now, based on another project I'm developing, this code has the ability of a true "installer", also having an uninstaller in which all the code and the pseudo database are removed completely !!!

Only by creating a new JavaScript so that we can have the installer code is required.

But how does it work?
It's simple:
The installer first create a category and within a forum with permissions only to administrators and moderators, but this can be changed later in the ACP.
Then it creates a topic within this forum that will serve as a pseudo database to our chat!

Features:
1- Each member will be able delete or edit your own message;
2- Messages are written in JSON format, thus we gain storage space and ease of maintenance in code;
3- The message storage capacity is the same as a topic.

How about we make tests?

First access the ACP and check "Unauthorize unoficial forms .." to "no", see example below:


In the ACP, create a new JavaScript as follows:
Title * : @install_chat_staff
Placement : In the home page
Javascript Code * : - Copy and paste the code below in this field:

Download link: https://www.dropbox.com/s/yeu4mif5bk62acg/Staff%27s_Chat_div.js?dl=1

Note: The title field should have exactly this name: @install_chat_staff
For uninstalling the code and structure of pseudo database depends exclusively on him!

When you finish this step, go to your forum, reload the page and wait for the following window:

Follow the steps waiting for the end of each.

After the installer finishes, the page will reload, then you can use the chatbox staff that will have the following appearance (varying according to the version of your forum):


Example: Editing a message!


To uninstall is easy, as well as install, only the founder can do this! Simply by typing in the chat: /uninstall
You will see the following window:

Just follow the steps and the chat will be uninstalled completely!

Some chat commands:

/cls - Clear all messages, resetting the list.
/stop - Pause the reception of messages, useful when you do not want to be disturbed.
/start - Restarts the reception of messages.

See an example of how messages are stored in the pseudo database:


JSON format:

Code:

{
    "user": [{
        "id": 1,
        "name": "JScript",
        "pname": "%3Cspan%20style%3D%22color%3A%23000099%22%3E%3Cstrong%3EJScript%3C%2Fstrong%3E%3C%2Fspan%3E",
        "avatar": "http://autoitbrasil.com/forum/uploads/av-89.png"
    }, {
        "id": 2,
        "name": "Member Test",
        "pname": "%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%20153)%3B%22%3E%3Cstrong%3EMember%20Test%3C%2Fstrong%3E%3C%2Fspan%3E",
        "avatar": "http://2img.net/i/fa/invision/pp-blank-thumb.png"
    }],
    "msgs": [{
        "id": 1,
        "msg": "Messages%20cleared!",
        "date": "18:56 - 19/12/2014"
    }, {
        "id": 1,
        "msg": "Test%2001%20-%20FF",
        "date": "18:56 - 19/12/2014"
    }, {
        "id": 2,
        "msg": "Test%2002%20-%20IE",
        "date": "18:57 - 19/12/2014"
    }, {
        "id": 2,
        "msg": "Test%2003%20-%20CR",
        "date": "18:57 - 19/12/2014"
    }]
}


---

Who can contribute to the project, either with more ideas, codes and even translations into other languages, I thank you!

JS

@Black-Shadow
This widget is in error in the code!
But that is for another topic, here only discussions about the project.

JS

@JScript can I reinstall now the staff chat to test it?

@Black-Shadow
Yes, you can!

But do me a favor: Keep the console browser open and if you have error, paste the console log here so I can look ok?

JS

That is nice to know we can have a collapsible button I'll wait for it keep it up!

JScript wrote:@Black-Shadow
Yes, you can!

But do me a favor: Keep the console browser open and if you have error, paste the console log here so I can look ok?

JS

Hello JS,
I installed the Staff Chat on a testing forum without the Staff Online widget and it seems working but there is a bug after 1-2 seconds the messages are disappearing suddenly.

@Black-Shadow
Okay, that's because I'm doing some code changes to the compression of messages and unintentionally I updated the dropbox!

Stay tuned on the topic as soon as I finish I'll let you guys okay?

JS

Hello!

I made some changes and among them:
1- The messages are now stored in JSON format, thus we gain storage space and can have greater control of data
2- Now the html is composed of tables, so getting a bit more organized and freeing of divs

Note: The items in the editor are still in testing, so they are not working in this release.

Sample: https://i.imgur.com/ySICWxd.png

Just download the link on the first post,

JS

JScript wrote:Hello!

I made some changes and among them:
1- The messages are now stored in JSON format, thus we gain storage space and can have greater control of data
2- Now the html is composed of tables, so getting a bit more organized and freeing of divs

Note: The items in the editor are still in testing, so they are not working in this release.

Sample: https://i.imgur.com/ySICWxd.png

Just download the link on the first post,

JS

Well done! It's beautiful! Thank you kindly JScript!

@FrOsTyXi
I'm glad you liked it!

---

A new version with new features:

1- Each member will be able delete or edit your own message in a new format;
2- Messages are written in JSON format, thus we gain storage space and ease of maintenance in code;
3- When posting a message, the sequence now it is:
Database reading (topic), then joins read messages with his, only after then post your message!

See: https://help.forumotion.com/t137294-project-staff-s-chatbox

JS

working great!

This is great thanks man.

Thank you friends, I'm happy for it!

---

Hello!

1- A good part of the code has been rewritten and added support to emoticons, check out:


2- Now when the limit of pseudo database is reached, the first messages will be removed to make room for new ones.

Download link in: https://help.forumotion.com/t137294-project-staff-s-chatbox

JS

Hello! is the Chatbox collapsible in the new version(s) ?

@Rhino.Frea
Hello!
Unfortunately, this is the version that has Invision support this.

Maybe next version...

---

Edit:
New version, see in the first post!

JS

Hello everybody!

The code has been optimized and added a visual interface installation, see:

Note: The appearance changes according to the forum's version!

Download link in: https://help.forumotion.com/t137294-project-staff-s-chatbox

JS

similies appear a little upwards than they should. weird.
But still looks cool, keep it up
still waiting for that collapsing button

edit: also the smilies function has some priority issues. For e.g : I have a smilie coded as

Code:

:Doge:

witch becomes " oge: (without space) "

~Bump :

Also, can I place this chatbox on the bottom of the page?

Rhino.Freak wrote:still waiting for that collapsing button

In the next version!

Rhino.Freak wrote:also the smilies function has some priority issues. For e.g : I have a smilie coded as

Code:

:Doge:

witch becomes " oge: (without space) "

It is a problem with the regex I did. I will do some tests and return when I finish!

Rhino.Freak wrote:Also, can I place this chatbox on the bottom of the page?

The chat occupies what space category was created for it, leaving only the category title bar!
What can be done is a code for your version moving it to where you want.

Happy New Year,

JS

Is this feature available for phpbb 2 forums?

@brandon_g

All versions!

JS

JScript wrote:@brandon_g

All versions!

JS

Does it have the annoying becursed chat timeout feature? Is it only for staff or is there way I program it have members see it too, I just want a replacement forumotions crappy one.

Bump!

you set the permissions for chat just like you do the forums just find the staffchat in your forums and edit the permissions

Hello twisted,

I have not added it yet, I am thinking about it though, I am beginning to seek alternatives to replace Forumotions wonky Chatroom, does it have the becursed timeout feature? Or at least to disable it?

@JScript , When you said we could provide translations into other languages, does that mean any language or only those languages which Forumotion has a support forum for?

theres no timeout option because it uses a forum topic for the chat room .. the chat room is just a box that holds that info

That's nice ! Activated by script installing in staff forums ?
I recall such things exist... and are cool to use ( I even tried once a chat for staff in the private staff forum)

@brandon_g
There is only one variable that defines a time and this time is only for reading the messages: readInterval
This chat is not designed to replace the original chatbox.

@_Twisted_Mods_
Remember that to edit a post created by another user, will have to give moderator permissions, and this is not possible for the standard group members!
That's why the chat is designed to staff.

@Ramdaman
Any language my friend.

@Count Dooku
Unfortunately I didn't quite understand what you wrote...

---

I wish you all a happy new year,

JS

I wanted to know what is meant by "the staff chatbox project" before voting, you see?

@brandon_g I am not sure if this is a good place to post this but my suggestion for a good member chat would be Xat.com, however it will not be linked to your forum. Its a classy chat for anyone who visits your site, and can be put in a widget only for members if you want to block guests. Hope it helpsa little