openproject/frontend/app/components/inplace-edit/field-directives/edit-duration/edit-duration.directive.js

// -- copyright
// OpenProject is a project management system.
// Copyright (C) 2012-2015 the OpenProject Foundation (OPF)
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License version 3.
//
// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
// Copyright (C) 2006-2013 Jean-Philippe Lang
// Copyright (C) 2010-2013 the ChiliProject Team
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with this program; if not, write to the Free Software
// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
//
// See doc/COPYRIGHT.rdoc for more details.
// ++

angular
  .module('openproject.inplace-edit')
  .directive('inplaceEditorDuration', inplaceEditorDuration);

function inplaceEditorDuration() {
  return {
    restrict: 'E',
    transclude: true,
    replace: true,
    templateUrl: '/components/inplace-edit/field-directives/edit-duration/' +
      'edit-duration.directive.html',

    controllerAs: 'customEditorController',
    controller: function() {},

    link: function(scope) {
      var field = scope.field;
      scope.numberValue = 0;

      if (field.value) {
        scope.numberValue = Number(moment.duration(field.value).asHours().toFixed(2));
      }

      // The level of indirection introduced by numberValue is necessary to prevent
      // a non terminating digest cycle. The alternative would be:
      // scope.$watch('field.value', function(newValue) {
      //   ...
      //   field.value = calculatedValue;
      // });
      // This would mean that we change the value we are watching inside the function to be called
      // upon changes.
      //
      // The indirection fixes it but it might break two-way-binding. If someone where to change
      // field.value from the outside, this would not be reflected by numberValue.
      scope.$watch('numberValue', function(newValue) {
        if(!isNaN(newValue)) {
          var minutes = Number(moment.duration(newValue, 'hours').asMinutes().toFixed(2));

          field.value = moment.duration(minutes, 'minutes');
        }
      });
    }
  };
}