client-ui/source/service-router/service-router-directive.js

Testing implementation of nodeJs Backend, angular frontend, and hopefully in a way that this can be deployed to s3/cloudfront

/* global window config console moduleName */
(function () {
    'use strict';
    function directive($q, serviceRouter, rootConstants){
        return {
            restrict: 'A',
            template: '<div></div>',
            scope: {
                serviceName: "@"
            },
            link: function(scope, elem, attr) {
            serviceRouter.getScriptMode(scope.serviceName)
                .then(function(mode) {
                    if (!rootConstants.scriptUrls.hasOwnProperty(scope.serviceName)) {
                        console.log("No url for service " + scope.serviceName);
                        return;
                    }
                    if (!rootConstants.scriptUrls[scope.serviceName].hasOwnProperty(mode)) {
                        console.log("No mode " + mode + " for service " + scope.serviceName);
                        return;
                    }
                    serviceRouter.getScriptContent(rootConstants.scriptUrls[scope.serviceName][mode], scope.serviceName)
                        .then(function(content) {
                        }, function(err) {
                            elem.html("<script language=\"JavaScript\" src=\""+rootConstants.scriptUrls[scope.serviceName][mode]+"\"></script>");
                        });
                });
            }
        };
    }

    angular.module(moduleName).directive('routedService', directive);
    directive.$inject = ["$q", "serviceRouter", "rootConstants"];
})();