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);