angular.module('fr.hasError', [])
  
  .directive('frHasError', ['$compile', function ($compile) {
      return {
          restrict: 'A',
          priority: 1000,
          terminal: true,
          compile: function (element, attrs) {
              element.removeAttr('fr-has-error');
  
              const onEvent = (attrs.onDirty !== undefined) ? '$dirty' : '$touched';
              const formCtrl = attrs.frHasError.substr(0, attrs.frHasError.lastIndexOf('.'));
  
              element.attr('ng-class',
                  "{ 'has-error': " + attrs.frHasError + '.$invalid && (' + attrs.frHasError + '.' + onEvent + ' || ' + formCtrl + '.$submitted ) }'
              );
  
              return {
                  post: function (scope, elem) {
                      $compile(elem)(scope);
                  },
              };
          },
      };
  }]);