klee-contrib / focus-starter-kit Goto Github PK

Focus.definition.entity.container.setEntityConfiguration(require('../config/entity-definition'));

//Display domaines utilisés
let entityDef = require('../config/entity-definition');

Focus.definition.entity.container.setEntityConfiguration(require('../config/entityDefinition'));

//Display domaines utilisés
let entityDef = require('../config/entityDefinition');

var Router = Fmk.Helpers.Router;
var layout = require('../views/layout');
var NotImplementedStatic = require('../views/technique/notImplemented/notImplementedStatic');

module.exports = Router.extend({

    routes: {
        'affaire': 'affaireRecherche'    
    },

    affaireRecherche: function affaireRechercheRoute() {
        layout.setActiveMenu('affaire');
        layout.content.show(new NotImplementedStatic());
    }

var layout = require('../views/layout');

module.exports = Fmk.Helpers.Router.extend({
    routes: {
        '*path': 'defaultRoute'
    },
    defaultRoute: function () {
        var View = require('../views/technique/routeNotFound/routeNotFoundStatic');
        var model = new Backbone.Model({route: Backbone.history.fragment});
        var view = new View({model: model});
        layout.content.show(view);
    }
});

//Dependencies.
var DefaultRouter = require('./defaultRouter');
var HomeRouter = require("./homeRouter");
var AffaireRouter = require('./affaireRouter');

/*Router instanciation.*/
module.exports = {
    routerList: [
        new DefaultRouter(),
        new HomeRouter(),
        new AffaireRouter()
    ]
};

(function () {

    // Gestion globale des erreurs non traitée par la SPA.
    window.onerror = function (event, source, line, column, error) {

        // Construction d'un rapport d'erreur.
        var report = '';
        report += '<h1>Erreur javascript non gérée</h1>';
        report += '<hr/>';
        report += '<h2>' + event + '</h2>';
        if (error && error.stack) {
            var stack = error.stack;
            report += '<p><strong>Stacktrace : </strong><pre>' + stack + '</pre></p>';
        }
        report += '<p><strong>Source : </strong><code>' + source + '</code>&nbsp;<strong>Ligne : </strong><code>' + line + '</code></p>';

        // Affichage au début du body.
        var debug = window.document.getElementById('debug');
        if (!debug) {
            debug = window.document.createElement('div');
            debug.id = 'debug';
            var body = window.document.body;
            body.insertBefore(debug, body.firstChild);
        }
        debug.innerHTML = report;
    };

})();

var log = log4javascript.getLogger("Spa.Application");

module.exports = log;

/* Chargement des singletons de logger */
var logSpaApplication = require('./Spa.Application');
var logSpaView = require('./Spa.View');

/* Définition des appenders */
var consoleAppender = new log4javascript.BrowserConsoleAppender();
consoleAppender.setLayout(new log4javascript.PatternLayout("%d{HH:mm:ss,SSS} %c %p %m"));

/* Configuration des loggers */
logSpaApplication.addAppender(consoleAppender);
logSpaView.addAppender(consoleAppender);

var initialize = {
    init: function init(params) {
        return $(function () {

            /* Init loggers. */
            require('./loggers/index');            

            /* ... */

            /* Initialize application. */
            application.initialize();
        });
    }
};

module.exports = initialize;

var log = require('./loggers/Spa.Application');
log.info("Démarrage SPA...");

(function () {

    /**
     * Manager de thème.
     * Un thème représente un jeu de couleurs spécifique pour le rendu graphique.
     * Le manager permet d'associer un thème à chaque menu de l'application (de niveau 1).
     * Un thème est associé à une classe CSS, qui est appliquée :
     *   - à l'item du menu de niveau 1 dans le bandeau,
     *   - aux menus de niveau supérieur ou égale à 2,
     *   - à la région de contenu principal du layout de l'application.
     */
    var themeManager = _.extend({}, Backbone.Events, {

        /**
         * Référence du layout de l'application.
         */
        layout: undefined,

        /**
         * Thème courant de l'application.
         */
        currentThemeName: undefined,

        /**
         * Thème par défaut.
         */
        defaultThemeName: undefined,

        /**
         * Map nom de menu => nom de thème.
         */
        menuMap: {},

        /**
         * Map nom de thème => classe CSS du contenu.
         */
        cssMap: {},

        /**
         * Initialise le manager de thème.
         * @param config {{defaultThemeName:string, menuMap:{object}, cssMap:{object}}} Configuration des thèmes.
         */
        init: function (config) {

            /* Met à jour le manager avec la configuration. */
            _.extend(this, config);
        },

        /**
         * Démarre l'écoute.
         */
        start: function () {
            /* Stocke une référence du layout. */
            this.layout = require('../views/layout');

            /* Set le thème par défaut. */
            this.setCurrentTheme(this.defaultThemeName);

            /* Se met à l'écoute des changements de menus. */
            this.listenTo(this.layout, 'menuChange', this.menuChangeHandler);
        },

        /**
         * Handler du changement de menu.
         * @param event {{menuName:string}} Evénement avec le nom du menu.
         */
        menuChangeHandler: function (event) {
            var menuName = event.menuName;
            var newThemeName = this.getThemeNameByMenuName(menuName);
            this.setCurrentTheme(newThemeName);
        },

        /**
         * Obtient le nom de la class CSS du thème pour un menu donné.
         * @param menuName {string} Nom du menu.
         * @returns {string} Nom de la classe CSS du thème du menu.
         */
        getCssClassByMenuName: function (menuName) {
            return this.cssMap[this.getThemeNameByMenuName(menuName)];
        },

        /**
         * Obtient le nom du thème pour un nom de menu donné.
         * @param menuName {string} Nom du menu.
         * @returns {string} Nom du thème.
         */
        getThemeNameByMenuName: function (menuName) {
            if (!menuName) {
                return this.defaultThemeName;
            }
            /* Extrait le nom du menu de niveau 1 du nom du menu. */
            var menu1Name = menuName.split('.')[0];
            /* Retourne le nom du thème ou le thème par défaut. */
            return this.menuMap[menu1Name] || this.defaultThemeName;
        },

        /**
         * Modifie le thème courant.
         * @param newThemeName {string} Nom du nouveau thème.
         */
        setCurrentTheme: function (newThemeName) {
            /* Prépare les classes CSS. */
            var oldCssClass = this.cssMap[this.currentThemeName];
            var newCssClass = this.cssMap[newThemeName];
            /* Modifie le CSS de la région de contenu principal. */
            var contentRegion = $(this.layout.content.el);
            contentRegion.removeClass(oldCssClass);
            contentRegion.addClass(newCssClass);
            /* Met à jour le thème courant. */
            this.currentThemeName = newThemeName;
        }
    });

    module.exports = themeManager;
})();

 /* Initialise les thèmes de couleur par module applicatif. */
        var themeManager = require('../../lib/themeManager');

        themeManager.init({
            /**
             * Thème par défaut.
             */
            defaultThemeName: "orange",

            /**
             * Map nom du menu niveau 1 => nom du thème.
             */
            menuMap: {
                "affaire": "orange",
                "devis": "orange",
                "facture": "orange",
                "partenaire": "vert",
                "codeTravaux": "vert",
                "reporting": "bleu",
                "administration": "bleu"
            },

            /**
             * Map nom du thème => nom de la classe CSS.
             */
            cssMap: {
                "orange": "orangeTheme",
                "vert": "vertTheme",
                "bleu": "bleuTheme"
            }
        });

this.addInitializer(
            function (options) {
                this.layout = require('./views/layout');
                this.layout.render();
                this.layout.displayHeader();
                var themeManager = require('./lib/themeManager');
                themeManager.start();
            });

     /**
     * Définit le menu actif.
     * @param name {string} Nom du menu.
     */
    setActiveMenu: function (name) {
        headerView.processActive(name);
        /* Lance un événement de changement de menu (écouté par le manager de thèmes). */
        this.trigger('menuChange', {menuName: name});
    }

var application = require('application');

userDetail: function (id) {
  application.layout.setActiveMenu('administration.security.user');
  var UserCompositeView = require('../views/administration/usrCompositeView');
  application.layout.content.show(new UserCompositeView({ id: id }));
}

var layout = require('application').layout;

userDetail: function (id) {
  layout.setActiveMenu('administration.security.user');
  var UserCompositeView = require('../views/administration/usrCompositeView');
  layout.content.show(new UserCompositeView({ id: id }));
}

module.exports = require('../application').layout;

var layout = require('views/layout');