[nodebb-plugin-shoutbox] Shoutbox plugin

[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 [email protected]

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.

[humanmadeaccount]

+1

works like charm. thank you so much. @a_5mith

[a_5mith]

@humanmadeaccount said:

+1

works like charm. thank you so much. @a_5mith

No problem, there's a few issues outstanding on things like iOS7 or IE9, you can read about them here

[chas]

For me, shoutbox doesn't work on any other page other than the Home Page.

[Schamper]

@chas Shoutbox version + NodeBB version?

[chas]

@Schamper NodeBB v0.5.2. Shoutbox 0.1.0

[Schamper]

@chas try
npm install [email protected]

[chas]

Thanks @Schamper that fixed it, but now

user Gravatars are too big in the shoutbox http://tilg.in/2410_05_12.png

on page refresh, scrollbar goes to top (not the latest post) http://tilg.in/2410_25_11.png

[Schamper]

@chas Clear cache.