FlaChat (simple shoutbox)

Justoverclock

FlaChat

I've found this app into my old projects folder, so i release this for the benefit of the community under minimal mantainance.

Not tested deeply.

This chat have no history, it means that u can read and write messages and chat with other users only in the current session.

Usage

Get a free key on https://dashboard.pubnub.com/signup
to have:

Free up to 1M messages per month

A Flarum extension. Add a very very simple RealTime chat (with no history) to flarum

flachat

Installation

Install with composer:

composer require justoverclock/flachat:"*"

Updating

composer update justoverclock/flachat:"*"
php flarum cache:clear

Links

xasharma

Justoverclock

wow! Thanks for the extension man 🔥

giter

Wow!!! installing

Justoverclock

giter send some feedback maybe, so I can see that it works

giter

Justoverclock I think everything is fine, and it can be used immediately. 😀

But I modified a css. Form overflow:hidden to overflow:auto

EvilExecutor

Amazing! 😍

Justoverclock

if someone have this extension installed let me know, so we can make some tests in real time

Justoverclock

giter yes but you have the demo api key, better to retrieve your own

giter

Justoverclock yes, I have applied.

Justoverclock

0.1.1

scrollbar css fixes.

Justoverclock

xasharma thx but is really simple, nothing special 😆 very old project

0Creative

Can I get link to live?

Spooonky

Hey it would be nice, if u could add it to Forum Widgets.
I would like to place it above discussions in the middle center.

addition:
A function to show FlaChat only for users of a certain group.

addition 2:
Generate class name for better CSS edit

Addition 3:
Chat history for 200 messages and display of usernames in the colors of the group a user has.

Spooonky

If you have nothing more important to do at the moment, I would donate to the revision 🙂

Justoverclock

Spooonky well at moment i'm studying another way to have a chat, but for this:

Generate class name for better CSS edit

you can customize almost everythings, tell me what u need

Spooonky

Justoverclock
u forgot to declare a div class for the Typing bar 😁
https://prnt.sc/1w3q2vq

I know you can edit it via the ID, but for a nice code this is better: D

Justoverclock

Spooonky let me update this, wait some minutes

edit: you can edit the form input with:

input.FormChat {
    margin: 5px 0;
    padding: 5px 10px;
    width: 100%;
    outline: none;
    border: 1px solid #bbb;
    border-radius: 20px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s ease all;
    -moz-transition: .2s ease all;
    -ms-transition: .2s ease all;
    -o-transition: .2s ease all;
    transition: .2s ease all;
}

i will add the class for the whole div

Justoverclock

0.1.2

css class added for input div

JUMPING

I can't send anything in tags page,but it seems OK in home page and following page

Justoverclock

JUMPING whoops! I Will look at that, pls open issue on GitHub

JUMPING

Justoverclock I've done it

JUMPING

Justoverclock fixe it ，plz~ 😁