ACP: JavaScript

[julian]

admin/plugins/awards... this is your template, from what I can tell.

So, if you create a new js file with this inside:

define('admin/plugins/awards', function() {
  var Awards = {};

  Awards.init = function() {
    // Stuff here is run every time the page is loaded
  };

  return Awards;
});

There's no need to include the script tag at the bottom of the template

[PitaJ]

@julian said:

There's no need to include the script tag at the bottom of the template

Except for the require call, right?

[julian]

Not even that, NodeBB automatically tries to load a plugin that is associated with that template, and executes .init(); if there is one.

So with that template above, create a client-side js file (of any name) with the module name defined as I have defined in my last post's code block. Then add it to the scripts array in your plugin.json so it gets minified on NodeBB start, and then it will be automatically called.

[Nicolas]

@julian Thanks. I will try to use it

[Nicolas]

@julian It works, but...

It increases on 700kb nodebb.min.js

[PitaJ]

@Nicolas said:

@julian It works, but...

It increases on 700kb nodebb.min.js

Yeah, and that's the problem. If I were to include all of my styles and scripts in the main minified files, they would be huge.

[yariplus]

  Awards.init = function() {
    require(['my/public/path/myjs']);
  };

[PitaJ]

@yariplus said:

  Awards.init = function() {
    require(['my/public/path/myjs']);
  };

That isn't any different from including the script manually, though.

[yariplus]

@pitaj How so? For me, it keeps it out of nodebb.min.js and loads it automatically on the 'admin/plugins/awards' template.

[yariplus]

Oh, i see the problem. Dang. There has to be another way then just putting everything in nodebb.min.js though, right?

[Nicolas]

Also I have found another problem - It's a development.
Minification is part of nodebb startup. So after every single change in client JS, you should restart NodeBB, It takes time...
Maybe NodeBB could borrow ideas from Wordpress and handle JS includes for particular pages?
I'm OK with single minified script for production.

[PitaJ]

@Nicolas there is a grunt thing that only does what is necessary. You should try it out.

[Nicolas]

grunt --verbose? It will restart nodebb, nothing very special...

[julian]

@Nicolas Grunt will detect if assets like css or js need to be recompiled, and redo those only.

[pichalite]

@julian I had issues with using grunt. It complains about too many files opened if I have a plugin folder open in an editor.

./nodebb watch worked better for me

[julian]

@pichalite try this

Dropbox error - 'echo 100000 | sudo tee / proc/sys/fs/inotify/max_user_watches'

Dropbox gives me an error that mentions echo tee 100000 but then it disappears. How to fix or remove msg?

Ask Ubuntu (askubuntu.com)