wakame-vdc-webui 10.12.0 → 11.06.0

data/public/javascripts/dcmgr_gui/dashboard_panel.js

@@ -14,11 +14,19 @@ DcmgrGUI.prototype.dashboardPanel = function(){
     
     parallel({
       total_instance: $.getJSON('/instances/total.json'),
-      total_image: $.getJSON('/images/total.json'),
+      total_image: $.getJSON('/machine_images/total.json'),
       total_volume: $.getJSON('/volumes/total.json'),
       total_snapshot: $.getJSON('/snapshots/total.json'),
       total_security_group: $.getJSON('/security_groups/total.json'),
       total_keypair: $.getJSON('/keypairs/total.json')
+    }).error(function (e) {
+      this.cancel();
+      $("#total_instance").empty().html('');
+      $("#total_image").empty().html('');
+      $("#total_volume").empty().html('');
+      $("#total_snapshot").empty().html('');
+      $("#total_security_group").empty().html('');
+      $("#total_keypair").empty().html('');
     }).next(function(results) {
       $('#total_instance').html(results.total_instance);
       $('#total_image').html(results.total_image);
@@ -29,6 +37,7 @@ DcmgrGUI.prototype.dashboardPanel = function(){
     });
     
   });
- 
+
+  $(bt_refresh.target).button({ disabled: false });
   bt_refresh.element.trigger('dcmgrGUI.refresh');
-}
+}

data/public/javascripts/dcmgr_gui/host_pool_panel.js

@@ -76,7 +76,7 @@ DcmgrGUI.prototype.hostPoolPanel = function(){
     $('#detail').html('');
     bt_refresh.element.trigger('dcmgrGUI.refresh');
   });
-  
+  $(bt_refresh.target).button({ disabled: false });
   //list
   c_list.setData(null);
   c_list.update(list_request,true);

data/public/javascripts/dcmgr_gui/image_panel.js

@@ -3,7 +3,7 @@ DcmgrGUI.prototype.imagePanel = function(){
   var maxrow = 10;
   var page = 1;
   var list_request = { 
-    "url":DcmgrGUI.Util.getPagePath('/images/list/',page),
+    "url":DcmgrGUI.Util.getPagePath('/machine_images/list/',page),
     "data" : DcmgrGUI.Util.getPagenateData(page,maxrow)
   }
   
@@ -37,6 +37,10 @@ DcmgrGUI.prototype.imagePanel = function(){
             "state_reason":"-"
           }
       }
+  
+  var close_button_name = $.i18n.prop('close_button'); 
+  var launch_button_name = $.i18n.prop('launch_button');
+  
   var c_pagenate = new DcmgrGUI.Pagenate({
     row:maxrow,
     total:total
@@ -51,7 +55,7 @@ DcmgrGUI.prototype.imagePanel = function(){
       
   c_list.setDetailTemplate({
     template_id:'#imagesDetailTemplate',
-    detail_path:'/images/show/'
+    detail_path:'/machine_images/show/'
   });
   
   c_list.element.bind('dcmgrGUI.contentChange',function(event,params){
@@ -65,7 +69,7 @@ DcmgrGUI.prototype.imagePanel = function(){
   
   bt_refresh.element.bind('dcmgrGUI.refresh',function(){
     c_list.page = c_pagenate.current_page;
-    list_request.url = DcmgrGUI.Util.getPagePath('/images/list/',c_pagenate.current_page);
+    list_request.url = DcmgrGUI.Util.getPagePath('/machine_images/list/',c_pagenate.current_page);
     list_request.data = DcmgrGUI.Util.getPagenateData(c_pagenate.start,c_pagenate.row);
     c_list.element.trigger('dcmgrGUI.updateList',{request:list_request})
     
@@ -77,7 +81,7 @@ DcmgrGUI.prototype.imagePanel = function(){
      
      //update
      c_list.checked_list[check_id].c_detail.update({
-       url:DcmgrGUI.Util.getPagePath('/images/show/',check_id)
+       url:DcmgrGUI.Util.getPagePath('/machine_images/show/',check_id)
      },true);
     });
   });
@@ -88,11 +92,46 @@ DcmgrGUI.prototype.imagePanel = function(){
     bt_refresh.element.trigger('dcmgrGUI.refresh');
   });
   
+  var launch_instance_buttons = {};
+  launch_instance_buttons[close_button_name] = function() { $(this).dialog("close"); };  
+  launch_instance_buttons[launch_button_name] = function() {
+    var image_id = $(this).find('#image_id').val();
+    var host_pool_id = $(this).find('#host_pool').find('option:selected').val();
+    var host_name = $(this).find('#host_name').val();
+    var instance_spec_id = $(this).find('#instance_specs').val();
+    var ssh_key_pair = $(this).find('#ssh_key_pair').find('option:selected').text();
+    var launch_in = $(this).find('#right_select_list').find('option');
+    var user_data = $(this).find('#user_data').val();
+    var nf_group = [];
+    $.each(launch_in,function(i){
+     nf_group.push("nf_group[]="+ $(this).text());
+    });
+    var nf_strings = nf_group.join('&');
+
+    var data = "image_id="+image_id
+              +"&host_pool_id="+host_pool_id
+              +"&instance_spec_id="+instance_spec_id
+              +"&host_name="+host_name
+              +"&user_data="+user_data
+              +"&"+nf_strings
+              +"&ssh_key="+ssh_key_pair;
+    
+    request = new DcmgrGUI.Request;
+    request.post({
+      "url": '/instances',
+      "data": data,
+      success: function(json,status){
+       bt_refresh.element.trigger('dcmgrGUI.refresh');
+      }
+    });
+    $(this).dialog("close");
+  }
+  
   var bt_launch_instance = new DcmgrGUI.Dialog({
     target:'.launch_instance',
     width:583,
     height:600,
-    title:'Launch Instance',
+    title:$.i18n.prop('launch_instance_header'),
     path:'/launch_instance',
     callback: function(){
       var self = this;
@@ -100,16 +139,32 @@ DcmgrGUI.prototype.imagePanel = function(){
       var loading_image = DcmgrGUI.Util.getLoadingImage('boxes');
       $(this).find('#select_host_pool').empty().html(loading_image);
       $(this).find('#select_ssh_key_pair').empty().html(loading_image);
-      $(this).find("#left_select_list").mask("Loading...");
+      $(this).find("#left_select_list").mask($.i18n.prop('loading_parts'));
       
+      var request = new DcmgrGUI.Request;
+      var is_ready = {
+        'host_pool': false,
+        'instance_spec': false,
+        'ssh_keypair': false,
+        'security_groups': false
+      };
+
+      var ready = function(data) {
+        if(data['host_pool'] == true &&
+           data['instance_spec'] == true &&
+           data['ssh_keypair'] == true &&
+           data['security_groups'] == true) {  
+          bt_launch_instance.disabledButton(1, false);
+        } else {
+          bt_launch_instance.disabledButton(1, true);
+        }
+      }
+ 
       parallel({
         //get host_pools
         host_pools: 
-          $.ajax({
-            "type": "GET",
-            "async": true,
+          request.get({
             "url": '/host_pools/show_host_pools.json',
-            "dataType": "json",
             success: function(json,status){
               var select_html = '<select id="host_pool" name="host_pool"></select>';
               $(self).find('#select_host_pool').empty().html(select_html);
@@ -117,28 +172,54 @@ DcmgrGUI.prototype.imagePanel = function(){
               var results = json.host_pool.results;
               var size = results.length;
               var select_host_pool = $(self).find('#host_pool');
+              for (var i=0; i < size ; i++) {
+                if(results[i].result.status == 'online') {
+                  is_ready['host_pool'] = true;
+                  var uuid = results[i].result.uuid;
+                  var html = '<option value="'+ uuid +'">'+uuid+'</option>';
+                  select_host_pool.append(html);
+                }
+              }
+            }
+          }),
+        //get instance_specs
+        instance_specs: 
+          request.get({
+            "url": '/instance_specs/all.json',
+            success: function(json,status){
+              var select_html = '<select id="instance_specs" name="instance_specs"></select>';
+              $(self).find('#select_instance_specs').empty().html(select_html);
+
+              var results = json.instance_spec.results;
+              var size = results.length;
+              var select_instance_specs = $(self).find('#instance_specs');
+              if(size > 0) { 
+                is_ready['instance_spec'] = true;
+              }
+
               for (var i=0; i < size ; i++) {
                 var uuid = results[i].result.uuid;
                 var html = '<option value="'+ uuid +'">'+uuid+'</option>';
-                select_host_pool.append(html);
+                select_instance_specs.append(html);
               }
             }
           }),
         //get ssh key pairs
         ssh_keypairs: 
-          $.ajax({
-            "type": "GET",
-            "async": true,
+          request.get({
             "url": '/keypairs/all.json',
-            "dataType": "json",
             "data": "",
             success: function(json,status){
               var select_html = '<select id="ssh_key_pair" name="host_pool"></select>';
               $(self).find('#select_ssh_key_pair').empty().html(select_html);
-              
+
               var results = json.ssh_key_pair.results;
               var size = results.length;
               var select_keypair = $(self).find('#ssh_key_pair');
+              if(size > 0) {
+                is_ready['ssh_keypair'] = true;
+              }
+
               for (var i=0; i < size ; i++) {
                 var name = results[i].result.name;
                 var ssh_keypair_id = results[i].result.id;
@@ -149,16 +230,13 @@ DcmgrGUI.prototype.imagePanel = function(){
         }),
         //get security groups
         security_groups: 
-          $.ajax({
-            "type": "GET",
-            "async": true,
+          request.get({
             "url": '/security_groups/all.json',
-            "dataType": "json",
             "data": "",
             success: function(json,status){
               var data = [];
               var results = json.netfilter_group.results;
-              var size = results.length
+              var size = results.length;
               for (var i=0; i < size ; i++) {
                 data.push({
                   "value" : results[i].result.uuid,
@@ -169,74 +247,50 @@ DcmgrGUI.prototype.imagePanel = function(){
               var security_group = new DcmgrGUI.ItemSelector({
                 'left_select_id' : '#left_select_list',
                 'right_select_id' : "#right_select_list",
-                "data" : data
+                "data" : data,
+                'target' : self
               });
+              
+              var on_ready = function(size){
+                if(size > 0) {
+                  is_ready['security_groups'] = true;
+                  ready(is_ready);
+                } else {
+                  is_ready['security_groups'] = false;
+                  ready(is_ready);
+                }
+              }
 
               $(self).find('#right_button').click(function(){
                 security_group.leftToRight();
+                on_ready(security_group.getRightSelectionCount());
               });
 
               $(self).find('#left_button').click(function(){
                 security_group.rightToLeft();
+                on_ready(security_group.getRightSelectionCount());
               });
             }
           })
       }).next(function(results) {
-        bt_launch_instance.disabledButton('Launch',false);
         $("#left_select_list").unmask();
       });
     },
-    button:{
-     "Launch": function() { 
-       var image_id = $(this).find('#image_id').val();
-       var host_pool_id = $(this).find('#host_pool').find('option:selected').val();
-       var host_name = $(this).find('#host_name').val();
-       var instance_spec = $(this).find('#instance_spec').val();
-       var ssh_key_pair = $(this).find('#ssh_key_pair').find('option:selected').text();
-       var launch_in = $(this).find('#right_select_list').find('option');
-       var user_data = $(this).find('#user_data').val();
-       var nf_group = [];
-       $.each(launch_in,function(i){
-         nf_group.push("nf_group[]="+ $(this).text());
-       });
-       var nf_strings = nf_group.join('&');
-       
-       var data = "image_id="+image_id
-                  +"&host_pool_id="+host_pool_id
-                  +"&instance_spec_id="+instance_spec
-                  +"&host_name="+host_name
-                  +"&user_data="+user_data
-                  +"&"+nf_strings
-                  +"&ssh_key="+ssh_key_pair;
-                  
-        $.ajax({
-          "type": "POST",
-          "async": true,
-          "url": '/instances',
-          "dataType": "json",
-          "data": data,
-          success: function(json,status){
-           bt_refresh.element.trigger('dcmgrGUI.refresh');
-          }
-        });
-        $(this).dialog("close");
-      }
-    }
-  });
-  
-  bt_launch_instance.element.bind('dialogopen',function(){
-    bt_launch_instance.disabledButton('Launch',true);    
+    button: launch_instance_buttons
   });
   
   bt_launch_instance.target.bind('click',function(){
     var id = c_list.currentChecked();
     if( id ){
       bt_launch_instance.open({"ids":[id]});
+      bt_launch_instance.disabledButton(1, true);
     }
     return false;
   });
-
+  
+  $(bt_launch_instance.target).button({ disabled: false });
+  $(bt_refresh.target).button({ disabled: false });
   //list
   c_list.setData(null);
   c_list.update(list_request,true);
-}
+}

data/public/javascripts/dcmgr_gui/instance_panel.js

@@ -30,6 +30,10 @@ DcmgrGUI.prototype.instancePanel = function(){
       "owner":'-'
     }
   }
+  
+  var close_button_name = $.i18n.prop('close_button');
+  var terminate_button_name = $.i18n.prop('terminate_button');
+  var reboot_button_name = $.i18n.prop('reboot_button');
 
   var c_pagenate = new DcmgrGUI.Pagenate({
     row:maxrow,
@@ -43,16 +47,9 @@ DcmgrGUI.prototype.instancePanel = function(){
     page:page
   });
   
-  var detail_filter = new DcmgrGUI.Filter();
-  detail_filter.add(function(data){
-    data.item.memory_size = data.item.memory_size + 'MB';
-    return data;
-  });
-    
   c_list.setDetailTemplate({
     template_id:'#instancesDetailTemplate',
-    detail_path:'/instances/show/',
-    filter: detail_filter
+    detail_path:'/instances/show/'
   });
   
   c_list.element.bind('dcmgrGUI.contentChange',function(event,params){
@@ -66,11 +63,16 @@ DcmgrGUI.prototype.instancePanel = function(){
     var results = data.instance.results;
     var size = results.length;
     for(var i = 0; i < size; i++) {
-      results[i].result.memory_size = results[i].result.memory_size + 'MB';
+      results[i].result.memory_size = DcmgrGUI.Converter.unit(results[i].result.memory_size, 'megabyte');
     }
     return data;
   });
   
+  c_list.detail_filter.add(function(data){
+    data.item.memory_size = DcmgrGUI.Converter.unit(data.item.memory_size, 'megabyte');
+    return data;
+  });
+ 
   var bt_refresh  = new DcmgrGUI.Refresh();
   
   var instance_action_helper = function(action){
@@ -84,16 +86,14 @@ DcmgrGUI.prototype.instancePanel = function(){
 
     var data = $.param({ids:ids});
     
-    $.ajax({
-       "type": "POST",
-       "async": true,
-       "url": '/instances/'+ action,
-       "dataType": "json",
-       "data": data,
-       success: function(json, status) {
-         bt_refresh.element.trigger('dcmgrGUI.refresh');
-       }
-     });
+    var request = new DcmgrGUI.Request;
+    request.post({
+      "url": '/instances/'+ action,
+      "data": data,
+      success: function(json, status) {
+       bt_refresh.element.trigger('dcmgrGUI.refresh');
+      }
+    });
     
     $(this).dialog("close");
   };
@@ -126,32 +126,32 @@ DcmgrGUI.prototype.instancePanel = function(){
 		}
   });
   
+  var instance_reboot_buttons = {};
+  instance_reboot_buttons[close_button_name] = function() { $(this).dialog("close"); }
+  instance_reboot_buttons[reboot_button_name] = function() {
+    instance_action_helper.call(this,'reboot');
+  }
   var bt_instance_reboot = new DcmgrGUI.Dialog({
      target:'.reboot_instances',
      width:400,
-		 height:200,
-		 title:'Reboot Instances',
-		 path:'/reboot_instances',
-		 button:{
-		  "Close": function() { $(this).dialog("close"); },
-			"Yes, Reboot": function() {
-        instance_action_helper.call(this,'reboot');
-			}
-		}
+     height:200,
+     title:$.i18n.prop('reboot_instances_header'),
+     path:'/reboot_instances',
+     button: instance_reboot_buttons
   });
   
+  var instance_terminate_buttons = {};
+  instance_terminate_buttons[close_button_name] = function() { $(this).dialog("close"); };
+  instance_terminate_buttons[terminate_button_name] = function() {
+    instance_action_helper.call(this,'terminate');
+  }
   var bt_instance_terminate = new DcmgrGUI.Dialog({
     target:'.terminate_instances',
     width:400,
     height:200,
-    title:'Terminate Instances',
+    title:$.i18n.prop('terminate_instances_header'),
     path:'/terminate_instances',
-    button:{
-		  "Close": function() { $(this).dialog("close"); },
-			"Yes, Terminate": function() {
-			  instance_action_helper.call(this,'terminate');
-			}
-    }
+    button: instance_terminate_buttons
   });
   
   bt_instance_start.target.bind('click',function(){
@@ -162,14 +162,6 @@ DcmgrGUI.prototype.instancePanel = function(){
     bt_instance_stop.open(c_list.getCheckedInstanceIds());
   });
 
-  bt_instance_reboot.target.bind('click',function(){
-    bt_instance_reboot.open(c_list.getCheckedInstanceIds());
-  });
-
-  bt_instance_terminate.target.bind('click',function(){
-    bt_instance_terminate.open(c_list.getCheckedInstanceIds());
-  });
-  
   bt_refresh.element.bind('dcmgrGUI.refresh',function(){
     c_list.page = c_pagenate.current_page;
     list_request.url = DcmgrGUI.Util.getPagePath('/instances/list/',c_list.page);
@@ -191,7 +183,57 @@ DcmgrGUI.prototype.instancePanel = function(){
     bt_refresh.element.trigger('dcmgrGUI.refresh');
   });
   
+  var selectmenu = $('#instance_action').selectmenu({
+    width: 150,
+    menuWidth: 150,
+    handleWidth: 26,
+    style:'dropdown',
+    select: function(event){
+      var select_action = $(this).val()
+      if (select_action == "terminate") {
+        bt_instance_terminate.open(c_list.getCheckedInstanceIds());
+      }else if(select_action == "reboot") {
+        bt_instance_reboot.open(c_list.getCheckedInstanceIds());
+      }
+    }
+  });
+  $(bt_refresh.target).button({ disabled: false });
+  selectmenu.data('selectmenu').disableButton();
+
+  var actions = {};
+  actions.changeButtonState = function() {
+    var ids = c_list.currentMultiChecked()['ids'];
+    var is_running = false;
+    var is_shutting_down = false;
+    var flag = true;
+    $.each(ids, function(key, uuid){
+      var row_id = '#row-'+uuid;
+      var state = $(row_id).find('.state').text();
+      if(state == 'running') {
+        is_running = true;
+      } else if(state =='shuttingdown') {
+        is_shutting_down = true;
+      } else{
+        flag = false;
+      }
+    });
+    
+    if (flag == true){
+      if(is_running == true || is_shutting_down) {
+        selectmenu.data('selectmenu').enableButton();
+      } else {
+        selectmenu.data('selectmenu').disableButton();
+      }
+    } else{
+      selectmenu.data('selectmenu').disableButton();
+    }
+  }
+  
+  dcmgrGUI.notification.subscribe('checked_box', actions, 'changeButtonState');
+  dcmgrGUI.notification.subscribe('unchecked_box', actions, 'changeButtonState');
+  dcmgrGUI.notification.subscribe('change_pagenate', selectmenu.data('selectmenu'), 'disableButton');
+  
   //list
   c_list.setData(null);
   c_list.update(list_request,true);
-}
+}