nx-ui-model-formatter.ts

/// <reference path="../../typings/tsd.d.ts" />
/// <reference path="../tsd.d.ts" />

module nx.ui.modelFormatter {


    var $module:ng.IModule = angular.module('nx.ui');


    export interface IModelFormatterScope extends ng.IScope {
    }

    export function ModelFormatterDirectiveLinkFn($scope:IModelFormatterScope,
                                                  $element:any,
                                                  $attrs:ng.IAttributes,
                                                  controllers:Array<any>) {

        var ngModelCtrl:ng.INgModelController = controllers[0];

        ngModelCtrl.$formatters.push(function (modelValue:string) {

            var formatterExp:string = <string>_.get($attrs, 'nxModelFormatter');

            var formatterFn:Function|Array<string> = $scope.$eval(formatterExp) || eval(formatterExp);

            if (_.isFunction(formatterFn)) {
                modelValue = formatterFn.call(modelValue);
            }
            else if (_.isArray(formatterFn)) {

                _.each(formatterFn, function (formatterExp:string):any {

                    var formatterFn:Function = _.attempt(function ():any {
                        return $scope.$eval(formatterExp) || eval(formatterExp);
                    });

                    modelValue = _.isFunction(formatterFn) ? formatterFn(modelValue) : _.invoke(modelValue, formatterExp);
                });
            }

            return modelValue;
        });
    }


    function ModelFormatterDirective():ng.IDirective {
        var definition = {
            restrict: 'A',
            require: ['ngModel'],
            link: ModelFormatterDirectiveLinkFn
        };
        return definition;
    };
    ModelFormatterDirective.$inject = [];


    $module.directive('nxModelFormatter', ModelFormatterDirective)
}