Add filter which rounds number with defined precision.

additionally
- fixed input-type directive for escape, tab and enter to be allowed;
- make demo-components controller compliant with typescript;


Signed-off-by: Oleksii Kurinnyi <okurinnyi@codenvy.com>

dashboard/src/app/demo-components/demo-components.controller.ts

@@ -15,6 +15,17 @@
  * @author Florent Benoit
  */
 export class DemoComponentsCtrl {
+  booksByAuthor: {
+    [author: string]: Array<{title: string}>
+  };
+  button2Disabled: boolean;
+  listItemsDocs: string[];
+  listItemsTasks: Array<{
+    name: string,
+    done: boolean
+  }>;
+  numbersToRound: number[];
+  precisions: number[];
 
   /**
    * Default constructor that is using resource
@@ -24,9 +35,9 @@ export class DemoComponentsCtrl {
 
     // selecter
     this.booksByAuthor = {};
-    this.booksByAuthor['St Exupery'] = [{title:'The little prince'}];
-    this.booksByAuthor['V. Hugo'] = [{title:'Les miserables'}, {title:'The Hunchback of Notre-Dame'}];
-    this.booksByAuthor['A. Dumas'] = [{title:'The count of Monte Cristo'}, {title:'The Three Musketeers'}];
+    this.booksByAuthor['St Exupery'] = [{title: 'The little prince'}];
+    this.booksByAuthor['V. Hugo'] = [{title: 'Les miserables'}, {title: 'The Hunchback of Notre-Dame'}];
+    this.booksByAuthor['A. Dumas'] = [{title: 'The count of Monte Cristo'}, {title: 'The Three Musketeers'}];
 
 
     this.button2Disabled = true;
@@ -35,6 +46,9 @@ export class DemoComponentsCtrl {
 
     this.listItemsTasks = [{name : 'Task 1', done: false}, {name : 'Task 2', done: true}, {name : 'Task 3', done: false},
       {name : 'Task 4', done: true}, {name : 'Task 5', done: false}];
+
+    this.numbersToRound = [ -1234.5678, 0, 1234.5678 ];
+    this.precisions = [ -2, 0, 2 ];
   }
 
 

dashboard/src/app/demo-components/demo-components.html

@@ -236,5 +236,18 @@ <h6>This is h6
 
     </md-tab>
 
+    <md-tab label="Filter">
+
+      <div layout="column">
+        Number round filter:
+        <div data-ng-repeat="number in demoComponentsCtrl.numbersToRound">
+          <div data-ng-repeat="precision in demoComponentsCtrl.precisions">
+            <span>Number <b>{{number}}</b> with precision <b>{{precision}}</b> is <b>{{number | cheNumberRoundFilter:precision}}</b></span>
+          </div>
+        </div>
+      </div>
+
+    </md-tab>
+
   </md-tabs>
 </md-content>

dashboard/src/components/attribute/attribute-config.ts

@@ -22,7 +22,7 @@ import {CheTypeCity} from './input-type/input-city.directive';
 
 export class AttributeConfig {
 
-  constructor(register) {
+  constructor(register: che.IRegisterService) {
 
     register.directive('focusable', CheFocusable);
 

dashboard/src/components/attribute/input-type/input-type.directive.ts

@@ -20,6 +20,10 @@ export abstract class CheInputType {
   link($scope: ng.IScope, $element: ng.IAugmentedJQuery, attrs: {cheInputType: string, [prop: string]: string}): void {
 
     $element.on('keydown', (event: KeyboardEvent) => {
+      // escape, enter, tab
+      if (event.keyCode === 27 || event.keyCode === 13 || event.keyCode === 9) {
+        return true;
+      }
       // delete, backspace
       if (event.keyCode === 46 || event.keyCode === 8) {
         return true;

dashboard/src/components/components-config.ts

@@ -13,6 +13,7 @@
 // components
 import {ApiConfig} from './api/che-api-config';
 import {AttributeConfig} from './attribute/attribute-config';
+import {FilterConfig} from './filter/filter-config';
 import {CheBrandingConfig} from './branding/che-branding-config';
 import {CodeMirrorConstant} from './codemirror/codemirror';
 import {GitHubService} from './github/github-service';
@@ -32,6 +33,7 @@ export class ComponentsConfig {
   constructor(register) {
     new ApiConfig(register);
     new AttributeConfig(register);
+    new FilterConfig(register);
     new CheBrandingConfig(register);
     new CodeMirrorConstant(register);
     new GitHubService(register);

dashboard/src/components/filter/filter-config.ts

@@ -0,0 +1,20 @@
+/*
+ * Copyright (c) 2015-2017 Codenvy, S.A.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *   Codenvy, S.A. - initial API and implementation
+ */
+'use strict';
+import {CheNumberRoundFilter} from './number-round/number-round.filter';
+
+export class FilterConfig {
+
+  constructor(register: che.IRegisterService) {
+    new CheNumberRoundFilter(register);
+  }
+
+}

dashboard/src/components/filter/number-round/number-round.filter.ts

@@ -0,0 +1,36 @@
+/*
+ * Copyright (c) 2015-2017 Codenvy, S.A.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *   Codenvy, S.A. - initial API and implementation
+ */
+'use strict';
+
+export class CheNumberRoundFilter {
+
+  constructor(register: che.IRegisterService) {
+    register.filter('cheNumberRoundFilter', () => {
+      return (number: number, precision: number) => {
+        number = parseFloat(number);
+        precision = parseInt(precision, 10);
+
+        if (isNaN(number)) {
+          return 'NaN';
+        }
+        if (isNaN(precision)) {
+          precision = 0;
+        }
+
+        let  factor = Math.pow(10, precision);
+        let  tempNumber = number * factor;
+        let  roundedTempNumber = Math.round(tempNumber);
+        return (roundedTempNumber / factor).toString();
+      };
+    });
+  }
+}
+

dashboard/src/components/filter/number-round/number-round.spec.ts

@@ -0,0 +1,91 @@
+/*
+ * Copyright (c) 2015-2017 Codenvy, S.A.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *   Codenvy, S.A. - initial API and implementation
+ */
+'use strict';
+import {CheHttpBackend} from '../../api/test/che-http-backend';
+
+/**
+ * Test for CheNumberRoundFilter
+ *
+ * @author Oleksii Kurinnyi
+ */
+
+describe('CheNumberRoundFilter', () => {
+  let $scope, $compile;
+
+  let testNumbers = [
+    {
+      number: -1234.5678,
+      precision: -2,
+      result: -1200
+    },
+    {
+      number: -1234.5678,
+      precision: 0,
+      result: -1235
+    },
+    {
+      number: -1234.5678,
+      precision: 2,
+      result: -1234.57
+    },
+    {
+      number: 1234.5678,
+      precision: -2,
+      result: 1200
+    },
+    {
+      number: 1234.5678,
+      precision: 0,
+      result: 1235
+    },
+    {
+      number: 1234.5678,
+      precision: 2,
+      result: 1234.57
+    }
+  ];
+
+  /**
+   * Backend for handling http operations
+   */
+  let httpBackend;
+
+  beforeEach(angular.mock.module('userDashboard'));
+
+  beforeEach(inject((_$compile_: ng.ICompileService, $rootScope: ng.IRootScopeService, cheHttpBackend: CheHttpBackend) => {
+    $scope = $rootScope;
+    $compile = _$compile_;
+
+    httpBackend = cheHttpBackend.getHttpBackend();
+    // avoid tracking requests from branding controller
+    httpBackend.whenGET(/.*/).respond(200, '');
+    httpBackend.when('OPTIONS', '/api/').respond({});
+  }));
+
+  testNumbers.forEach((entry: {number: number, precision: number, result: number}) => {
+
+    (function (entry: {number: number, precision: number, result: number}) {
+      it(`Number ${entry.number} with precision ${entry.precision} should be equal to ${entry.result}`, () => {
+        $scope.entry = entry;
+
+        let element = angular.element(
+          '<div>{{entry.number | cheNumberRoundFilter:entry.precision}}</div>'
+        );
+        $compile(element)($scope);
+        $scope.$digest();
+
+        expect(element.text()).toEqual(entry.result.toString());
+      });
+    })(entry);
+
+  });
+
+});

dashboard/src/components/validator/city-name-validator.spec.ts

@@ -9,6 +9,7 @@
  *   Codenvy, S.A. - initial API and implementation
  */
 'use strict';
+import {CheHttpBackend} from '../api/test/che-http-backend';
 
 /**
  * Test for city-name-validator directive
@@ -58,7 +59,7 @@ describe('city-name-validator', () => {
 
   beforeEach(angular.mock.module('userDashboard'));
 
-  beforeEach(inject((_$compile_, $rootScope, cheHttpBackend) => {
+  beforeEach(inject((_$compile_: ng.ICompileService, $rootScope: ng.IRootScopeService, cheHttpBackend: CheHttpBackend) => {
     $scope = $rootScope;
     $compile = _$compile_;
 
@@ -68,9 +69,9 @@ describe('city-name-validator', () => {
     httpBackend.when('OPTIONS', '/api/').respond({});
   }));
 
-  validNames.forEach((validName) => {
+  validNames.forEach((validName: string) => {
 
-    (function shouldPass(validCityName) {
+    (function shouldPass(validCityName: string) {
       it(`"${validCityName}" should be OK`, () => {
         $scope.model = {value: ''};
 
@@ -92,9 +93,9 @@ describe('city-name-validator', () => {
 
   });
 
-  invalidNames.forEach((invalidName) => {
+  invalidNames.forEach((invalidName: string) => {
 
-    (function shouldFail(invalidName) {
+    (function shouldFail(invalidName: string) {
       it(`"${invalidName}" should fail`, () => {
         $scope.model = {value: ''};