[fixed] My "new topic" button doesn't load the composer on first load

[Giorgio Chiodi]

It looks like the composer isn't loaded in the homepage, it's only ready after that I load a topic, or a category.

Here's the code.

<div class="jumbotron hidden-xs"><button id="sidebar-new-topic" class="btn btn-primary">NEW TOPIC</button><script>  require(['composer'], function(cmp) {    $(document.getElementById('sidebar-new-topic')).on('click', function() {      cmp.newTopic(1);    });  });</script></div>

[julian]

That's correct @Giorgio-Chiodi, to have NodeBB load a little bit faster, some assets (like the composer) are not loaded until they are used the first time. Problem?

[Giorgio Chiodi]

@julian I understand - would it be possible to force the load of the composer somehow?

[Giorgio Chiodi]

@julian

bump...

It's pretty annoying, because we have that new topic button on the homepage - no way to force the composer load?

[julian]

When you require the composer like you've shown in your code, it should automatically load the composer asset. What is the problem? Any js errors when that button is clicked?

[Giorgio Chiodi]

@julian nope. nothing happens.
I do get this in the console, though.

 Failed to load resource: the server responded with a status of 404 (Not Found) http://10.1.10.130:4567/404
 Hello. This message was sent from scripts/inject.js

[julian]

The scripts/inject message is a little worrisome...

[Giorgio Chiodi]

@julian awesome!

[Giorgio Chiodi]

@julian what should I do?

[Giorgio Chiodi]

@julian How can I force the composer load?

[julian]

@Giorgio-Chiodi said:

$(document.getElementById('sidebar-new-topic')).on('click', function() { cmp.newTopic(1); }); });

Hm, this doesn't look right...

What happens when you copy this into your web console?

``` js
$(document.getElementById('sidebar-new-topic'));

[Giorgio Chiodi]

@julian said:

$(document.getElementById('sidebar-new-topic'));

$(document.getElementById('sidebar-new-topic'));
[
<button id=​"sidebar-new-topic" class=​"btn btn-primary">​NEW TOPIC</button>​
]
Hello. This message was sent from scripts/inject.js

[julian]

In console:

require(['composer'], function(cmp) {
  console.log(cmp, cmp.newTopic);
});

What does it output?

Now try:

require(['composer'], function(cmp) {
  cmp.newTopic(1);
});

Does the composer come up?

[Giorgio Chiodi]

@julian yeeeeessss!

here's the console output

require(['composer'], function(cmp) {
  console.log(cmp, cmp.newTopic);
});
function r(i,l,u){var p,d;return s.enableBuildCallback&&l&&J(l)&&(l.__requireJsBuild=!0),"string"==typeof i?J(l)?c(B("requireargs","Invalid         require call"),u):n&&t(k,i)?k[i](D[n.id]):h.get?h.get(_,i,n,r):(p=o(i,n,!1,!0),p=p.id,t(P,p)?P[p]:c(B("notloaded",'Module name "'+p+'" has not been     loaded yet for context: '+e+(n?"":". Use require([])")))):(b(),_.nextTick(function(){b(),d=a(o(null,n)),d.skipMap=s.skipMap,d.init(i,l,u,    {enabled:!0}),f()}),r)} nodebb.min.js?v0.4.3-4-g60e5ba8:9
Object {newTopic: function, newReply: function, addQuote: function, editPost: function, addButton: function…}
 function (cid) {
	if(!allowed()) {
		return;
	}

	push({
		cid: cid,
		title: '',
		body: '',
		modified: false,
		isMain: true
	});
} VM3558:3

[Giorgio Chiodi]

@julian fixed! I used the code from http://nutritionask.com/

 <button id="new-topic-button-widget" class="btn btn-lg btn-primary">NEW TOPIC</button>

 <script>
     $('#new-topic-button-widget').on('click', function() {
    if (!app.uid) {
      app.alertError('Hold up...take a second to register or log in, up there ⇧⇧⇧');
    } else {
        require(['composer'], function(composer) {
            composer.newTopic(1);
        });
    }
});
</script>

[colornote]

nice work,good idea