wakame-vdc-webui 10.11.0

data/public/javascripts/dcmgr_gui/dashboard_panel.js

@@ -0,0 +1,34 @@
+DcmgrGUI.prototype.dashboardPanel = function(){
+  
+  var bt_refresh  = new DcmgrGUI.Refresh();
+  var loading_image = DcmgrGUI.Util.getLoadingImage('ball');
+  
+  bt_refresh.element.bind('dcmgrGUI.refresh', function(){
+    
+    $("#total_instance").empty().html(loading_image);
+    $("#total_image").empty().html(loading_image);
+    $("#total_volume").empty().html(loading_image);
+    $("#total_snapshot").empty().html(loading_image);
+    $("#total_security_group").empty().html(loading_image);
+    $("#total_keypair").empty().html(loading_image);
+    
+    parallel({
+      total_instance: $.getJSON('/instances/total.json'),
+      total_image: $.getJSON('/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')
+    }).next(function(results) {
+      $('#total_instance').html(results.total_instance);
+      $('#total_image').html(results.total_image);
+      $('#total_volume').html(results.total_volume);
+      $('#total_snapshot').html(results.total_snapshot);
+      $('#total_security_group').html(results.total_security_group);
+      $('#total_keypair').html(results.total_keypair);
+    });
+    
+  });
+ 
+  bt_refresh.element.trigger('dcmgrGUI.refresh');
+}

data/public/javascripts/dcmgr_gui/host_pool_panel.js

@@ -0,0 +1,83 @@
+DcmgrGUI.prototype.hostPoolPanel = function(){
+  
+  var total = 0;
+  var maxrow = 10;
+  var page = 1;
+  var list_request = { 
+    "url":DcmgrGUI.Util.getPagePath('/host_pools/list/',1),
+    "data" : DcmgrGUI.Util.getPagenateData(page,maxrow)
+  };
+  
+  DcmgrGUI.List.prototype.getEmptyData = function(){
+    return [{
+      "id":'',
+      "uuid":'',
+      "node_id":'',
+      "host_pool_id":'',
+      "status":''
+    }]
+  }
+  
+  DcmgrGUI.Detail.prototype.getEmptyData = function(){
+    return {
+      "id":'-',
+      "uuid":'-',
+      "node_id":'-',
+      "host_pool_id":'-',
+      "status":'-',
+      "created_at":'-',
+      "updated_at":'-'
+    }
+  }
+  
+  var c_pagenate = new DcmgrGUI.Pagenate({
+    row:maxrow,
+    total:total
+  });
+  
+  var c_list = new DcmgrGUI.List({
+    element_id:'#display_host_pools',
+    template_id:'#hostPoolsListTemplate',
+    maxrow:maxrow,
+    page:page
+  });
+    
+  c_list.setDetailTemplate({
+    template_id:'#hostPoolsDetailTemplate',
+    detail_path:'/host_pools/show/'
+  });
+  
+  c_list.element.bind('dcmgrGUI.contentChange',function(event,params){
+    var host_pool = params.data.host_pool;
+    c_pagenate.changeTotal(host_pool.owner_total);
+    c_list.setData(host_pool.results);
+    c_list.multiCheckList(c_list.detail_template);
+  });
+  
+  var bt_refresh  = new DcmgrGUI.Refresh();
+
+  bt_refresh.element.bind('dcmgrGUI.refresh',function(){
+    c_list.page = c_pagenate.current_page;
+    list_request.url = DcmgrGUI.Util.getPagePath('/host_pools/list/',c_list.page);
+    list_request.data = DcmgrGUI.Util.getPagenateData(c_pagenate.start,c_pagenate.row);
+    c_list.element.trigger('dcmgrGUI.updateList',{request:list_request})
+    
+    //update detail
+    $.each(c_list.checked_list,function(check_id,obj){
+      $($('#detail').find('#'+check_id)).remove();
+      c_list.checked_list[check_id].c_detail.update({
+        url:DcmgrGUI.Util.getPagePath('/host_pools/show/',check_id)
+      },true);
+    });
+  });
+  
+  c_pagenate.element.bind('dcmgrGUI.updatePagenate',function(){
+    c_list.clearCheckedList();
+    $('#detail').html('');
+    bt_refresh.element.trigger('dcmgrGUI.refresh');
+  });
+  
+  //list
+  c_list.setData(null);
+  c_list.update(list_request,true);
+}

data/public/javascripts/dcmgr_gui/image_panel.js

@@ -0,0 +1,242 @@
+DcmgrGUI.prototype.imagePanel = function(){
+  var total = 0;
+  var maxrow = 10;
+  var page = 1;
+  var list_request = { 
+    "url":DcmgrGUI.Util.getPagePath('/images/list/',page),
+    "data" : DcmgrGUI.Util.getPagenateData(page,maxrow)
+  }
+  
+  DcmgrGUI.List.prototype.getEmptyData = function(){
+    return [{
+      "id":'',
+      "wmi_id":'',
+      "source":'',
+      "owner":'',
+      "visibility":'',
+      "state":''
+    }]
+  }
+  
+  DcmgrGUI.Detail.prototype.getEmptyData = function(){
+        return {
+            "name" : "-",
+            "description" : "-",
+            "source" : "-",
+            "owner" : "-",
+            "visibility" : "-",
+            "product_code" : "-",
+            "state" : "-",
+            "karnel_id":"-",
+            "platform" : "-",
+            "root_device_type":"-",
+            "root_device":"-",
+            "image_size":"-",
+            "block_devices":"-",
+            "virtualization":"",
+            "state_reason":"-"
+          }
+      }
+  var c_pagenate = new DcmgrGUI.Pagenate({
+    row:maxrow,
+    total:total
+  });
+  
+  var c_list = new DcmgrGUI.List({
+    element_id:'#display_images',
+    template_id:'#imagesListTemplate',
+    maxrow:maxrow,
+    page:page
+  });
+      
+  c_list.setDetailTemplate({
+    template_id:'#imagesDetailTemplate',
+    detail_path:'/images/show/'
+  });
+  
+  c_list.element.bind('dcmgrGUI.contentChange',function(event,params){
+    var image = params.data.image;
+    c_pagenate.changeTotal(image.owner_total);
+    c_list.setData(image.results);
+    c_list.singleCheckList(c_list.detail_template);
+  });
+  
+  var bt_refresh  = new DcmgrGUI.Refresh();
+  
+  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.data = DcmgrGUI.Util.getPagenateData(c_pagenate.start,c_pagenate.row);
+    c_list.element.trigger('dcmgrGUI.updateList',{request:list_request})
+    
+    //update detail
+    $.each(c_list.checked_list,function(check_id,obj){
+     
+     //remove
+     $($('#detail').find('#'+check_id)).remove();
+     
+     //update
+     c_list.checked_list[check_id].c_detail.update({
+       url:DcmgrGUI.Util.getPagePath('/images/show/',check_id)
+     },true);
+    });
+  });
+  
+  c_pagenate.element.bind('dcmgrGUI.updatePagenate',function(){
+    c_list.clearCheckedList();
+    $('#detail').html('');
+    bt_refresh.element.trigger('dcmgrGUI.refresh');
+  });
+  
+  var bt_launch_instance = new DcmgrGUI.Dialog({
+    target:'.launch_instance',
+    width:583,
+    height:600,
+    title:'Launch Instance',
+    path:'/launch_instance',
+    callback: function(){
+      var self = this;
+      
+      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...");
+      
+      parallel({
+        //get host_pools
+        host_pools: 
+          $.ajax({
+            "type": "GET",
+            "async": true,
+            "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);
+              
+              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++) {
+                var uuid = results[i].result.uuid;
+                var html = '<option value="'+ uuid +'">'+uuid+'</option>';
+                select_host_pool.append(html);
+              }
+            }
+          }),
+        //get ssh key pairs
+        ssh_keypairs: 
+          $.ajax({
+            "type": "GET",
+            "async": true,
+            "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');
+              for (var i=0; i < size ; i++) {
+                var name = results[i].result.name;
+                var ssh_keypair_id = results[i].result.id;
+                var html = '<option id="'+ ssh_keypair_id +'" value="'+ name +'">'+name+'</option>'
+                select_keypair.append(html);
+              }
+            }
+        }),
+        //get security groups
+        security_groups: 
+          $.ajax({
+            "type": "GET",
+            "async": true,
+            "url": '/security_groups/all.json',
+            "dataType": "json",
+            "data": "",
+            success: function(json,status){
+              var data = [];
+              var results = json.netfilter_group.results;
+              var size = results.length
+              for (var i=0; i < size ; i++) {
+                data.push({
+                  "value" : results[i].result.uuid,
+                  "name" : results[i].result.name
+                });
+              }
+
+              var security_group = new DcmgrGUI.ItemSelector({
+                'left_select_id' : '#left_select_list',
+                'right_select_id' : "#right_select_list",
+                "data" : data
+              });
+
+              $(self).find('#right_button').click(function(){
+                security_group.leftToRight();
+              });
+
+              $(self).find('#left_button').click(function(){
+                security_group.rightToLeft();
+              });
+            }
+          })
+      }).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);    
+  });
+  
+  bt_launch_instance.target.bind('click',function(){
+    var id = c_list.currentChecked();
+    if( id ){
+      bt_launch_instance.open({"ids":[id]});
+    }
+    return false;
+  });
+
+  //list
+  c_list.setData(null);
+  c_list.update(list_request,true);
+}

data/public/javascripts/dcmgr_gui/instance_panel.js

@@ -0,0 +1,197 @@
+DcmgrGUI.prototype.instancePanel = function(){
+  var total = 0;
+  var maxrow = 10;
+  var page = 1;
+  var list_request = { 
+    "url" : DcmgrGUI.Util.getPagePath('/instances/list/',1),
+    "data" : DcmgrGUI.Util.getPagenateData(page,maxrow)
+  };
+  
+  DcmgrGUI.List.prototype.getEmptyData = function(){
+    return [{
+      "id":'',
+      "instance_id":'',
+      "owner":'',
+      "wmi_id":'',
+      "state":'',
+      "private_ip":'',
+      "type":''
+    }]
+  }
+  
+  DcmgrGUI.Detail.prototype.getEmptyData = function(){
+    return {
+      "instance_id":'-',
+      "wmi_id":'-',
+      "zone":'-',
+      "security_groups":'-',
+      "type":'-',
+      "status":'-',
+      "owner":'-'
+    }
+  }
+
+  var c_pagenate = new DcmgrGUI.Pagenate({
+    row:maxrow,
+    total:total
+  });
+  
+  var c_list = new DcmgrGUI.List({
+    element_id:'#display_instances',
+    template_id:'#instancesListTemplate',
+    maxrow:maxrow,
+    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
+  });
+  
+  c_list.element.bind('dcmgrGUI.contentChange',function(event,params){
+    var instance = params.data.instance;
+    c_pagenate.changeTotal(instance.owner_total);
+    c_list.setData(instance.results);
+    c_list.multiCheckList(c_list.detail_template);
+  });
+  
+  c_list.filter.add(function(data){
+    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';
+    }
+    return data;
+  });
+  
+  var bt_refresh  = new DcmgrGUI.Refresh();
+  
+  var instance_action_helper = function(action){
+    
+    var instances = $(this).find('#instances').find('li');
+    var ids = [];
+    
+    $.each(instances, function() {
+      ids.push($(this).text());
+    });
+
+    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');
+       }
+     });
+    
+    $(this).dialog("close");
+  };
+  
+  var bt_instance_start = new DcmgrGUI.Dialog({
+    target:'.start_instances',
+    width:400,
+    height:200,
+    title:'Start Instances',
+    path:'/start_instances',
+    button:{
+     "Close": function() { $(this).dialog("close"); },
+     "Yes, Start": function() { 
+       $(this).dialog("close");
+     }
+    }
+  });
+  
+  var bt_instance_stop = new DcmgrGUI.Dialog({
+     target:'.stop_instances',
+     width:400,
+		 height:200,
+		 title:'Stop Instances',
+		 path:'/stop_instances',
+		 button:{
+			"Close": function() { $(this).dialog("close"); },
+			"Yes, Stop": function() {
+			  $(this).dialog("close");
+			}
+		}
+  });
+  
+  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');
+			}
+		}
+  });
+  
+  var bt_instance_terminate = new DcmgrGUI.Dialog({
+    target:'.terminate_instances',
+    width:400,
+    height:200,
+    title:'Terminate Instances',
+    path:'/terminate_instances',
+    button:{
+		  "Close": function() { $(this).dialog("close"); },
+			"Yes, Terminate": function() {
+			  instance_action_helper.call(this,'terminate');
+			}
+    }
+  });
+  
+  bt_instance_start.target.bind('click',function(){
+    bt_instance_start.open(c_list.getCheckedInstanceIds());
+  });
+
+  bt_instance_stop.target.bind('click',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);
+    list_request.data = DcmgrGUI.Util.getPagenateData(c_pagenate.start,c_pagenate.row);
+    c_list.element.trigger('dcmgrGUI.updateList',{request:list_request})
+    
+    //update detail
+    $.each(c_list.checked_list,function(check_id,obj){
+      $($('#detail').find('#'+check_id)).remove();
+      c_list.checked_list[check_id].c_detail.update({
+        url:DcmgrGUI.Util.getPagePath('/instances/show/',check_id)
+      },true);
+    });
+  });
+
+  c_pagenate.element.bind('dcmgrGUI.updatePagenate',function(){
+    c_list.clearCheckedList();
+    $('#detail').html('');
+    bt_refresh.element.trigger('dcmgrGUI.refresh');
+  });
+  
+  //list
+  c_list.setData(null);
+  c_list.update(list_request,true);
+}