Sunstone: add header to lists views

src/sunstone/public/css/application.css

@@ -39,8 +39,13 @@ select, button {
 h2 {
     float:left;
     font-size:20px;
-    margin-bottom: 5px;
-    padding-bottom: 0}
+    margin-bottom: 2px;
+    margin-top: 8px;
+    padding-bottom: 2px;
+    width:400px;
+    color: #636663;
+    border-bottom: 3px solid;
+}
 
 h3 {
     border-bottom: 1px solid #CCCCCC;
@@ -601,4 +606,4 @@ ul.action_list li a:hover{
 .ColVis_Button {
     padding: 5px;
     font-size: 1em;
-}
+}

src/sunstone/public/js/plugins/acls-tab.js

@@ -18,8 +18,9 @@
 var dataTable_acls;
 var $create_acl_dialog;
 
-var acls_tab_content =
-'<form id="acl_form" action="" action="javascript:alert(\'js error!\');">\
+var acls_tab_content = '\
+<h2>'+tr("Access Control Lists")+'</h2>\
+<form id="acl_form" action="" action="javascript:alert(\'js error!\');">\
   <div class="action_blocks">\
   </div>\
 <table id="datatable_acls" class="display">\

src/sunstone/public/js/plugins/clusters-tab.js

@@ -17,8 +17,9 @@
 /*Cluster tab plugin*/
 
 
-var clusters_tab_content =
-'<form id="form_cluters" action="javascript:alert(\'js errors?!\')">\
+var clusters_tab_content = '
+<h2>'+tr("Clusters")+'</h2>\
+<form id="form_cluters" action="javascript:alert(\'js errors?!\')">\
   <div class="action_blocks">\
   </div>\
 <table id="datatable_clusters" class="display">\

src/sunstone/public/js/plugins/datastores-tab.js

@@ -17,8 +17,9 @@
 /*Datastore tab plugin*/
 
 
-var datastores_tab_content =
-'<form id="form_datastores" action="javascript:alert(\'js errors?!\')">\
+var datastores_tab_content = '\
+<h2>'+tr("Datastores")+'</h2>\
+<form id="form_datastores" action="javascript:alert(\'js errors?!\')">\
   <div class="action_blocks">\
   </div>\
 <table id="datatable_datastores" class="display">\

src/sunstone/public/js/plugins/groups-tab.js

@@ -18,8 +18,9 @@ var groups_select="";
 var dataTable_groups;
 var $create_group_dialog;
 
-var groups_tab_content =
-'<form id="group_form" action="" action="javascript:alert(\'js error!\');">\
+var groups_tab_content = '\
+<h2>'+tr("Groups")+'</h2>\
+<form id="group_form" action="" action="javascript:alert(\'js error!\');">\
   <div class="action_blocks">\
   </div>\
 <table id="datatable_groups" class="display">\

src/sunstone/public/js/plugins/hosts-tab.js

@@ -33,8 +33,9 @@ var host_graphs = [
 ]
 
 
-var hosts_tab_content =
-'<form id="form_hosts" action="javascript:alert(\'js errors?!\')">\
+var hosts_tab_content = '\
+<h2>'+tr("Hosts")+'</h2>\
+<form id="form_hosts" action="javascript:alert(\'js errors?!\')">\
   <div class="action_blocks">\
   </div>\
 <table id="datatable_hosts" class="display">\

src/sunstone/public/js/plugins/images-tab.js

@@ -16,8 +16,9 @@
 
 /*Images tab plugin*/
 
-var images_tab_content =
-'<form id="image_form" action="" action="javascript:alert(\'js error!\');">\
+var images_tab_content = '\
+<h2>'+tr("Images")+'</h2>\
+<form id="image_form" action="" action="javascript:alert(\'js error!\');">\
   <div class="action_blocks">\
   </div>\
 <table id="datatable_images" class="display">\

src/sunstone/public/js/plugins/templates-tab.js

@@ -16,8 +16,9 @@
 
 /*Templates tab plugin*/
 
-var templates_tab_content =
-'<form id="template_form" action="" action="javascript:alert(\'js error!\');">\
+var templates_tab_content = '\
+<h2>'+tr("Templates")+'</h2>\
+<form id="template_form" action="" action="javascript:alert(\'js error!\');">\
   <div class="action_blocks">\
   </div>\
 <table id="datatable_templates" class="display">\

src/sunstone/public/js/plugins/users-tab.js

@@ -20,8 +20,9 @@ var users_select="";
 var $create_user_dialog;
 var $update_pw_dialog;
 
-var users_tab_content =
-'<form id="user_form" action="" action="javascript:alert(\'js error!\');">\
+var users_tab_content = '\
+<h2>Users</h2>\
+<form id="user_form" action="" action="javascript:alert(\'js error!\');">\
   <div class="action_blocks">\
   </div>\
 <table id="datatable_users" class="display">\

src/sunstone/public/js/plugins/vms-tab.js

@@ -47,8 +47,9 @@ var vm_graphs = [
     }
 ];
 
-var vms_tab_content =
-'<form id="virtualMachine_list" action="javascript:alert(\'js error!\');">\
+var vms_tab_content = '\
+<h2>'+tr("Virtual Machines")+'</h2>\
+<form id="virtualMachine_list" action="javascript:alert(\'js error!\');">\
   <div class="action_blocks">\
   </div>\
 <table id="datatable_vmachines" class="display">\

src/sunstone/public/js/plugins/vnets-tab.js

@@ -16,8 +16,9 @@
 
 /*Virtual networks tab plugin*/
 
-var vnets_tab_content =
-'<form id="virtualNetworks_form" action="javascript:alert(\'js error!\');">\
+var vnets_tab_content = '\
+<h2>'+tr("Virtual Networks")+'</h2>\
+<form id="virtualNetworks_form" action="javascript:alert(\'js error!\');">\
   <div class="action_blocks">\
   </div>\
 <table id="datatable_vnetworks" class="display">\