From 898952479e8236ffce66376353d84d60f9e4145f Mon Sep 17 00:00:00 2001
From: bfederle <bfederle@gmail.com>
Date: Mon, 30 Apr 2012 10:32:43 -0700
Subject: [PATCH] CS-14461: Add more infrastructure page shortcuts

-Add additional shortcuts for:
  -Primary storage
  -Secondary storgage
  -Virtual routers
  -System VMs

-Replace host stats with the new shortcuts

-Add 'zone' dropdown to create form for the newly added-shortcuts'
 sections, to support creating these items without a zone context
---
 .../classes/resources/messages.properties     |    6 +-
 ui/css/cloudstack3.css                        |   21 +-
 ui/images/bg-gradients.png                    |  Bin 6326 -> 8322 bytes
 ui/index.jsp                                  |   83 +-
 ui/scripts/system.js                          | 1119 ++++++++++++++++-
 ui/scripts/ui-custom/physicalResources.js     |    2 +-
 6 files changed, 1167 insertions(+), 64 deletions(-)

diff --git a/client/WEB-INF/classes/resources/messages.properties b/client/WEB-INF/classes/resources/messages.properties
index a67240d6faf..a1e266eeefb 100644
--- a/client/WEB-INF/classes/resources/messages.properties
+++ b/client/WEB-INF/classes/resources/messages.properties
@@ -1,5 +1,9 @@
 #new labels (begin) **********************************************************************************************
-label.action.register.template=Register template
+label.virtual.routers=Virtual Routers
+label.primary.storage.count=Primary Storage Pools
+label.secondary.storage.count=Secondary Storage Pools
+label.number.of.system.vms=Number of System VMs
+label.number.of.virtual.routers=Number of Virtual Routers
 label.action.register.iso=Register ISO
 label.isolation.method=Isolation method
 #new labels (end) ************************************************************************************************
diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index 89c31e134ce..c5866eff531 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -3473,7 +3473,7 @@ Dialogs*/
   margin: 6px 9px 9px;
   padding: 9px;
   color: #FFFFFF;
-  /* Adjusting the font size for proper display */
+/*Adjusting the font size for proper display*/
   font-size: 10px;
   border-left: 1px solid #6A6A6A;
   border-right: 1px solid #6A6A6A;
@@ -5967,7 +5967,7 @@ label.error {
   width: 59px;
   height: 23px;
   padding: 2px 9px 0 12px;
-  background: url(../images/bg-gradients.png) 0px 53px;
+  background: url(../images/bg-gradients.png) 0px -1342px;
   border: 1px solid #C4C4C4;
   /*+border-radius:4px;*/
   -moz-border-radius: 4px;
@@ -7249,6 +7249,12 @@ div.panel.ui-dialog div.list-view div.fixed-header {
   font-weight: bold;
 }
 
+.system-dashboard.zone {
+  height: 609px;
+  background-position: 0px -1423px;
+  background-color: #FFFFFF;
+}
+
 .system-dashboard-view .toolbar {
   position: relative;
 }
@@ -7347,6 +7353,13 @@ div.panel.ui-dialog div.list-view div.fixed-header {
   float: left;
 }
 
+.system-dashboard.zone .status_box li {
+  margin-bottom: 120px;
+  height: 176px;
+  background-position: 0px -1005px;
+  background-color: #35404B;
+}
+
 .system-dashboard .status_box li span {
   color: #FFFFFF;
   /*+text-shadow:0px 1px 1px #000000;*/
@@ -7388,6 +7401,10 @@ div.panel.ui-dialog div.list-view div.fixed-header {
   text-shadow: 0px 1px 2px #000000;
 }
 
+.system-dashboard.zone .status_box li span.header {
+  font-size: 13px;
+}
+
 .system-dashboard .status_box li span.status {
   font-size: 27px;
   /*+placement:shift 13px 141px;*/
diff --git a/ui/images/bg-gradients.png b/ui/images/bg-gradients.png
index a3851a8781c31e0172878946e6959644effcfc6f..2ef74540bbf8aa6c7001afa9575456b65552db1f 100644
GIT binary patch
delta 5637
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

delta 3626
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

diff --git a/ui/index.jsp b/ui/index.jsp
index 8276ca04370..b05519ac75e 100644
--- a/ui/index.jsp
+++ b/ui/index.jsp
@@ -948,58 +948,70 @@
         </div>
 
         <!-- Zone dashboard -->
-        <div class="system-dashboard">
+        <div class="system-dashboard zone">
           <div class="head">
-            <span><fmt:message key="label.zones"/></span>
-            <div class="view-all zones" view-all-target="zones"><span><fmt:message key="label.view.all"/></span></div>
+            <span><fmt:message key="label.menu.infrastructure"/></span>
+            <div class="view-all zones"
+                 view-all-title="Zones"
+                 view-all-target="zones"><span><fmt:message key="label.view.all"/></span></div>
           </div>
           <ul class="status_box good">
             <li class="block">
-              <span class="header"><fmt:message key="label.number.of.zones"/></span>
+              <span class="header"><fmt:message key="label.zones"/></span>
               <span class="overview total" data-item="zoneCount"></span>
-              <span class="button view-all zones" view-all-target="zones"><fmt:message key="label.view.all"/></span>
+              <span class="button view-all zones"
+                    view-all-title="<fmt:message key="label.zones"/>"
+                    view-all-target="zones"><fmt:message key="label.view.all"/></span>
             </li>
             <li class="block">
-              <span class="header"><fmt:message key="label.number.of.pods"/></span>
+              <span class="header"><fmt:message key="label.pods"/></span>
               <span class="overview total" data-item="podCount"></span>
-              <span class="button view-all pods" view-all-target="pods"><fmt:message key="label.view.all"/></span>
+              <span class="button view-all pods"
+                    view-all-title="<fmt:message key="label.pods"/>"
+                    view-all-target="pods"><fmt:message key="label.view.all"/></span>
             </li>
             <li class="block">
-              <span class="header"><fmt:message key="label.number.of.clusters"/></span>
+              <span class="header"><fmt:message key="label.clusters"/></span>
               <span class="overview total" data-item="clusterCount"></span>
-              <span class="button view-all clusters" view-all-target="clusters"><fmt:message key="label.view.all"/></span>
+              <span class="button view-all clusters"
+                    view-all-title="<fmt:message key="label.clusters"/>"
+                    view-all-target="clusters"><fmt:message key="label.view.all"/></span>
             </li>
             <li class="block last">
-              <span class="header"><fmt:message key="label.number.of.hosts"/></span>
+              <span class="header"><fmt:message key="label.hosts"/></span>
               <span class="overview total" data-item="hostCount"></span>
-              <span class="button view-all hosts" view-all-target="hosts"><fmt:message key="label.view.all"/></span>
+              <span class="button view-all hosts"
+                    view-all-title="<fmt:message key="label.hosts"/>"
+                    view-all-target="hosts"><fmt:message key="label.view.all"/></span>
             </li>
-          </ul>
-        </div>
-
-        <!-- Host dashboard -->
-        <div class="system-dashboard">
-          <div class="head">
-            <span><fmt:message key="label.hosts"/></span>
-            <div class="view-more" view-all-target="hosts"><span><fmt:message key="label.view.all"/></span></div>
-          </div>
-          <ul class="status_box good">
             <li class="block">
-              <span class="header"><fmt:message key="label.total.hosts"/></span>
-              <span class="overview total" data-item="hostCount"></span>
+              <span class="header"><fmt:message key="label.primary.storage"/></span>
+              <span class="overview total" data-item="primaryStorageCount"></span>
+              <span class="button view-all zones"
+                    view-all-title="<fmt:message key="label.primary.storage"/>"
+                    view-all-target="primaryStorage"><fmt:message key="label.view.all"/></span>
             </li>
-            <li class="block capacity">
-              <span class="header"><fmt:message key="label.total.CPU"/></span>
-              <span class="overview total" data-item="cpuCapacityTotal"></span>
+            <li class="block">
+              <span class="header"><fmt:message key="label.secondary.storage"/></span>
+              <span class="overview total" data-item="secondaryStorageCount"></span>
+              <span class="button view-all pods"
+                    view-all-title="<fmt:message key="label.secondary.storage"/>"
+                    view-all-target="secondaryStorage"><fmt:message key="label.view.all"/></span>
             </li>
-            <li class="block capacity">
-              <span class="header"><fmt:message key="label.total.memory"/></span>
-              <span class="overview total" data-item="memCapacityTotal"></span>
-            </li>
-            <li class="block last capacity">
-              <span class="header"><fmt:message key="label.total.storage"/></span>
-              <span class="overview total" data-item="storageCapacityTotal"></span>
+            <li class="block">
+              <span class="header"><fmt:message key="label.system.vms"/></span>
+              <span class="overview total" data-item="systemVmCount"></span>
+              <span class="button view-all clusters"
+                    view-all-title="<fmt:message key="label.system.vms"/>"
+                    view-all-target="systemVms"><fmt:message key="label.view.all"/></span>
             </li>
+            <li class="block last">
+              <span class="header"><fmt:message key="label.virtual.routers"/></span>
+              <span class="overview total" data-item="virtualRouterCount"></span>
+              <span class="button view-all hosts"
+                    view-all-title="<fmt:message key="label.virtual.routers"/>"
+                    view-all-target="virtualRouters"><fmt:message key="label.view.all"/></span>
+            </li> 
           </ul>
         </div>
       </div>
@@ -1659,6 +1671,11 @@
 
 <script language="javascript">
 dictionary = {
+'label.virtual.routers': '<fmt:message key="label.virtual.routers"/>',
+'label.primary.storage.count': '<fmt:message key="label.primary.storage.count"/>',
+'label.secondary.storage.count': '<fmt:message key="label.secondary.storage.count"/>',
+'label.number.of.system.vms': '<fmt:message key="label.number.of.system.vms"/>',
+'label.number.of.virtual.routers': '<fmt:message key="label.number.of.virtual.routers"/>',
 'label.max.networks': '<fmt:message key="label.max.networks"/>',
 'label.latest.events': '<fmt:message key="label.latest.events"/>',
 'state.Enabled': '<fmt:message key="state.Enabled"/>',
diff --git a/ui/scripts/system.js b/ui/scripts/system.js
index f3b54ff0bca..f355059daa4 100644
--- a/ui/scripts/system.js
+++ b/ui/scripts/system.js
@@ -202,7 +202,7 @@
                 type: 'routing'
               },
               success: function(json) {
-                dataFns.capacity($.extend(data, {
+                dataFns.primaryStorageCount($.extend(data, {
                   hostCount: json.listhostsresponse.count ?
                     json.listhostsresponse.count : 0
                 }));
@@ -210,6 +210,60 @@
             });
           },
 
+          primaryStorageCount: function(data) {
+            $.ajax({
+              url: createURL('listStoragePools'),
+              success: function(json) {
+                dataFns.secondaryStorageCount($.extend(data, {
+                  primaryStorageCount: json.liststoragepoolsresponse.count ?
+                    json.liststoragepoolsresponse.count : 0
+                }));
+              }
+            });
+          },
+
+          secondaryStorageCount: function(data) {
+            $.ajax({
+              url: createURL('listHosts'),
+              data: {
+                type: 'SecondaryStorage'
+              },
+              success: function(json) {
+                dataFns.systemVmCount($.extend(data, {
+                  secondaryStorageCount: json.listhostsresponse.count ?
+                    json.listhostsresponse.count : 0
+                }));
+              }
+            });
+          },
+
+          systemVmCount: function(data) {
+            $.ajax({
+              url: createURL('listSystemVms'),
+              success: function(json) {
+                dataFns.virtualRouterCount($.extend(data, {
+                  systemVmCount: json.listsystemvmsresponse.count ?
+                    json.listsystemvmsresponse.count : 0
+                }));
+              }
+            });
+          },
+
+          virtualRouterCount: function(data) {
+            $.ajax({
+              url: createURL('listRouters'),
+              data: {
+                listAll: true
+              },
+              success: function(json) {
+                dataFns.capacity($.extend(data, {
+                  virtualRouterCount: json.listroutersresponse.count ?
+                    json.listroutersresponse.count : 0
+                }));
+              }
+            });
+          },
+
           capacity: function(data) {
             if (data.zoneCount) {
               $.ajax({
@@ -880,7 +934,7 @@
                       action: function(args) {
                         var array1 = [];
                         array1.push("&podid=" + args.data.podid);
-												array1.push("&networkid=" + selectedGuestNetworkObj.id)
+												array1.push("&networkid=" + selectedGuestNetworkObj.id);
                         array1.push("&gateway=" + args.data.gateway);
                         array1.push("&netmask=" + args.data.netmask);
                         array1.push("&startip=" + args.data.startip);
@@ -1836,7 +1890,7 @@
                     state: { label: 'label.state' },
                     physicalnetworkid: { label: 'label.physical.network.ID' },
                     destinationphysicalnetworkid: { label: 'label.destination.physical.network.id' },
-										supportedServices: { label: 'label.supported.services' },
+										supportedServices: { label: 'label.supported.services' }
                   }
                 ],
                 dataProvider: function(args) { 					 
@@ -3854,18 +3908,18 @@
                                 activeviewersessions: { label: 'label.active.sessions' }
                               }
                             ],
-                            dataProvider: function(args) {	
-															$.ajax({
-																url: createURL("listSystemVms&id=" + args.context.systemVMs[0].id),
-																dataType: "json",
-																async: true,
-																success: function(json) {																  															
-																	args.response.success({
-																		actionFilter: systemvmActionfilter,
-																		data: json.listsystemvmsresponse.systemvm[0]
-																	});
-																}
-															});															
+                            dataProvider: function(args) {
+                              $.ajax({
+                                url: createURL("listSystemVms&id=" + args.context.systemVMs[0].id),
+                                dataType: "json",
+                                async: true,
+                                success: function(json) {
+                                  args.response.success({
+                                    actionFilter: systemvmActionfilter,
+                                    data: json.listsystemvmsresponse.systemvm[0]
+                                  });
+                                }
+                              });
                             }
                           }
                         }
@@ -3878,9 +3932,12 @@
             pods: function() {
               var listView = $.extend(true, {}, cloudStack.sections.system.subsections.pods.listView, {
                 dataProvider: function (args) {
+                  var searchByArgs = args.filterBy.search.value.length ?
+                    '&name=' + args.filterBy.search.value : '';
+
                   $.ajax({
-                    url: createURL('listPods'),
-                    data: { listAll: true },
+                    url: createURL('listPods' + searchByArgs),
+                    data: { page: args.page, pageSize: pageSize, listAll: true },
                     success: function (json) {
                       args.response.success({ data: json.listpodsresponse.pod });
                     },
@@ -3917,9 +3974,12 @@
             clusters: function() {
               var listView = $.extend(true, {}, cloudStack.sections.system.subsections.clusters.listView, {
                 dataProvider: function (args) {
+                  var searchByArgs = args.filterBy.search.value.length ?
+                    '&name=' + args.filterBy.search.value : '';
+
                   $.ajax({
-                    url: createURL('listClusters'),
-                    data: { listAll: true },
+                    url: createURL('listClusters' + searchByArgs),
+                    data: { page: args.page, pageSize: pageSize, listAll: true },
                     success: function (json) {
                       args.response.success({ data: json.listclustersresponse.cluster });
                     },
@@ -3956,9 +4016,12 @@
             hosts: function() {
               var listView = $.extend(true, {}, cloudStack.sections.system.subsections.hosts.listView, {
                 dataProvider: function (args) {
+                  var searchByArgs = args.filterBy.search.value.length ?
+                    '&name=' + args.filterBy.search.value : '';
+
                   $.ajax({
-                    url: createURL('listHosts'),
-                    data: { type: 'routing', listAll: true },
+                    url: createURL('listHosts' + searchByArgs),
+                    data: { page: args.page, pageSize: pageSize, type: 'routing', listAll: true },
                     success: function (json) {
                       args.response.success({ data: json.listhostsresponse.host });
                     },
@@ -3990,6 +4053,174 @@
                 }
               });
 
+              return listView;
+            },
+            primaryStorage: function() {
+              var listView = $.extend(true, {}, cloudStack.sections.system.subsections['primary-storage'].listView, {
+                dataProvider: function (args) {
+                  var searchByArgs = args.filterBy.search.value.length ?
+                    '&name=' + args.filterBy.search.value : '';
+
+                  $.ajax({
+                    url: createURL('listStoragePools' + searchByArgs),
+                    data: { page: args.page, pageSize: pageSize, listAll: true },
+                    success: function (json) {
+                      args.response.success({ data: json.liststoragepoolsresponse.storagepool });
+                    },
+                    error: function (json) {
+                      args.response.error(parseXMLHttpResponse(json));
+                    }
+                  });
+                },
+
+                detailView: {
+                  updateContext: function (args) {
+                    var zone;
+
+                    $.ajax({
+                      url: createURL('listZones'),
+                      data: { id: args.context.primarystorages[0].zoneid },
+                      async: false,
+                      success: function (json) {
+                        zone = json.listzonesresponse.zone[0];
+                      }
+                    });
+
+                    selectedZoneObj = zone;
+
+                    return {
+                      zones: [zone]
+                    };
+                  }
+                }
+              });
+
+              return listView;
+            },
+            secondaryStorage: function() {
+              var listView = $.extend(true, {}, cloudStack.sections.system.subsections['secondary-storage'].listView, {
+                dataProvider: function (args) {
+                  var searchByArgs = args.filterBy.search.value.length ?
+                    '&name=' + args.filterBy.search.value : '';
+
+                  $.ajax({
+                    url: createURL('listHosts' + searchByArgs),
+                    data: { type: 'SecondaryStorage', page: args.page, pageSize: pageSize, listAll: true },
+                    success: function (json) {
+                      args.response.success({ data: json.listhostsresponse.host });
+                    },
+                    error: function (json) {
+                      args.response.error(parseXMLHttpResponse(json));
+                    }
+                  });
+                },
+
+                detailView: {
+                  updateContext: function (args) {
+                    var zone;
+
+                    $.ajax({
+                      url: createURL('listZones'),
+                      data: { id: args.context.secondarystorages[0].zoneid },
+                      async: false,
+                      success: function (json) {
+                        zone = json.listzonesresponse.zone[0];
+                      }
+                    });
+
+                    selectedZoneObj = zone;
+
+                    return {
+                      zones: [zone]
+                    };
+                  }
+                }
+              });
+
+              return listView;
+            },
+            systemVms: function() {
+              var listView = $.extend(true, {}, cloudStack.sections.system.subsections.systemVms.listView, {
+                dataProvider: function (args) {
+                  var searchByArgs = args.filterBy.search.value.length ?
+                    '&name=' + args.filterBy.search.value : '';
+
+                  $.ajax({
+                    url: createURL('listSystemVms' + searchByArgs),
+                    data: { page: args.page, pageSize: pageSize, listAll: true },
+                    success: function (json) {
+                      args.response.success({ data: json.listsystemvmsresponse.systemvm });
+                    },
+                    error: function (json) {
+                      args.response.error(parseXMLHttpResponse(json));
+                    }
+                  });
+                },
+
+                detailView: {
+                  updateContext: function (args) {
+                    var zone;
+
+                    $.ajax({
+                      url: createURL('listZones'),
+                      data: { id: args.context.systemVMs[0].zoneid },
+                      async: false,
+                      success: function (json) {
+                        zone = json.listzonesresponse.zone[0];
+                      }
+                    });
+
+                    selectedZoneObj = zone;
+
+                    return {
+                      zones: [zone]
+                    };
+                  }
+                }
+              });
+
+              return listView;
+            },
+            virtualRouters: function() {
+              var listView = $.extend(true, {}, cloudStack.sections.system.subsections.virtualRouters.listView, {
+                dataProvider: function (args) {
+                  var searchByArgs = args.filterBy.search.value.length ?
+                    '&name=' + args.filterBy.search.value : '';
+
+                  $.ajax({
+                    url: createURL('listRouters' + searchByArgs),
+                    data: { page: args.page, pageSize: pageSize, listAll: true },
+                    success: function (json) {
+                      args.response.success({ data: json.listroutersresponse.router });
+                    },
+                    error: function (json) {
+                      args.response.error(parseXMLHttpResponse(json));
+                    }
+                  });
+                },
+
+                detailView: {
+                  updateContext: function (args) {
+                    var zone;
+
+                    $.ajax({
+                      url: createURL('listZones'),
+                      data: { id: args.context.routers[0].zoneid },
+                      async: false,
+                      success: function (json) {
+                        zone = json.listzonesresponse.zone[0];
+                      }
+                    });
+
+                    selectedZoneObj = zone;
+
+                    return {
+                      zones: [zone]
+                    };
+                  }
+                }
+              });
+
               return listView;
             }
           }
@@ -3997,7 +4228,791 @@
       }
     }),
     subsections: {
-      // netscaler devices listView
+      virtualRouters: {
+        listView: {
+          label: 'label.virtual.appliances',
+          id: 'routers',
+          fields: {
+            name: { label: 'label.name' },
+            zonename: { label: 'label.zone' },
+            state: {
+              converter: function(str) {
+                // For localization
+                return str;
+              },
+              label: 'label.status',
+              indicator: {
+                'Running': 'on',
+                'Stopped': 'off',
+                'Error': 'off'
+              }
+            }
+          },
+          dataProvider: function(args) {
+            var array1 = [];
+            if(args.filterBy != null) {
+              if(args.filterBy.search != null && args.filterBy.search.by != null && args.filterBy.search.value != null) {
+                switch(args.filterBy.search.by) {
+                  case "name":
+                    if(args.filterBy.search.value.length > 0)
+                      array1.push("&keyword=" + args.filterBy.search.value);
+                    break;
+                }
+              }
+            }
+
+            $.ajax({
+              url: createURL("listRouters&zoneid=" + selectedZoneObj.id + "&listAll=true&page=" + args.page + "&pagesize=" + pageSize + array1.join("")),
+              dataType: 'json',
+              async: true,
+              success: function(json) {
+                var items = json.listroutersresponse.router;
+                args.response.success({
+                  actionFilter: routerActionfilter,
+                  data: items
+                });
+              }
+            });
+
+            // Get project routers
+            $.ajax({
+              url: createURL("listRouters&zoneid=" + selectedZoneObj.id + "&listAll=true&page=" + args.page + "&pagesize=" + pageSize + array1.join("") + "&projectid=-1"),
+              dataType: 'json',
+              async: true,
+              success: function(json) {
+                var items = json.listroutersresponse.router;
+                args.response.success({
+                  actionFilter: routerActionfilter,
+                  data: items
+                });
+              }
+            });
+          },
+          detailView: {
+            name: 'Virtual applicance details',
+            actions: {
+              start: {
+                label: 'label.action.start.router',
+                messages: {
+                  confirm: function(args) {
+                    return 'message.action.start.router';
+                  },
+                  notification: function(args) {
+                    return 'label.action.start.router';
+                  }
+                },
+                action: function(args) {
+                  $.ajax({
+                    url: createURL('startRouter&id=' + args.context.routers[0].id),
+                    dataType: 'json',
+                    async: true,
+                    success: function(json) {
+                      var jid = json.startrouterresponse.jobid;
+                      args.response.success({
+                        _custom: {
+                          jobId: jid,
+                          getUpdatedItem: function(json) {
+                            return json.queryasyncjobresultresponse.jobresult.domainrouter;
+                          },
+                          getActionFilter: function() {
+                            return routerActionfilter;
+                          }
+                        }
+                      });
+                    }
+                  });
+                },
+                notification: {
+                  poll: pollAsyncJobResult
+                }
+              },
+
+              stop: {
+                label: 'label.action.stop.router',
+                createForm: {
+                  title: 'label.action.stop.router',
+                  desc: 'message.action.stop.router',
+                  fields: {
+                    forced: {
+                      label: 'force.stop',
+                      isBoolean: true,
+                      isChecked: false
+                    }
+                  }
+                },
+                messages: {
+                  notification: function(args) {
+                    return 'label.action.stop.router';
+                  }
+                },
+                action: function(args) {
+                  var array1 = [];
+                  array1.push("&forced=" + (args.data.forced == "on"));
+                  $.ajax({
+                    url: createURL('stopRouter&id=' + args.context.routers[0].id + array1.join("")),
+                    dataType: 'json',
+                    async: true,
+                    success: function(json) {
+                      var jid = json.stoprouterresponse.jobid;
+                      args.response.success({
+                        _custom: {
+                          jobId: jid,
+                          getUpdatedItem: function(json) {
+                            return json.queryasyncjobresultresponse.jobresult.domainrouter;
+                          },
+                          getActionFilter: function() {
+                            return routerActionfilter;
+                          }
+                        }
+                      });
+                    }
+                  });
+                },
+                notification: {
+                  poll: pollAsyncJobResult
+                }
+              },
+
+              'remove': {
+                label: 'label.destroy.router',
+                messages: {
+                  confirm: function(args) {
+                    return 'message.confirm.destroy.router';
+                  },
+                  notification: function(args) {
+                    return 'label.destroy.router';
+                  }
+                },
+                action: function(args) {
+                  $.ajax({
+                    url: createURL("destroyRouter&id=" + args.context.routers[0].id),
+                    dataType: "json",
+                    async: true,
+                    success: function(json) {
+                      var jid = json.destroyrouterresponse.jobid;
+                      args.response.success({
+                        _custom: {
+                          jobId: jid
+                        }
+                      });
+                    }
+                  });
+                },
+                notification: {
+                  poll: pollAsyncJobResult
+                }
+              },
+
+              /*
+               changeService: {
+               label: 'label.change.service.offering',
+               createForm: {
+               title: 'label.change.service.offering',
+               desc: '',
+               fields: {
+               serviceOfferingId: {
+               label: 'label.compute.offering',
+               select: function(args) {
+               $.ajax({
+               url: createURL("listServiceOfferings&issystem=true&systemvmtype=domainrouter"),
+               dataType: "json",
+               async: true,
+               success: function(json) {
+               var serviceofferings = json.listserviceofferingsresponse.serviceoffering;
+               var items = [];
+               $(serviceofferings).each(function() {
+               if(this.id != args.context.routers[0].serviceofferingid) {
+               items.push({id: this.id, description: this.displaytext});
+               }
+               });
+               args.response.success({data: items});
+               }
+               });
+               }
+               }
+               }
+               },
+               messages: {
+               notification: function(args) {
+               return 'label.change.service.offering';
+               }
+               },
+               action: function(args) {
+               $.ajax({
+               url: createURL("changeServiceForRouter&id=" + args.context.routers[0].id + "&serviceofferingid=" + args.data.serviceOfferingId),
+               dataType: "json",
+               async: true,
+               success: function(json) {
+               var jsonObj = json.changeserviceforrouterresponse.domainrouter;
+               args.response.success({data: jsonObj});
+               },
+               error: function(XMLHttpResponse) {
+               var errorMsg = parseXMLHttpResponse(XMLHttpResponse);
+               args.response.error(errorMsg);
+               }
+               });
+               },
+               notification: {
+               poll: function(args) {
+               args.complete();
+               }
+               }
+               },
+               */
+
+              migrate: {
+                label: 'label.action.migrate.router',
+                createForm: {
+                  title: 'label.action.migrate.router',
+                  desc: '',
+                  fields: {
+                    hostId: {
+                      label: 'label.host',
+                      validation: { required: true },
+                      select: function(args) {
+                        $.ajax({
+                          url: createURL("listHosts&VirtualMachineId=" + args.context.routers[0].id),
+                          //url: createURL("listHosts"),	//for testing only, comment it out before checking in.
+                          dataType: "json",
+                          async: true,
+                          success: function(json) {
+                            var hostObjs = json.listhostsresponse.host;
+                            var items = [];
+                            $(hostObjs).each(function() {
+                              items.push({id: this.id, description: (this.name + ": " +(this.hasEnoughCapacity? "Available" : "Full"))});
+                            });
+                            args.response.success({data: items});
+                          }
+                        });
+                      },
+                      error: function(XMLHttpResponse) {
+                        var errorMsg = parseXMLHttpResponse(XMLHttpResponse);
+                        args.response.error(errorMsg);
+                      }
+                    }
+                  }
+                },
+                messages: {
+                  notification: function(args) {
+                    return 'label.action.migrate.router';
+                  }
+                },
+                action: function(args) {
+                  $.ajax({
+                    url: createURL("migrateSystemVm&hostid=" + args.data.hostId + "&virtualmachineid=" + args.context.routers[0].id),
+                    dataType: "json",
+                    async: true,
+                    success: function(json) {
+                      var jid = json.migratesystemvmresponse.jobid;
+                      args.response.success({
+                        _custom: {
+                          jobId: jid,
+                          getUpdatedItem: function(json) {
+                            //return json.queryasyncjobresultresponse.jobresult.systemvminstance;    //not all properties returned in systemvminstance
+                            $.ajax({
+                              url: createURL("listRouters&id=" + json.queryasyncjobresultresponse.jobresult.systemvminstance.id),
+                              dataType: "json",
+                              async: false,
+                              success: function(json) {
+                                var items = json.listroutersresponse.router;
+                                if(items != null && items.length > 0) {
+                                  return items[0];
+                                }
+                              }
+                            });
+                          },
+                          getActionFilter: function() {
+                            return routerActionfilter;
+                          }
+                        }
+                      });
+                    }
+                  });
+                },
+                notification: {
+                  poll: pollAsyncJobResult
+                }
+              },
+
+              viewConsole: {
+                label: 'label.view.console',
+                action: {
+                  externalLink: {
+                    url: function(args) {
+                      return clientConsoleUrl + '?cmd=access&vm=' + args.context.routers[0].id;
+                    },
+                    title: function(args) {
+                      return args.context.routers[0].id.substr(0,8);  //title in window.open() can't have space nor longer than 8 characters. Otherwise, IE browser will have error.
+                    },
+                    width: 820,
+                    height: 640
+                  }
+                }
+              }
+            },
+            tabs: {
+              details: {
+                title: 'label.details',
+                preFilter: function(args) {
+                  var hiddenFields = [];
+                  if (!args.context.routers[0].project) {
+                    hiddenFields.push('project');
+                    hiddenFields.push('projectid');
+                  }
+                  if(selectedZoneObj.networktype == 'Basic') {
+                    hiddenFields.push('publicip'); //In Basic zone, guest IP is public IP. So, publicip is not returned by listRouters API. Only guestipaddress is returned by listRouters API.
+                  }
+                  return hiddenFields;
+                },
+                fields: [
+                  {
+                    name: { label: 'label.name' },
+                    project: { label: 'label.project' }
+                  },
+                  {
+                    id: { label: 'label.id' },
+                    projectid: { label: 'label.project.id' },
+                    state: { label: 'label.state' },
+                    publicip: { label: 'label.public.ip' },
+                    guestipaddress: { label: 'label.guest.ip' },
+                    linklocalip: { label: 'label.linklocal.ip' },
+                    hostname: { label: 'label.host' },
+                    serviceofferingname: { label: 'label.compute.offering' },
+                    networkdomain: { label: 'label.network.domain' },
+                    domain: { label: 'label.domain' },
+                    account: { label: 'label.account' },
+                    created: { label: 'label.created', converter: cloudStack.converters.toLocalDate },
+                    isredundantrouter: {
+                      label: 'label.redundant.router',
+                      converter: cloudStack.converters.toBooleanText
+                    },
+                    redundantRouterState: { label: 'label.redundant.state' }
+                  }
+                ],
+                dataProvider: function(args) {
+                  $.ajax({
+                    url: createURL("listRouters&id=" + args.context.routers[0].id),
+                    dataType: 'json',
+                    async: true,
+                    success: function(json) {
+                      var jsonObj = json.listroutersresponse.router[0];
+                      addExtraPropertiesToRouterInstanceObject(jsonObj);
+                      args.response.success({
+                        actionFilter: routerActionfilter,
+                        data: jsonObj
+                      });
+                    }
+                  });
+                }
+              }
+            }
+          }
+        }
+      },
+      systemVms: {
+        listView: {
+          label: 'label.system.vms',
+          id: 'systemVMs',
+          fields: {
+            name: { label: 'label.name' },
+            systemvmtype: {
+              label: 'label.type',
+              converter: function(args) {
+                if(args == "consoleproxy")
+                  return "Console Proxy VM";
+                else if(args == "secondarystoragevm")
+                  return "Secondary Storage VM";
+                else
+                  return args;
+              }
+            },
+            zonename: { label: 'label.zone' },
+            state: {
+              label: 'label.status',
+              converter: function(str) {
+                // For localization
+                return str;
+              },
+              indicator: {
+                'Running': 'on',
+                'Stopped': 'off',
+                'Error': 'off',
+                'Destroyed': 'off'
+              }
+            }
+          },
+          dataProvider: function(args) {
+            var array1 = [];
+            if(args.filterBy != null) {
+              if(args.filterBy.search != null && args.filterBy.search.by != null && args.filterBy.search.value != null) {
+                switch(args.filterBy.search.by) {
+                  case "name":
+                    if(args.filterBy.search.value.length > 0)
+                      array1.push("&keyword=" + args.filterBy.search.value);
+                    break;
+                }
+              }
+            }
+
+            var selectedZoneObj = args.context.physicalResources[0];
+            $.ajax({
+              url: createURL("listSystemVms&zoneid=" + selectedZoneObj.id + "&page=" + args.page + "&pagesize=" + pageSize + array1.join("")),
+              dataType: "json",
+              async: true,
+              success: function(json) {
+                var items = json.listsystemvmsresponse.systemvm;
+                args.response.success({
+                  actionFilter: systemvmActionfilter,
+                  data: items
+                });
+              }
+            });
+          },
+
+          detailView: {
+            name: 'System VM details',
+            actions: {
+              start: {
+                label: 'label.action.start.systemvm',
+                messages: {
+                  confirm: function(args) {
+                    return 'message.action.start.systemvm';
+                  },
+                  notification: function(args) {
+                    return 'label.action.start.systemvm';
+                  }
+                },
+                action: function(args) {
+                  $.ajax({
+                    url: createURL('startSystemVm&id=' + args.context.systemVMs[0].id),
+                    dataType: 'json',
+                    async: true,
+                    success: function(json) {
+                      var jid = json.startsystemvmresponse.jobid;
+                      args.response.success({
+                        _custom: {
+                          jobId: jid,
+                          getUpdatedItem: function(json) {
+                            return json.queryasyncjobresultresponse.jobresult.systemvm;
+                          },
+                          getActionFilter: function() {
+                            return systemvmActionfilter;
+                          }
+                        }
+                      });
+                    }
+                  });
+                },
+                notification: {
+                  poll: pollAsyncJobResult
+                }
+              },
+
+              stop: {
+                label: 'label.action.stop.systemvm',
+                messages: {
+                  confirm: function(args) {
+                    return 'message.action.stop.systemvm';
+                  },
+                  notification: function(args) {
+                    return 'label.action.stop.systemvm';
+                  }
+                },
+                action: function(args) {
+                  $.ajax({
+                    url: createURL('stopSystemVm&id=' + args.context.systemVMs[0].id),
+                    dataType: 'json',
+                    async: true,
+                    success: function(json) {
+                      var jid = json.stopsystemvmresponse.jobid;
+                      args.response.success({
+                        _custom: {
+                          jobId: jid,
+                          getUpdatedItem: function(json) {
+                            return json.queryasyncjobresultresponse.jobresult.systemvm;
+                          },
+                          getActionFilter: function() {
+                            return systemvmActionfilter;
+                          }
+                        }
+                      });
+                    }
+                  });
+                },
+                notification: {
+                  poll: pollAsyncJobResult
+                }
+              },
+
+              restart: {
+                label: 'label.action.reboot.systemvm',
+                messages: {
+                  confirm: function(args) {
+                    return 'message.action.reboot.systemvm';
+                  },
+                  notification: function(args) {
+                    return 'label.action.reboot.systemvm';
+                  }
+                },
+                action: function(args) {
+                  $.ajax({
+                    url: createURL('rebootSystemVm&id=' + args.context.systemVMs[0].id),
+                    dataType: 'json',
+                    async: true,
+                    success: function(json) {
+                      var jid = json.rebootsystemvmresponse.jobid;
+                      args.response.success({
+                        _custom: {
+                          jobId: jid,
+                          getUpdatedItem: function(json) {
+                            return json.queryasyncjobresultresponse.jobresult.systemvm;
+                          },
+                          getActionFilter: function() {
+                            return systemvmActionfilter;
+                          }
+                        }
+                      });
+                    }
+                  });
+                },
+                notification: {
+                  poll: pollAsyncJobResult
+                }
+              },
+
+              changeService: {
+                label: 'label.change.service.offering',
+                createForm: {
+                  title: 'label.change.service.offering',
+                  desc: '',
+                  fields: {
+                    serviceOfferingId: {
+                      label: 'label.compute.offering',
+                      select: function(args) {
+                        var apiCmd = "listServiceOfferings&issystem=true";
+                        if(args.context.systemVMs[0].systemvmtype == "secondarystoragevm")
+                          apiCmd += "&systemvmtype=secondarystoragevm";
+                        else if(args.context.systemVMs[0].systemvmtype == "consoleproxy")
+                          apiCmd += "&systemvmtype=consoleproxy";
+                        $.ajax({
+                          url: createURL(apiCmd),
+                          dataType: "json",
+                          async: true,
+                          success: function(json) {
+                            var serviceofferings = json.listserviceofferingsresponse.serviceoffering;
+                            var items = [];
+                            $(serviceofferings).each(function() {
+                              if(this.id != args.context.systemVMs[0].serviceofferingid) {
+                                items.push({id: this.id, description: this.displaytext});
+                              }
+                            });
+                            args.response.success({data: items});
+                          }
+                        });
+                      }
+                    }
+                  }
+                },
+                messages: {
+                  notification: function(args) {
+                    return 'label.change.service.offering';
+                  }
+                },
+                action: function(args) {
+                  $.ajax({
+                    url: createURL("changeServiceForSystemVm&id=" + args.context.systemVMs[0].id + "&serviceofferingid=" + args.data.serviceOfferingId),
+                    dataType: "json",
+                    async: true,
+                    success: function(json) {
+                      var jsonObj = json.changeserviceforsystemvmresponse.systemvm;
+                      args.response.success({data: jsonObj});
+                    },
+                    error: function(XMLHttpResponse) {
+                      var errorMsg = parseXMLHttpResponse(XMLHttpResponse);
+                      args.response.error(errorMsg);
+                    }
+                  });
+                },
+                notification: {
+                  poll: function(args) {
+                    args.complete();
+                  }
+                }
+              },
+
+              remove: {
+                label: 'label.action.destroy.systemvm',
+                messages: {
+                  confirm: function(args) {
+                    return 'message.action.destroy.systemvm';
+                  },
+                  notification: function(args) {
+                    return 'label.action.destroy.systemvm';
+                  }
+                },
+                action: function(args) {
+                  $.ajax({
+                    url: createURL('destroySystemVm&id=' + args.context.systemVMs[0].id),
+                    dataType: 'json',
+                    async: true,
+                    success: function(json) {
+                      var jid = json.destroysystemvmresponse.jobid;
+                      args.response.success({
+                        _custom: {
+                          getUpdatedItem: function() {
+                            return { state: 'Destroyed' };
+                          },
+                          jobId: jid
+                        }
+                      });
+                    }
+                  });
+                },
+                notification: {
+                  poll: pollAsyncJobResult
+                }
+              },
+
+              migrate: {
+                label: 'label.action.migrate.systemvm',
+                messages: {
+                  notification: function(args) {
+                    return 'label.action.migrate.systemvm';
+                  }
+                },
+                createForm: {
+                  title: 'label.action.migrate.systemvm',
+                  desc: '',
+                  fields: {
+                    hostId: {
+                      label: 'label.host',
+                      validation: { required: true },
+                      select: function(args) {
+                        $.ajax({
+                          url: createURL("listHosts&VirtualMachineId=" + args.context.systemVMs[0].id),
+                          //url: createURL("listHosts"),	//for testing only, comment it out before checking in.
+                          dataType: "json",
+                          async: true,
+                          success: function(json) {
+                            var hostObjs = json.listhostsresponse.host;
+                            var items = [];
+                            $(hostObjs).each(function() {
+                              items.push({id: this.id, description: (this.name + ": " +(this.hasEnoughCapacity? "Available" : "Full"))});
+                            });
+                            args.response.success({data: items});
+                          }
+                        });
+                      },
+                      error: function(XMLHttpResponse) {
+                        var errorMsg = parseXMLHttpResponse(XMLHttpResponse);
+                        args.response.error(errorMsg);
+                      }
+                    }
+                  }
+                },
+                action: function(args) {
+                  $.ajax({
+                    url: createURL("migrateSystemVm&hostid=" + args.data.hostId + "&virtualmachineid=" + args.context.systemVMs[0].id),
+                    dataType: "json",
+                    async: true,
+                    success: function(json) {
+                      var jid = json.migratesystemvmresponse.jobid;
+                      args.response.success({
+                        _custom: {
+                          jobId: jid,
+                          getUpdatedItem: function(json) {
+                            //return json.queryasyncjobresultresponse.jobresult.systemvminstance;    //not all properties returned in systemvminstance
+                            $.ajax({
+                              url: createURL("listSystemVms&id=" + json.queryasyncjobresultresponse.jobresult.systemvminstance.id),
+                              dataType: "json",
+                              async: false,
+                              success: function(json) {
+                                var items = json.listsystemvmsresponse.systemvm;
+                                if(items != null && items.length > 0) {
+                                  return items[0];
+                                }
+                              }
+                            });
+                          },
+                          getActionFilter: function() {
+                            return systemvmActionfilter;
+                          }
+                        }
+                      });
+                    }
+                  });
+                },
+                notification: {
+                  poll: pollAsyncJobResult
+                }
+              },
+
+              viewConsole: {
+                label: 'label.view.console',
+                action: {
+                  externalLink: {
+                    url: function(args) {
+                      return clientConsoleUrl + '?cmd=access&vm=' + args.context.systemVMs[0].id;
+                    },
+                    title: function(args) {
+                      return args.context.systemVMs[0].id.substr(0,8);  //title in window.open() can't have space nor longer than 8 characters. Otherwise, IE browser will have error.
+                    },
+                    width: 820,
+                    height: 640
+                  }
+                }
+              }
+            },
+            tabs: {
+              details: {
+                title: 'label.details',
+                fields: [
+                  {
+                    name: { label: 'label.name' }
+                  },
+                  {
+                    id: { label: 'label.id' },
+                    state: { label: 'label.state' },
+                    systemvmtype: {
+                      label: 'label.type',
+                      converter: function(args) {
+                        if(args == "consoleproxy")
+                          return "Console Proxy VM";
+                        else if(args == "secondarystoragevm")
+                          return "Secondary Storage VM";
+                        else
+                          return args;
+                      }
+                    },
+                    zonename: { label: 'label.zone' },
+                    publicip: { label: 'label.public.ip' },
+                    privateip: { label: 'label.private.ip' },
+                    linklocalip: { label: 'label.linklocal.ip' },
+                    hostname: { label: 'label.host' },
+                    gateway: { label: 'label.gateway' },
+                    created: { label: 'label.created', converter: cloudStack.converters.toLocalDate },
+                    activeviewersessions: { label: 'label.active.sessions' }
+                  }
+                ],
+                dataProvider: function(args) {
+                  $.ajax({
+                    url: createURL("listSystemVms&id=" + args.context.systemVMs[0].id),
+                    dataType: "json",
+                    async: true,
+                    success: function(json) {
+                      args.response.success({
+                        actionFilter: systemvmActionfilter,
+                        data: json.listsystemvmsresponse.systemvm[0]
+                      });
+                    }
+                  });
+                }
+              }
+            }
+          }
+        }
+      },
+  // netscaler devices listView
       netscalerDevices: {
         id: 'netscalerDevices',
         title: 'label.devices',
@@ -6129,13 +7144,38 @@
               createForm: {
                 title: 'label.add.primary.storage',
                 fields: {
-                  //always appear (begin)
+                  zoneid: {
+                    label: 'Zone',
+                    validation: { required: true },
+                    select: function(args) {
+                      var data = args.context.zones ?
+                      { id: args.context.zones[0].id } : { listAll: true };
+
+                      $.ajax({
+                        url: createURL('listZones'),
+                        data: data,
+                        success: function(json) {
+                          var zones = json.listzonesresponse.zone;
+
+                          args.response.success({
+                            data: $.map(zones, function(zone) {
+                              return {
+                                id: zone.id,
+                                description: zone.name
+                              };
+                            })
+                          });
+                        }
+                      });
+                    }
+                  },
                   podId: {
                     label: 'label.pod',
+                    dependsOn: 'zoneid',
                     validation: { required: true },
                     select: function(args) {
                       $.ajax({
-                        url: createURL("listPods&zoneid=" + args.context.zones[0].id),
+                        url: createURL("listPods&zoneid=" + args.zoneid),
                         dataType: "json",
                         async: true,
                         success: function(json) {
@@ -6460,7 +7500,7 @@
 
               action: function(args) {
                 var array1 = [];
-                array1.push("&zoneid=" + args.context.zones[0].id);
+                array1.push("&zoneid=" + args.data.zoneid);
                 array1.push("&podId=" + args.data.podId);
                 array1.push("&clusterid=" + args.data.clusterId);
                 array1.push("&name=" + todb(args.data.name));
@@ -6810,6 +7850,31 @@
               createForm: {
                 title: 'label.add.secondary.storage',
                 fields: {
+                  zoneid: {
+                    label: 'Zone',
+                    validation: { required: true },
+                    select: function(args) {
+                      var data = args.context.zones ?
+                      { id: args.context.zones[0].id } : { listAll: true };
+
+                      $.ajax({
+                        url: createURL('listZones'),
+                        data: data,
+                        success: function(json) {
+                          var zones = json.listzonesresponse.zone;
+
+                          args.response.success({
+                            data: $.map(zones, function(zone) {
+                              return {
+                                id: zone.id,
+                                description: zone.name
+                              };
+                            })
+                          });
+                        }
+                      });
+                    }
+                  },
                   nfsServer: {
                     label: 'label.nfs.server',
                     validation: { required: true }
@@ -6822,7 +7887,7 @@
               },
 
               action: function(args) {
-                var zoneId = args.context.zones[0].id;
+                var zoneId = args.data.zoneid;
                 var nfs_server = args.data.nfsServer;
                 var path = args.data.path;
                 var url = nfsURL(nfs_server, path);
@@ -7581,7 +8646,7 @@
 				});
 			}
 		});
-	}
+	};
 
   //action filters (begin)
   var zoneActionfilter = function(args) {
diff --git a/ui/scripts/ui-custom/physicalResources.js b/ui/scripts/ui-custom/physicalResources.js
index 257843f838e..8acdec60188 100644
--- a/ui/scripts/ui-custom/physicalResources.js
+++ b/ui/scripts/ui-custom/physicalResources.js
@@ -41,7 +41,7 @@
           if ($target.closest('[view-all-target]').size()) {
             var targetID = $target.closest('[view-all-target]').attr('view-all-target');
             args.$browser.cloudBrowser('addPanel', {
-              title: targetID.charAt(0).toUpperCase() + targetID.substr(1).toLowerCase(),
+              title: $target.closest('[view-all-title]').attr('view-all-title'),
               data: '',
               noSelectPanel: true,
               maximizeIfSelected: true,