newscoop/JS-Scoopwriter

'use strict';
angular.module('authoringEnvironmentApp').directive('sfAlohaFormatGeneric', [
    'AlohaFormattingFactory',
    function (AlohaFormattingFactory) {
        var template = [
            '<button class="btn btn-default btn-sm action strong" ',
            '    rel="tooltip" title="{{buttonName}}">',
            '    <i class="editoricon-{{alohaElement|lowercase}} ',
            '              fa fa-{{alohaElement|lowercase}}"></i>',
            '</button>'
        ].join('');

        return {
            template: template,
            restrict: 'A',
            replace: true,
            scope: {
                alohaElement: '@alohaElement',
                buttonName: '@buttonName'
            },
            link: function postLink(scope, element, attrs) {
                var enabled,
                    supported;

                AlohaFormattingFactory.add(scope.alohaElement);

                supported = Aloha.queryCommandSupported(scope.alohaElement);
                enabled = Aloha.queryCommandEnabled(scope.alohaElement);
                if (typeof enabled === 'undefined') {
                    // in chrome we get undefined, but that's just fine...
                    enabled = true;
                }

                element.attr('disabled', !supported || !enabled);

                element.bind('click', function () {
                    Aloha.execCommand(scope.alohaElement, false, '');
                    element.toggleClass(
                        'active',
                        AlohaFormattingFactory.query(scope.alohaElement)
                    );
                });
            }
        };
    }
]);