You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ambari.apache.org by db...@apache.org on 2016/03/21 16:34:12 UTC

ambari git commit: AMBARI_14717. Fixed the visual issues in Hive History view. (Rajendra Patil via dipayanb)

Repository: ambari
Updated Branches:
  refs/heads/branch-2.2 a3086696b -> 3dcc28135


AMBARI_14717. Fixed the visual issues in Hive History view. (Rajendra Patil via dipayanb)


Project: http://git-wip-us.apache.org/repos/asf/ambari/repo
Commit: http://git-wip-us.apache.org/repos/asf/ambari/commit/3dcc2813
Tree: http://git-wip-us.apache.org/repos/asf/ambari/tree/3dcc2813
Diff: http://git-wip-us.apache.org/repos/asf/ambari/diff/3dcc2813

Branch: refs/heads/branch-2.2
Commit: 3dcc281352f20689c73010b856128730fc8c38e8
Parents: a308669
Author: Dipayan Bhowmick <di...@gmail.com>
Authored: Mon Mar 21 21:03:56 2016 +0530
Committer: Dipayan Bhowmick <di...@gmail.com>
Committed: Mon Mar 21 21:03:56 2016 +0530

----------------------------------------------------------------------
 .../ui/hive-web/app/controllers/history.js      |  5 +-
 .../ui/hive-web/app/initializers/i18n.js        |  5 +-
 .../resources/ui/hive-web/app/styles/app.scss   |  8 +++
 .../components/column-filter-widget.hbs         |  2 +-
 .../ui/hive-web/app/utils/functions.js          | 76 ++++++++++++++------
 .../unit/components/number-range-widget-test.js |  3 +
 6 files changed, 74 insertions(+), 25 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/ambari/blob/3dcc2813/contrib/views/hive/src/main/resources/ui/hive-web/app/controllers/history.js
----------------------------------------------------------------------
diff --git a/contrib/views/hive/src/main/resources/ui/hive-web/app/controllers/history.js b/contrib/views/hive/src/main/resources/ui/hive-web/app/controllers/history.js
index e63362a..2c9cc7d 100644
--- a/contrib/views/hive/src/main/resources/ui/hive-web/app/controllers/history.js
+++ b/contrib/views/hive/src/main/resources/ui/hive-web/app/controllers/history.js
@@ -82,7 +82,7 @@ export default Ember.ArrayController.extend(FilterableMixin, {
       });
 
       minDuration = items.length ? Math.min.apply(Math, items) : 0;
-      maxDuration = items.length ? Math.max.apply(Math, items) : 0;
+      maxDuration = items.length ? Math.max.apply(Math, items) : 60; //Default 1 min
 
       durationColumn.set('numberRange.min', minDuration);
       durationColumn.set('numberRange.max', maxDuration);
@@ -160,6 +160,9 @@ export default Ember.ArrayController.extend(FilterableMixin, {
 
               rangeFilter.set('from', rangeFilter.get('min'));
               rangeFilter.set('to', rangeFilter.get('max'));
+
+              rangeFilter.set('fromDuration', rangeFilter.get('min'));
+              rangeFilter.set('toDuration', rangeFilter.get('max'));
             }
           }
         });

http://git-wip-us.apache.org/repos/asf/ambari/blob/3dcc2813/contrib/views/hive/src/main/resources/ui/hive-web/app/initializers/i18n.js
----------------------------------------------------------------------
diff --git a/contrib/views/hive/src/main/resources/ui/hive-web/app/initializers/i18n.js b/contrib/views/hive/src/main/resources/ui/hive-web/app/initializers/i18n.js
index 46847ae..b3630c1 100644
--- a/contrib/views/hive/src/main/resources/ui/hive-web/app/initializers/i18n.js
+++ b/contrib/views/hive/src/main/resources/ui/hive-web/app/initializers/i18n.js
@@ -212,7 +212,10 @@ TRANSLATIONS = {
 
   labels: {
     noTablesMatch: 'No tables match',
-    table: 'Table '
+    table: 'Table ',
+    hoursShort: "{{hours}} hrs",
+    minsShort: "{{minutes}} mins",
+    secsShort: "{{seconds}} secs"
   },
 
   popover: {

http://git-wip-us.apache.org/repos/asf/ambari/blob/3dcc2813/contrib/views/hive/src/main/resources/ui/hive-web/app/styles/app.scss
----------------------------------------------------------------------
diff --git a/contrib/views/hive/src/main/resources/ui/hive-web/app/styles/app.scss b/contrib/views/hive/src/main/resources/ui/hive-web/app/styles/app.scss
index 716dc02..e1acd5e 100644
--- a/contrib/views/hive/src/main/resources/ui/hive-web/app/styles/app.scss
+++ b/contrib/views/hive/src/main/resources/ui/hive-web/app/styles/app.scss
@@ -151,6 +151,14 @@ aside  {
   }
 }
 
+.history-date-range {
+  white-space: nowrap;
+}
+.history-date-range .fromDate,
+.history-date-range .toDate {
+  width: 40%;
+}
+
 .form-control::-moz-placeholder {
   color: $placeholder-color;
 }

http://git-wip-us.apache.org/repos/asf/ambari/blob/3dcc2813/contrib/views/hive/src/main/resources/ui/hive-web/app/templates/components/column-filter-widget.hbs
----------------------------------------------------------------------
diff --git a/contrib/views/hive/src/main/resources/ui/hive-web/app/templates/components/column-filter-widget.hbs b/contrib/views/hive/src/main/resources/ui/hive-web/app/templates/components/column-filter-widget.hbs
index 72c72c1..3435093 100644
--- a/contrib/views/hive/src/main/resources/ui/hive-web/app/templates/components/column-filter-widget.hbs
+++ b/contrib/views/hive/src/main/resources/ui/hive-web/app/templates/components/column-filter-widget.hbs
@@ -17,7 +17,7 @@
 }}
 
 {{#if column.dateRange}}
-    {{date-range-widget class="pull-left"
+    {{date-range-widget class="pull-left history-date-range"
                         rangeChanged="sendFilter"
                         dateRange=column.dateRange}}
 {{else}}

http://git-wip-us.apache.org/repos/asf/ambari/blob/3dcc2813/contrib/views/hive/src/main/resources/ui/hive-web/app/utils/functions.js
----------------------------------------------------------------------
diff --git a/contrib/views/hive/src/main/resources/ui/hive-web/app/utils/functions.js b/contrib/views/hive/src/main/resources/ui/hive-web/app/utils/functions.js
index 91e1a1c..32d81d3 100644
--- a/contrib/views/hive/src/main/resources/ui/hive-web/app/utils/functions.js
+++ b/contrib/views/hive/src/main/resources/ui/hive-web/app/utils/functions.js
@@ -40,13 +40,21 @@ export default Ember.Object.create({
 
   validationValues: {
     bool: [
-      Ember.Object.create({ value: 'true' }),
-      Ember.Object.create({ value: 'false' })
+      Ember.Object.create({
+        value: 'true'
+      }),
+      Ember.Object.create({
+        value: 'false'
+      })
     ],
 
     execEngine: [
-      Ember.Object.create({ value: 'tez' }),
-      Ember.Object.create({ value: 'mr' })
+      Ember.Object.create({
+        value: 'tez'
+      }),
+      Ember.Object.create({
+        value: 'mr'
+      })
     ]
   },
 
@@ -66,7 +74,7 @@ export default Ember.Object.create({
     return sourceString.toLowerCase().indexOf(destString.toLowerCase()) > -1;
   },
 
-  convertToArray : function (inputObj) {
+  convertToArray: function (inputObj) {
     var array = [];
 
     for (var key in inputObj) {
@@ -85,23 +93,47 @@ export default Ember.Object.create({
    *
    * @param integer secs Number of seconds to convert
    * @return object
-  */
-  secondsToHHMMSS: function (secs)
-   {
-    var hours = Math.floor(secs / (60 * 60));
-
-    var divisor_for_minutes = secs % (60 * 60);
-    var minutes = Math.floor(divisor_for_minutes / 60);
-
-    var divisor_for_seconds = divisor_for_minutes % 60;
-    var seconds = Math.ceil(divisor_for_seconds);
-
-    var obj = {
-      "h": hours,
-      "m": minutes,
-      "s": seconds
-    };
-    return  ((obj.h > 0) ? obj.h + ' hr ' : '') + ((obj.m > 0) ? obj.m + ' min ' : '') + ((obj.s >= 0) ? obj.m + ' sec ' : '');
+   */
+  secondsToHHMMSS: function (secs) {
+    var hours = 0,
+      minutes = 0,
+      seconds = secs,
+      divisor_for_minutes,
+      divisor_for_seconds,
+      formattedVal = [];
+
+    if (seconds < 60) {
+      formattedVal.push(Ember.I18n.t('labels.secsShort', {
+        seconds: seconds
+      }));
+    } else {
+      hours = Math.floor(seconds / (60 * 60));
+
+      divisor_for_minutes = seconds % (60 * 60);
+      minutes = Math.floor(divisor_for_minutes / 60);
+
+      divisor_for_seconds = divisor_for_minutes % 60;
+      seconds = Math.ceil(divisor_for_seconds);
+
+      if (hours > 0) {
+        formattedVal.push(Ember.I18n.t('labels.hrsShort', {
+          hours: hours
+        }));
+      }
+      if (minutes > 0) {
+        formattedVal.push(Ember.I18n.t('labels.minsShort', {
+          minutes: minutes
+        }));
+      }
+      if (seconds > 0) {
+        formattedVal.push(Ember.I18n.t('labels.secsShort', {
+          seconds: seconds
+        }));
+      }
+
+    }
+
+    return formattedVal.join(' ');
   }
 
 });

http://git-wip-us.apache.org/repos/asf/ambari/blob/3dcc2813/contrib/views/hive/src/main/resources/ui/hive-web/tests/unit/components/number-range-widget-test.js
----------------------------------------------------------------------
diff --git a/contrib/views/hive/src/main/resources/ui/hive-web/tests/unit/components/number-range-widget-test.js b/contrib/views/hive/src/main/resources/ui/hive-web/tests/unit/components/number-range-widget-test.js
index edc65b1..93aaf4d 100644
--- a/contrib/views/hive/src/main/resources/ui/hive-web/tests/unit/components/number-range-widget-test.js
+++ b/contrib/views/hive/src/main/resources/ui/hive-web/tests/unit/components/number-range-widget-test.js
@@ -40,6 +40,9 @@ test('Component is initialized correctly', function() {
   equal(component.get('numberRange.from'), numberRange.get('min'), 'from is set to min');
   equal(component.get('numberRange.to'), numberRange.get('max'), 'to is set to max');
 
+  equal(component.get('numberRange.fromDuration'), numberRange.get('min'), 'fromDuration is set to min');
+  equal(component.get('numberRange.toDuration'), numberRange.get('max'), 'toDuration is set to max');
+
 });
 
 test('external change action is called', function() {