cobuild-angular-stack/modules/onboarding/directive/onboarding.display-step.directive.js

Base stack angular sass jade gulp

/**
 * Created by garusis on 19/06/16.
 */
(function (module) {

    var settings = {};
    var defaultSettings = {};

    module
        .directive('onboardingDisplayStep', onboardingDisplayStepDirective);

    onboardingDisplayStepDirective.$inject = ['ROKK3RLABS_ONBOARDING_CONSTANTS', '$controller'];
    function onboardingDisplayStepDirective(ROKK3RLABS_ONBOARDING_CONSTANTS, $controller) {
        return {
            scope: {
                onboarding: '=',
                step: '=',
                index: '=',
                ctrl: '@'
            },
            link: function (scope, element, attrs) {
                var locals = {
                    $scope: scope,
                    $element: element,
                    $attrs: attrs
                };
                element.data('$Controller', $controller(scope.ctrl + ' as stepCtrl', locals));
                scope.$$element = element;
            },
            templateUrl: function (elem, attr) {
                var displayStepConstants = ROKK3RLABS_ONBOARDING_CONSTANTS.directives.displayStep;
                return attr.useTemplate === 'true' ? displayStepConstants.templateUrlToPredefined : displayStepConstants.templateUrlToCustom;
            },
            restrict: 'AE'
        };
    }
})(angular.module('rokk3rlabs.onboarding'));