Ajaxify is working for all categories, but when I click to go to the profile ajaxify gets hung up.

It is showing the profile data, but I have no clue why is not rendering the profile. I have a highly customized theme, I think it's some bug I have created but I cannot debug this. I was hoping someone has a possible idea why this may be happening.

Let me know if you need more information.

image url)

@qgp9 said:

vertheless, I don't discourage you to use docker!!, I encourage it
I'm just giving a most important tip here. "Don't use docker for production before you know how to deal with a concept of a temporary container" but GOOD FOR TEST AND LEARN.

Thanks for the positive answer, it was fun playing around with docker. I ended up realizing the most simple solution was just to share one redis db, duh right. It was good to play around with docker though I did learn a bit.

Here is a possible solution, looks good I havent tested it yet because I am being blocked by this error warn: NodeBB Setup Aborted. getaddrinfo ENOTFOUNDhttp://stackoverflow.com/questions/36072140/docker-issue-commands-to-an-app-inside-container

With NodeBB you can run ./nodebb start to stop you can do ./nodebb stop. Now that I have dockerized it http://nodebb-francais.readthedocs.org/projects/nodebb/en/latest/installing/docker/nodebb-redis.html I am not sure how I can interact with it.

I have followed the steps "Using docker-machine mac os x"

docker run --name my-forum-redis -d -p 6379:6379 nodebb/docker:ubuntu-redis

Then

docker run --name my-forum-nodebb --link my-forum-redis:redis -p 80:80 -p 443:443 -p 4567:4567 -P -t -i nodebb/docker:ubuntu

Then

docker start my-forum-nodebb

I had an issue with redis address in use, so I want to fix that and restart but I am not sure how? Also I would like to issue the command grunt in the project directory, again not sure how?

My question is how can I interact with an app inside a docker container as if I had direct access to the project folder itself? Am I missing something?

I hate inconsistent environments, configuring stuff locally and on cloud to create consistency, also DB content, so I figured docker would be great for this. I would like to run docker on my mac using docker-machine, but I am not sure if it has the ability to use grunt etc?

Oh damn lol I messed that up. Ok cool thanks!

Figured it out res.res.json({"test": true})

Edit:

@psychobunny why dont you do req.req.params.id inside your custom pages plugin instead of parsing the url?

@Michael-Joseph-Aubry I found to get the is I can use req.req.params, now I am going to figure out how to do res.json

I want to build my own api, I have a custom composer and a custom post type that consists of only an image and title, it acts as a feed.

Inside my theme I want to build a custom api router, for now I have figured out how to add data to the database, but I am limited in the router.

var theme = {};
var db = module.parent.require('./database');
var Categories = module.parent.require("./categories");

theme.init = function(params, callback) {
	var app = params.app;
	var router = params.router;

	app.get('/api/test/:id', function(res, req, next) {
		console.log(req.params);
		res.json(req)
		// db.set('test', req.params.id, function() {
		// 	res.json({working:true});
		// });
	});

	callback(null);
};

The app in this case is not the typical express app, it doesn't seem. So I see in the nodebb-custom-pages plugin bunny parses the url, which is ok I guess, but I am still limited it seems I can only res.render() I cant use methods like res.json().

Any advice?

@baris Holy shit it actually worked but I dont see it in the console.log?

I can require other modules that are exposed inside the module.parent but I am so confused why Categories is not exposed?

On my mac I have everything working smoothly when I deployed it on my linux server everything runs fine except for the call to the Categories module.

Here is how I call the module inside my /theme.js file inside the root of my theme.

console.log(module.parent)
var Categories = module.parent.require("./Categories");

I took a look at the result of module.parent and I am not seeing categories available, but I do see it available locally.

I tried hard linking to the module ../../src/Categories but no luck.

Does anyone have a clue why this is happening?

@baris

WOW thanks man.

One thing though myPlugin.onRenderHeader = function() {}

This works, thanks! So I am guessing callback() is where the data is sent to the core then that adds it before rendering?

Great job!

@yariplus lol yeah would be more simpler, I know about that method, but I went with the longer approach because my first few tries I had issues so I made assumptions that it was data type or something. Thanks though, that method definitely makes the code look cleaner.

So to get data into a page there are obviously two methods, server side (pass into template then compile) or client side (ajax). I am very familiar with express, but I don't see a possible way of passing additional data to a template after res.render has been called, I am saying this because I know the home page is already being rendered somewhere in the core, so there is no way for me to inject data before it gets called is there?

If not do I need to replicate all the json being passed in to the default render, add my custom data, then call res.render myself?

Or is the only method rendering the data via ajax call, which would be my least preferable method.

I know things like this have been documented but it is not very clear to me how to pass in custom data to a template. My case for this is to pass in categories to a sub-header inside header.tpl here is what I have so far.

(function(module) {
	"use strict";

	var theme = {};
	var catLength = [1,2,3,4,5,6,7];
	var Categories = module.parent.require("./Categories");

	theme.init = function(params, callback) {
		var app = params.router;
	    var hostMiddleware = params.middleware;
		var hostControllers = params.controllers;
		var categories = {};

		Categories.getCategoriesData(catLength, function(err, data) {
			categories = data;
		});
        
        // TODO: make this a more nodebb like route
		// app.get('/api', function(req,res) {
		// 	res.render('/', {test:true});
		// });

		callback();
	};

	module.exports = theme;

}(module));

Also I looked through ./Categories and getCategoriesData() seemed like the only method to get categories, my question is why do I have to pass an array of how many categories I want, thats not fun. Why isn't there a method to get all without specifying anything?

Thanks guys!

Ok so I have successfully done this with solr!

This is probably obvious to all expert nodebb people here, but for me I had to really look at the source code/docs/google to understand how the eco system works.

After configuring the nodebb-plugin-solr the api call out of the box looks like /api/search/KEYWORD?in=titlespost I am still trying to figure out how the plugin is hooked up with the core and how this route triggers the solr query.

Simply with ajax I just make a get request to the route and with the response I see now how I can use ajaxify.

// search function
$('form.search').on('submit', function(e) {
    e.preventDefault();

    var word = $(this).find('input.searchV').val();

    $.ajax({
        url: '/api/search/'+word+'?in=titlesposts',
        type: 'get',
        dataType: 'html',
        success: function (data) {
            var parsed = JSON.parse(data);
            var results = parsed;

            console.log(results);
            
            // TODO: pass results.posts into template
            ajaxify.loadTemplate('partials/search_results_topic', function(resultItem) {
                var html = templates.parse(resultItem, results);
                $('.topic-list').html(html);
            });

        },error: function(data) {

            // TODO: error handling
            console.log(data);
        }
    });

});

Here is what I have done, I finally figured out how to get a list of categories, I kind of like this method but I hate having to pass an array, but it is what it is.

var theme = {};
var catLength = [1,2,3,4,5,6,7];
var Categories = module.parent.require("./Categories");

theme.init = function(params, callback) {
	Categories.getCategoriesData(catLength, function(err, data) {
		data.forEach(function(something, index) {
			if(something) {
                console.log(data[index].name);
            }
		});
	});
	callback();
};

module.exports = theme;

Cool now I have all the categories and the next step is to create a dynamic header based on the categories, the problem is I am so confused on how to do that, I think I am missing something very obvious!

I am inside a theme and I want to pass this into the precompiled template!

@pitaj Ok well I keep seeing this

nodebb-plugin-quickstart/library.js at master · NodeBB/nodebb-plugin-quickstart

A starter kit for quickly creating NodeBB plugins. - nodebb-plugin-quickstart/library.js at master · NodeBB/nodebb-plugin-quickstart

GitHub (github.com)

plugin.addAdminNavigation = function(header, callback) {
	header.plugins.push({
		route: '/plugins/quickstart',
		icon: 'fa-tint',
		name: 'Quickstart'
	});

	callback(null, header);
};

I just dont get how the server passes data to the client, I am looking at all the source code I can find including the example but there is nothing obvious about this? Can someone please just tell me how to simply pass something from library.js to the client?

@pitaj Thanks I think I've got it but I am confused how to take the server side code and pass it into the client?

Do I need to call render, do I expose something?

I have a few ideas about plugins. I want to use solr to create a plugin that updates the view in an ajax fashion. So basically on each keypress I ask for some data and in realtime update the list of posts/topics.

I also want to have a filtering dropdown that allows me to select if I want to view the "latest" posts, "popular posts", or "unanswered" posts while updating the list in realtime.

Normally I would use angular, or backbone for a job like this, theoretically I could implement them and copy the template from my theme into a client side template and hack like that, but its messy.

I am curious how can I make some calls i.e solr/filterBy then use the response to update the view in a NodeBB way?

I can dig into some existing plugins, but I want to ask here for some insights and possibly be pointed towards themes/plugins that have similar like features. I know NodeBB is already using ajaxify, so I could read more about it and maybe I can do something with that.

Thanks

@pitaj said:

quire the categories and listen to this hook, adding the d

Ahh that makes more sense, so inside my theme.js I can have a method that uses node to pull in the categories and expose it. Ok so I guess I have to dig up some examples, do you have any examples on github that is similar?