Multiple applications sharing a Router

[Sophia Raw]

Hi All

I really need some help with routing.

I am using multiple applications in my project. 

I have a base App -> BaseApp

And then as I need the other sections I start those apps:

FinanceApp

ManagementApp

SalesApp

So every time I need to start an app I do this:

$(document).ready(function () {

            FinanceApp.runtime.category = JSON.parse('<%= category as JSON %>');

            FinanceApp.runtime.projectId = '<%= projectId %>';

            FinanceApp.runtime.clientId = '<%= clientId %>';

            BaseApp.runtime.flash = '<%= flashMap %>';

            BaseApp.runtime.currencySymbol = '<%= currencySymbol %>';

            FinanceApp.addRegions({

                headerRegion: "#bm-finance-header",

                messageRegion: "#bm-flash-message",

                dataRegion: "#bm-category-items-region",

                dialogRegion: "#bm_dialog_region"

            });

            FinanceApp.addInitializer(function (options) {

                FinanceApp.module("FinanceModule").start();

            });

            if(BaseApp.runtime.started == false) {

                BaseApp.start();

            }

            FinanceApp.start();

        });

I have my Router in by BaseApp, when starting only the FinanceApp, my router works just fine, but as soon as I start the SalesApp or ManagementApp on the same page, my router does not work for them.

Please can you assist me on how to setup a Router for multiple apps.

[Joanne Daudier]

Sophia: Come on Gitter and ask your question.  You'll get answers faster: 

https://gitter.im/marionettejs/backbone.marionette