source: cats/SCHEMAcat/trunk/urn.org.isocat.schemacat.site/site/lib/TLA-generics/tla-generics.js @ 4564

'use strict';
var tlaGenerics = angular.module('tlaGenerics', []);

tlaGenerics.directive('autosizeTextarea', ['$window', '$timeout',

        function($window, $timeout) {
                function resizeTextArea(elm) {
                        var textarea = elm[0];
                        var offset = !$window.opera ? (textarea.offsetHeight - textarea.clientHeight) : (textarea.offsetHeight + parseInt($window.getComputedStyle(textarea, null).getPropertyValue('border-top-width')));
                        elm.css('height', 'auto');
                        elm.css('height', (textarea.scrollHeight + offset) + 'px');
                }

                return function(scope, element, attrs) {
                        //resize the text area when the browser window is resized
                        angular.element($window).bind('resize', function(event) {
                                resizeTextArea(element);
                        });
                        //resize textarea when the model changes
                        scope.$watch(attrs.ngModel, function(newValue, oldValue) {
                                if (newValue !== oldValue && (typeof newValue == 'string' || newValue instanceof String)) {
                                        //if textarea height is 0, wait for the DOM to be ready
                                        if (element[0].clientHeight === 0) {
                                                element.ready(function() {
                                                        //do not resize if textarea height is still 0 after the DOM is ready (textarea is hidden)
                                                        if (element[0].clientHeight !== 0)
                                                                resizeTextArea(element);
                                                });
                                        } else
                                                resizeTextArea(element);
                                }
                        });
                        //resize textare when autosizeTextarea.resize event is broadcasted
                        scope.$on('autosizeTextarea.resize', function(event) {
                                element.ready(function() {
                                        resizeTextArea(element);
                                });
                        });
                };
        }
]);