wakame-vdc-webui 10.11.0

data/public/javascripts/dcmgr_gui/security_group_panel.js

@@ -0,0 +1,196 @@
+DcmgrGUI.prototype.securityGroupPanel = function(){
+  var total = 0;
+  var maxrow = 10;
+  var page = 1;
+  var list_request = { 
+    "url" : DcmgrGUI.Util.getPagePath('/security_groups/list/',page),
+    "data" : DcmgrGUI.Util.getPagenateData(page,maxrow)
+  };
+  
+  DcmgrGUI.List.prototype.getEmptyData = function(){
+    return [{
+      "name":'',
+      "description":''
+    }]
+  }
+  
+  
+  DcmgrGUI.Detail.prototype.getEmptyData = function(){
+    return {
+      "name" : "-",
+      "description" : "-",
+      "rule":''
+    }
+  }
+  
+  var c_pagenate = new DcmgrGUI.Pagenate({
+    row:maxrow,
+    total:total
+  });
+  
+  var c_list = new DcmgrGUI.List({
+    element_id:'#display_security_groups',
+    template_id:'#securityGroupsListTemplate',
+    maxrow:maxrow,
+    page:page
+  });
+  
+  c_list.setDetailTemplate({
+    template_id:'#securityGroupsDetailTemplate',
+    detail_path:'/security_groups/show/'
+  });
+    
+  c_list.element.bind('dcmgrGUI.contentChange',function(event,params){
+    var netfilter_group = params.data.netfilter_group;
+    c_pagenate.changeTotal(netfilter_group.owner_total);
+    c_list.setData(netfilter_group.results);
+    c_list.singleCheckList(c_list.detail_template);
+
+    var bt_edit_security_group = new DcmgrGUI.Dialog({
+      target:'.edit_security_group',
+      width:500,
+      height:580,
+      title:'Edit Security Group',
+      path:'/edit_security_group',
+      button:{
+        "Yes, Update": function(event) {
+        
+          var security_group_id = $(this).find('#security_group_id').val();
+          var description = $(this).find('#security_group_description').val();
+          var rule = $(this).find('#security_group_rule').val();
+          var data ='description=' + description
+                    +'&rule=' + rule;
+          $.ajax({
+             "type": "PUT",
+             "async": true,
+             "url": '/security_groups/'+ security_group_id +'.json',
+             "dataType": "json",
+             "data": data,
+             success: function(json,status){
+               bt_refresh.element.trigger('dcmgrGUI.refresh');
+             }
+          });
+          $(this).dialog("close");
+        }
+      }
+    });
+
+    bt_edit_security_group.target.bind('click',function(event){
+      var uuid = $(this).attr('id').replace(/edit_(ng-[a-z0-9]+)/,'$1');
+      if( uuid ){
+        bt_edit_security_group.open({"ids":[uuid]});
+      }
+      c_list.checkRadioButton(uuid);
+      $('#detail').html('');
+      return false;
+    });
+  });
+  
+  var bt_refresh  = new DcmgrGUI.Refresh();
+
+  bt_refresh.element.bind('dcmgrGUI.refresh',function(){
+    
+    //Update list element
+    c_list.page = c_pagenate.current_page;
+    list_request.url = DcmgrGUI.Util.getPagePath('/security_groups/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})
+    
+    $.each(c_list.checked_list,function(check_id,obj){
+      //All remove detail element
+      $($('#detail').find('#'+check_id)).remove();
+      
+      //All reload detail element
+      c_list.checked_list[check_id].c_detail.update({
+        url:DcmgrGUI.Util.getPagePath('/security_groups/show/',check_id)
+      },true);
+    });
+  });
+  
+  c_pagenate.element.bind('dcmgrGUI.updatePagenate',function(){
+    c_list.clearCheckedList();
+    $('#detail').html('');
+    bt_refresh.element.trigger('dcmgrGUI.refresh');
+  });
+  
+  var bt_create_security_group = new DcmgrGUI.Dialog({
+    target:'.create_security_group',
+    width:500,
+    height:580,
+    title:'Create Security Group',
+    path:'/create_security_group',
+    button:{
+     "Create": function() { 
+       var name = $(this).find('#security_group_name').val();
+       var description = $(this).find('#security_group_description').val();
+       var rule = $(this).find('#security_group_rule').val();
+       var data = 'name=' + name
+                 +'&description=' + description
+                 +'&rule=' + rule;
+
+
+       if(!name){
+         $('#security_group_name').focus();
+         return false;
+       }
+       
+       if(!name.match(/[a-z_]+/)){
+         $('#security_group_name').focus();
+         return false;
+       }
+
+       $.ajax({
+          "type": "POST",
+          "async": true,
+          "url": '/security_groups.json',
+          "dataType": "json",
+          "data": data,
+          success: function(json,status){
+            bt_refresh.element.trigger('dcmgrGUI.refresh');
+          }
+       });
+       
+       $(this).dialog("close");
+      }
+    }
+  });
+  
+  bt_create_security_group.target.bind('click',function(){
+    bt_create_security_group.open();
+  });
+  
+  var bt_delete_security_group = new DcmgrGUI.Dialog({
+    target:'.delete_security_group',
+    width:400,
+    height:200,
+    title:'Delete Security Group',
+    path:'/delete_security_group',
+    button:{
+     "Yes, Delete": function() { 
+       var security_group_id = $(this).find('#security_group_id').val();
+       $.ajax({
+          "type": "DELETE",
+          "async": true,
+          "url": '/security_groups/'+ security_group_id +'.json',
+          "dataType": "json",
+          success: function(json,status){
+            bt_refresh.element.trigger('dcmgrGUI.refresh');
+          }
+       });
+       $(this).dialog("close");
+      }
+    }
+  });
+  
+  bt_delete_security_group.target.bind('click',function(){
+    var id = c_list.currentChecked();
+    if( id ){
+      bt_delete_security_group.open({"ids":[id]});
+    }
+    return false;
+  });
+  
+
+  c_list.setData(null);
+  c_list.update(list_request,true);
+}

data/public/javascripts/dcmgr_gui/snapshot_panel.js

@@ -0,0 +1,168 @@
+DcmgrGUI.prototype.snapshotPanel = function(){
+  var total = 0;
+  var maxrow = 10;
+  var page = 1;
+  var list_request = { 
+    "url" : DcmgrGUI.Util.getPagePath('/snapshots/list/',page),
+    "data" : DcmgrGUI.Util.getPagenateData(page,maxrow)
+  };
+    
+  DcmgrGUI.List.prototype.getEmptyData = function(){
+    return [{
+      "uuid":'',
+      "size":'',
+      "origin_volume_id":'',
+      "created_at":'',
+      "state":''
+    }]
+  }
+  
+  DcmgrGUI.Detail.prototype.getEmptyData = function(){
+    return {
+      "uuid" : "-",
+      "size" : "-",
+      "origin_volume_id" : "-",
+      "created_at" : "-",
+      "updated_at" : "-",
+      "state" : "",
+    }
+  }
+  
+  var c_pagenate = new DcmgrGUI.Pagenate({
+    row:maxrow,
+    total:total
+  });
+  
+  var c_list = new DcmgrGUI.List({
+    element_id:'#display_snapshots',
+    template_id:'#snapshotsListTemplate',
+    maxrow:maxrow,
+    page:page
+  });
+  
+  var detail_filter = new DcmgrGUI.Filter();
+  detail_filter.add(function(data){
+    data.item.size = DcmgrGUI.Converter.fromMBtoGB(data.item.size);
+    return data;
+  });
+  
+  c_list.setDetailTemplate({
+    template_id:'#snapshotsDetailTemplate',
+    detail_path:'/snapshots/show/',
+    filter: detail_filter
+  });
+  
+  c_list.element.bind('dcmgrGUI.contentChange',function(event,params){
+    var snapshot = params.data.volume_snapshot;
+    c_pagenate.changeTotal(snapshot.owner_total);
+    c_list.setData(snapshot.results);
+    c_list.multiCheckList(c_list.detail_template);
+  });
+  
+  c_list.filter.add(function(data){
+    var results = data.volume_snapshot.results;
+    var size = results.length;
+    for(var i = 0; i < size; i++) {
+      results[i].result.size = DcmgrGUI.Converter.fromMBtoGB(results[i].result.size);
+    }
+    return data;
+  });
+  
+  var bt_refresh  = new DcmgrGUI.Refresh();
+  
+  var bt_create_volume = new DcmgrGUI.Dialog({
+    target:'.create_volume',
+    width:400,
+    height:200,
+    title:'Create Volume',
+    path:'/create_volume_from_snapshot',
+    button:{
+     "Create": function() { 
+       var create_volumes = $(this).find('#create_volumes').find('li');
+       var ids = []
+       $.each(create_volumes,function(){
+         ids.push($(this).text())
+       })
+       
+       var data = $.param({ids:ids})
+       $.ajax({
+          "type": "POST",
+          "async": true,
+          "url": '/volumes',
+          "dataType": "json",
+          "data": data,
+          success: function(json,status){
+            bt_refresh.element.trigger('dcmgrGUI.refresh');
+          }
+        });
+       $(this).dialog("close");
+      }
+    }
+  });
+
+  var bt_delete_snapshot = new DcmgrGUI.Dialog({
+    target:'.delete_snapshot',
+    width:400,
+    height:200,
+    title:'Delete snapshot',
+    path:'/delete_snapshot',
+    button:{
+     "Close": function() { $(this).dialog("close"); },
+     "Yes, Delete": function() { 
+       var delete_snapshots = $(this).find('#delete_snapshots').find('li');
+       var ids = []
+       $.each(delete_snapshots,function(){
+         ids.push($(this).text())
+       })
+       
+       var data = $.param({ids:ids})
+       $.ajax({
+          "type": "DELETE",
+          "async": true,
+          "url": '/snapshots/delete',
+          "dataType": "json",
+          "data": data,
+          success: function(json,status){
+            bt_refresh.element.trigger('dcmgrGUI.refresh');
+          }
+        });
+       c_list.changeStatus('deleting');
+       $(this).dialog("close");
+      }
+    }
+  });
+  
+  bt_create_volume.target.bind('click',function(){
+    bt_create_volume.open(c_list.getCheckedInstanceIds());
+  });
+  
+  bt_delete_snapshot.target.bind('click',function(){
+    bt_delete_snapshot.open(c_list.getCheckedInstanceIds());
+  });
+
+  bt_refresh.element.bind('dcmgrGUI.refresh',function(){
+    c_list.page = c_pagenate.current_page;
+    list_request.url = DcmgrGUI.Util.getPagePath('/snapshots/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('/snapshots/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/sshkeypair_panel.js

@@ -0,0 +1,161 @@
+DcmgrGUI.prototype.sshKeyPairPanel = function(){
+  var total = 0;
+  var maxrow = 10;
+  var page = 1;
+  var list_request = { 
+    "url" : DcmgrGUI.Util.getPagePath('/keypairs/list/',page),
+    "data" : DcmgrGUI.Util.getPagenateData(page,maxrow)
+  };
+  
+  DcmgrGUI.List.prototype.getEmptyData = function(){
+    return [{
+      "name":''
+    }]
+  }
+  
+  DcmgrGUI.Detail.prototype.getEmptyData = function(){
+    return {
+      "name" : "-",
+      "create_at" : "-",
+      "update_at":''
+    }
+  }
+  
+  var c_pagenate = new DcmgrGUI.Pagenate({
+    row:maxrow,
+    total:total
+  });
+  
+  var c_list = new DcmgrGUI.List({
+    element_id:'#display_ssh_keypairs',
+    template_id:'#sshKeyPairsListTemplate',
+    maxrow:maxrow,
+    page:page
+  });
+  
+  c_list.setDetailTemplate({
+    template_id:'#sshKeypairsDetailTemplate',
+    detail_path:'/keypairs/show/'
+  });
+    
+  c_list.element.bind('dcmgrGUI.contentChange', function(event,params){
+    var ssh_key_pair = params.data.ssh_key_pair;
+    c_pagenate.changeTotal(ssh_key_pair.owner_total);
+    c_list.setData(ssh_key_pair.results);
+    c_list.singleCheckList(c_list.detail_template);
+    
+    c_list.element.find(".show_key").each(function(key,value){
+      var uuid = $(value).attr('id').replace(/button_(ssh-[a-z0-9]+)/,'$1');
+      if(uuid) {
+        $(this).bind('click',function(){
+          c_list.checkRadioButton(uuid);
+          location.href = '/keypairs/prk_download/'+uuid
+        });
+      }
+    })
+  });
+  
+  var bt_refresh  = new DcmgrGUI.Refresh();
+  
+  bt_refresh.element.bind('dcmgrGUI.refresh', function(){
+    
+    //Update list element
+    c_list.page = c_pagenate.current_page;
+    list_request.url = DcmgrGUI.Util.getPagePath('/keypairs/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})
+    
+    $.each(c_list.checked_list, function(check_id,obj){
+      //All remove detail element
+      $($('#detail').find('#'+check_id)).remove();
+      
+      //All reload detail element
+      c_list.checked_list[check_id].c_detail.update({
+        url:DcmgrGUI.Util.getPagePath('/keypairs/show/', check_id)
+      },true);
+    });
+  });
+  
+  c_pagenate.element.bind('dcmgrGUI.updatePagenate', function(){
+    c_list.clearCheckedList();
+    $('#detail').html('');
+    bt_refresh.element.trigger('dcmgrGUI.refresh');
+  });
+  
+  var bt_create_ssh_keypair = new DcmgrGUI.Dialog({
+    target:'.create_ssh_keypair',
+    width:400,
+    height:200,
+    title:'Create SSH Key Pair',
+    path:'/create_ssh_keypair',
+    callback: function(){
+      var html = '<iframe src="javascript:false" name="hiddenIframe" style="display:none"></iframe>';
+      $(this).find('#create_ssh_keypair_dialog').append(html);
+    },
+    button:{
+     "Create": function() { 
+       var name = $(this).find('#ssh_keypair_name').val();
+       var download_once = $(this).find('#ssh_keypair_download_once').attr('checked');
+
+       if(!name){
+         $('#ssh_keypair_name').focus();
+         return false;
+       }
+       
+       if(!name.match(/[a-z0-9_]+/)){
+         $('#ssh_keypair_name').focus();
+         return false;
+       }
+       
+       var iframe = $(this).find('iframe:first').contents();
+       var html = '<form id="prk_download" action="/keypairs/create_ssh_keypair" method="get">'
+                  +'<input type="hidden" name="name" value="'+name+ '">'
+                  +'<input type="hidden" name="download_once" value="'+download_once+ '">'
+                  +'</form>'
+
+       iframe.find('body').append(html);
+       iframe.find("#prk_download").submit();
+       bt_refresh.element.trigger('dcmgrGUI.refresh');
+       $(this).dialog("close");
+      }
+    }
+  });
+  
+  bt_create_ssh_keypair.target.bind('click', function(){
+    bt_create_ssh_keypair.open();
+  });
+  
+  var bt_delete_ssh_keypair = new DcmgrGUI.Dialog({
+    target: '.delete_ssh_keypair',
+    width: 400,
+    height: 200,
+    title: 'Delete SSH Keypair',
+    path: '/delete_ssh_keypair',
+    button:{
+     "Yes, Delete": function() { 
+       var ssh_keypair_id = $(this).find('#ssh_keypair_id').val();
+       $.ajax({
+          "type": "DELETE",
+          "async": true,
+          "url": '/keypairs/'+ ssh_keypair_id +'.json',
+          "dataType": "json",
+          success: function(json, status){
+            bt_refresh.element.trigger('dcmgrGUI.refresh');
+          }
+       });
+       $(this).dialog("close");
+      }
+    }
+  });
+  
+  bt_delete_ssh_keypair.target.bind('click', function() {
+    var id = c_list.currentChecked();
+    if( id ){
+      bt_delete_ssh_keypair.open({"ids":[id]});
+    }
+    return false;
+  });
+
+  c_list.setData(null);
+  c_list.update(list_request,true);
+}