[nodebb-plugin-shoutbox] Shoutbox plugin

[Tanner]

@a_5mith Yesh quite accurate :3

[a_5mith]

@Tanner Can confirm the diagnosis above. Only works on the homepage. (Or possibly whichever page is cold loaded, try cold loading category, then going to homepage, then back to category again) Either way, after ajaxify, chat is empty. Send button doesn't work.

[Tanner]

Thanks for confirming for me, will let @schamper know and change on my site accordingly.

[Scuzz]

I had it on the Global header before and it work fine on every page.

Edit
@Tanner @a_5mith My bad, i didnt quite understand what you were asking. It seems that it wont work in other widget areas.

I thought we had it working but that might be because we were using the latest github version and not the npm version.

[a_5mith]

@Scuzz -I've already uploaded them. But here. Shoutbox in Global Header.

[Scuzz]

@a_5mith are you on the latest rc of NodeBB? You could beta test the new version of the shoutbox that is available on github?
Im sure i had it working in the header when using that version.

[Tanner]

I've been using the NPM version if that makes any difference.

[a_5mith]

@Scuzz Aye, running 0.5.0-2. Will give the version on your github a try and report back.

Edit: Yeah that fixes it.

Edit: Edit: Settings don't save automatically. They say they save. Refreshing brings back the old settings.

[ffmad]

@Schamper Any update about a possible timestamp on messages ?

I've been asked this a lot by members of my forums ^^

[Scuzz]

@ffmad The latest github version has a "x minutes ago". I did ask @Schamper about an actual time stamp but he didnt want to implement it for some reason.

If we bug him enough he may add it

[ffmad]

@Scuzz said:

@ffmad The latest github version has a "x minutes ago". I did ask @Schamper about an actual time stamp but he didnt want to implement it for some reason.

If we bug him enough he may add it

oh that's great

[Hưng Thành Nguyễn]

I can't disable gist function in new version. It just said saved but when I comback the gist still be ticked.

[Schamper]

Since a lot of people keep asking me to publish the new shoutbox to npm, I just published it under a beta tag.

If I should trust the npm docs, you can install it using:
npm install nodebb-plugin-shoutbox@beta

This is far from completed from what I have in mind, hence the beta tag. Note that some things might not work properly, not being able to disable features is one.

[Hưng Thành Nguyễn]

@Schamper thanks, but it worth to try with global shoutbox and typing indicator funtion

[tedr56]

@Schamper I tried the beta version but it doesn't seem to work.
The text area is blank and nothing is added when I click on Send
I noticed some errors in console.
I could send you these if you need.

[a_5mith]

@StuartH said:

nodebb 2.1

What's the future like? Do people still post kittens on Reddit?

[Schamper]

@tedr56 What NodeBB version? And yes please send those errors.

[Scuzz]

@tedr56 Have you cleared your web browser cache?

[humanmadeaccount]

How can I expand the height of shoutbox on www.example.com/shoutbox to fit in the whole page? thanks in advance.

[a_5mith]

@humanmadeaccount

You can use a CSS3 feature called vh. It's supported in pretty much everything except Opera Mini & Android Browser at the minute.

Put this in your custom CSS:

#shoutbox-content, #shoutbox-archive-content {
height: 70vh;
overflow-y: scroll;
}

Adjust the 70vh until you're happy with it's positioning. It will look the same on all screen sizes. vh is a % of the view height. Which is the height of the users browser.

For me, using 50vh removes the scrollbar on the page, and makes it full height including the "who's online" underneath.