I'm writing a simple widget to show the status of any Source Server Query (SSQ) enabled server.
Right now the plugin is really simple but I aim to implement new features soon.

Features

• Show server name
• Show number of logged players and max players supported
• Show list of players and their play time
• Show a message when the server is down

Screenshot

Any feedback is welcome!

@BDHarrington7 said:

@Fez-Vrasta said:

so they should have called it dist...

And inside it you should see only compiled sources. .tpl files are not compiled so they shouldn't be there.

Also, I have placed a background image in that folder and it never been removed.

It's not really compiled in the traditional sense, nodejs (JavaScript as a whole) is an interpreted language. What is stored in the public folder are templates that are assembled at startup depending on your theme choices, etc. so if you put some change in the tpl file it will get overwritten. The templates are then used by client-side parsers to render the content for the user.

If you're trying to make changes to something in a tpl file, you have to modify the theme directly.

I'm a JavaScript developer (I work with Ember.js and stuff like that) so I know how it works.
The problem is that if you want to use the public folder to provide only compiled stuff then the templates should be compiled as well (aka, JS files and not TPL files anymore)

Something similar to what happens with handlebars: http://handlebarsjs.com/precompilation.html

@yariplus I just setup the custom menu item and then I use the custom pages plugin to show the custom page.

so they should have called it dist...

And inside it you should see only compiled sources. .tpl files are not compiled so they shouldn't be there.

Also, I have placed a background image in that folder and it never been removed.

I still don't get why should it happens...

@leksar why should a tpl created inside public folder get deleted automatically?

Is there a way to publish topics to a specific group and allow only the members to see them?

With "every day" I mean that every X hours it breaks (probably after reloads, restarts, new plugins etc).

I have created an empty .tpl using touch

I have correctly setup a custom page (playark.it/arkmap) but every day I have to create it again because it breaks...

Internal error.
Oops! Looks like something went wrong!
/arkmap
Failed to lookup view "arkmap" in views directory "/home/www/node/playark/nodebb/public/templates"

What's the problem?

currently there aren't better solution than NodeBB.

Surely it can be improved, but so far I'm loving it.

I'm using the Vanilla theme and I'd like to know if there is a way to show a widget in the categories list of the home page.

Is SocketIO alredy inited by NodeBB or do I have to include it and initialize it?

Also, what is the best way to include client-side JS in a widget?

I display data from a remote request, and I'd like to update it client-side each X seconds. But I can't perform the update using client-side JS, I need Node.js.

So I was wondering if there is a way to tell to a widget to reload the data from its node.js source.

Is there some example?

I'd like to update the content of my widget each X seconds.

AHHH!!!! THANK YOUUU!!!!

What a stupid error

thanks!

@APXEOLOG said:

try to hook "filter:widget.render:nodebb-widget-steamserverstatus". I'm not sure, but there is some info in documentation:

NodeBB core will call your widget on the appropriate page load by way of the hooks system. The hook will be named after your widget’s namespace (see previous example) - like so: filter:widget.render:widget_namespace

Thanks but it doesn't work

I'm developing a simple widget here:

https://github.com/FezVrasta/nodebb-widget-steamserverstatus

But the function to render the widget doesn't work..

Widget.renderStatusWidget = function(widget, callback) {

	var html = Widget.templates['status.tpl'];

	var serverIpPort = widget.data.server;
	var server = {
		host: serverIpPort.split(':')[0],
		port: serverIpPort.split(':')[1]
	};

	ssq.info(server.host, server.port, function(err, data) {
		if (err) {
			console.log('Got error: ', err);
			return callback(err);
		}

		html = templates.parse(html, data);

		callback(null, html);

	});
};

I have even tried to replace this function with a simple callback(null, "hello world") but the widget never render.

Any idea?

@pichalite you may use filter: drop-shadow( px px px #color ); to apply the drop shadow to the entire shape instead. It's not really well supported but it's a good progressive enhancement.

Otherwise, you could add an additional circle shape below the box and apply the shadow to it.

Awesome, I started my journey on the web on an RPG forum

@julian sorry I meant that Markdown does do support HTML, except here.

By the way just write   to add a blank new line.

markdown should allow use of HTML, that's why there's not a "markdown way".

 
 
 
 
You can't really add more than one newline... I'm sorry to tell you this!

 
 
 
 
Really, you can't.