[nodebb-plugin-shoutbox] Shoutbox plugin

[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.

[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 nodebb-plugin-shoutbox@beta

[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.

[chas]

@Schamper Cheers, fixed it

[Xiph]

When people post images in the shoutbox, it scrolls to the bottom before the images have been loaded, so when they have the shoutbox is scrolled somewhere halfway.
Or has this been fixed in master already?

[Schamper]

@Xiph No, and I currently don't have a fix for this.

[Shaun]

http://stackoverflow.com/questions/280049/javascript-callback-for-knowing-when-an-image-is-loaded could be of some use to you.

The .complete callback looks like what I'd try for your situation.