app/common/directives/confirm.js

window.angular && (function(angular) {
  'use strict';

  angular
    .module('app.common.directives')
    .directive('confirm', ['$timeout', function($timeout) {
      return {
        'restrict': 'E',
        'template': require('./confirm.html'),
        'scope': {
          'title': '@',
          'message': '@',
          'confirm': '=',
          'callback': '='
        },
        'controller': ['$scope', function($scope) {
          $scope.cancel = function() {
            $scope.confirm = false;
            $scope.$parent.confirm = false;
          };
          $scope.accept = function() {
            $scope.callback();
            $scope.cancel();
          };
        }],
        link: function(scope, e) {
          scope.$watch('confirm', function() {
            if (scope.confirm) {
              $timeout(function() {
                angular.element(e[0].parentNode).css({
                  'min-height': e[0].querySelector('.inline__confirm').offsetHeight + 'px'
                });
              }, 0);
            }
            else {
              angular.element(e[0].parentNode).css({
                'min-height': 0 + 'px'
              });
            }
          });
        }
      };
    }]);
})(window.angular);