AMBARI-2426. Set default widgets to show for the Dashboard. (Xi Wang via yusaku)

git-svn-id: https://svn.apache.org/repos/asf/incubator/ambari/trunk@1494397 13f79535-47bb-0310-9956-ffa450edef68

ambari-web/app/messages.js

@@ -997,6 +997,7 @@ Em.I18n.translations = {
   'dashboard.button.switch': 'Switch to classic dashboard',
   'dashboard.button.switchShort': 'Switch',
   'dashboard.button.reset': 'Reset all widgets to default ',
+  'dashboard.button.gangliaLink': 'View metrics in Ganglia',
 
   'dashboard.widgets.NameNodeHeap': 'NameNode Heap',
   'dashboard.widgets.NameNodeCpu': 'NameNode CPU WIO',

ambari-web/app/styles/application.less

@@ -1918,46 +1918,51 @@ table.graphs {
 #dashboard-widgets-container{
   h4{
     line-height: 30px;
+    margin-bottom: 0px;
+    margin-top: 0px;
   }
-  .filter-components{
-    right: 0;
-    left: auto;
-    li {
-      ul{
-        margin-left: 0px;
-      }
-      display: block;
-      padding: 3px 0 3px 5px;
-      line-height: 20px;
-
-      label.checkbox {
-        padding-left: 3px;
-      }
 
-      input[type="checkbox"] {
-        margin: 4px 4px 2px 2px;
-      }
-    }
-    &>li {
-      &>ul {
-        width: 180px;
-        margin-left: 0;
-      }
-    }
-  }
   .add-widget-button{
-    color: #000000;
-    margin-top: 5px;
+    margin-top: 0px;
     margin-left: -22px;
     width: 70px;
+    .add-button{
+      color: #666666;
+    }
+    .filter-components{
+      color: #333333;
+      right: 0;
+      left: auto;
+      li {
+        display: block;
+        padding: 3px 0 3px 5px;
+        line-height: 20px;
+        ul{
+          margin-left: 0px;
+        }
+        label.checkbox {
+          padding-left: 3px;
+        }
+        input[type="checkbox"] {
+          margin: 4px 4px 2px 2px;
+        }
+      }
+      &>li {
+        &>ul {
+          width: 180px;
+          margin-left: 0;
+        }
+      }
+    }
   }
   .more-options-button{
-    margin-top: 5px;
+    margin-top: 0px;
     margin-left: 0px;
     margin-right: 6px;
     padding: 1px;
     width: 70px;
     .icon-cog{
+      color: #666666;
       font-size: 18px;
       position: relative;
       left: 3px;

ambari-web/app/templates/main/dashboard.hbs

@@ -83,22 +83,28 @@
                 <a class="add-widget-button span1">{{view view.plusButtonFilterView}}</a>
                 <div class="btn-group">
                   <button class="btn dropdown-toggle span1 more-options-button"  data-toggle="dropdown">
-                      <i class="icon-cog"></i> &nbsp;
-                      <span class= "caret"></span>
+                    <i class="icon-cog"></i> &nbsp;
+                    <span class= "caret"></span>
                   </button>
                   <ul class="dropdown-menu right-align-dropdown">
                     <li>
-                      <a class="" {{action "resetAllWidgets" target="view"}}>
+                      <a {{action "resetAllWidgets" target="view"}}>
                         <i class="icon-refresh"></i>
                         {{t dashboard.button.reset}}
                       </a>
                     </li>
                     <li>
-                      <a class="" {{action "switchToClassic" target="view"}}>
+                      <a {{action "switchToClassic" target="view"}}>
                         <i class="icon-backward"></i>
                         {{t dashboard.button.switch}}
                       </a>
                     </li>
+                    <li>
+                      <a target="_blank" {{bindAttr href="view.gangliaUrl"}}>
+                        <i class="icon-share"></i>
+                        {{t dashboard.button.gangliaLink}}
+                      </a>
+                    </li>
                   </ul>
                 </div>
             </div>

ambari-web/app/templates/main/dashboard/plus_button_filter.hbs

@@ -16,7 +16,7 @@
 * limitations under the License.
 }}
 
-<button class="btn single-btn-group" {{action "clickFilterButton" target="view"}} >
+<button class="btn single-btn-group add-button" {{action "clickFilterButton" target="view"}} >
     <i class="icon-plus"></i> <span style="font-weight: bold">{{t common.add}}</span>
 </button>
 <ul class="dropdown-menu filter-components" >
@@ -42,6 +42,9 @@
       <li>{{t dashboard.widgets.nothing}}</li>
       </ul>
     </li>
-    <button class="btn" {{action "closeFilter" target="view"}}>{{t common.cancel}}</button>
+    <li>
+      <button class="btn" {{action "closeFilter" target="view"}}>{{t common.cancel}}</button>
+    </li>
+
   {{/if}}
 </ul>

ambari-web/app/views/main/dashboard.js

@@ -194,7 +194,11 @@ App.MainDashboardView = Em.View.extend({
       // called when first load/refresh/jump back page
       this.getUserPref(this.get('persistKey'));
       var currentPrefObject = this.get('currentPrefObject');
-      if (currentPrefObject) {
+      if (currentPrefObject) { // fit for no dashboard version
+        if (!currentPrefObject.dashboardVersion) {
+          currentPrefObject.dashboardVersion = 'new';
+          this.postUserPref(this.get('persistKey'), currentPrefObject);
+        }
         this.translateToReal(currentPrefObject);
       } else {
         // post persist then translate init object
@@ -237,10 +241,11 @@ App.MainDashboardView = Em.View.extend({
   initPrefObject: Em.Object.create({
     dashboardVersion: 'new',
     visible: [
-      '11', '12', '13', '14', //cluster-metrics
-      '1', '2', '3', '4', '5', '15', '17', //hdfs
-      '6', '7', '8', '9', '10', '18', '16',//map reduce
-      '20', '21', '19', '23' //hbase
+      '2', '4', '8', '10',
+      '17', '11', '12', '13', '14',
+      '18', '1', '6', '5', '9',
+      '3', '7', '15', '16', '20',
+      '19', '21', '23'
     ], // all in order
     hidden: [['22','Region In Transition']],
     threshold: {1: [80, 90], 2: [85, 95], 3: [90, 95], 4: [80, 90], 5: [1000, 3000], 6: [70, 90], 7: [90, 95], 8: [50, 75], 9: [30000, 120000],