wakame-vdc-webui 10.12.0 → 11.06.0

data/lib/tasks/dcmgr_oauth.rake

@@ -0,0 +1,39 @@
+namespace :oauth do
+  desc 'Create oauth consumer'
+  task :create_consumer,[:vdc_account_uuid] => :environment do |t,args|
+    
+    split_uuid = args[:vdc_account_uuid].split('-')
+    
+    if args[:vdc_account_uuid].nil? or split_uuid[0] != 'a'
+      puts 'Please set the wakame-vdc account uuid.'
+      exit(0)
+    end
+
+    account_uuid = split_uuid[1]
+    account = Account.find(:uuid => account_uuid)
+    
+    if account.nil?
+      puts "Account not found."
+      exit(0)
+    end
+    
+    oauth_consumer = OauthConsumer.find(:account_id => account.id)
+    
+    if oauth_consumer.nil?
+      oauth_token = OauthToken.new
+      oauth_token.generate_keys
+      oauth_consumer = OauthConsumer.create(
+                               :key => oauth_token.token,
+                               :secret => oauth_token.secret,
+                               :account_id => account.id
+                              )
+    end
+    puts "consumer_key=#{oauth_consumer.key}"
+    puts "secret_key=#{oauth_consumer.secret}"
+  end
+  
+  desc 'Create table'
+  task :create_table => :environment do |t,args|
+    OauthConsumer.create_table!
+  end
+end

data/public/javascripts/dcmgr_gui/account_panel.js

@@ -0,0 +1,6 @@
+DcmgrGUI.prototype.accountPanel = function(){
+  var last_login_at = $('#last_login_at').html(); 
+  last_login_at = DcmgrGUI.date.parseISO8601(last_login_at);  
+  last_login_at = DcmgrGUI.date.setTimezoneOffset(last_login_at, dcmgrGUI.getConfig('time_zone_utc_offset'));
+  $('#last_login_at').html(DcmgrGUI.date.getI18n(last_login_at));
+}

data/public/javascripts/dcmgr_gui/application.js

@@ -4,6 +4,11 @@
 //<![CDATA[
 jQuery(function($){
 
+  //global
+  dcmgrGUI = new DcmgrGUI;
+  dcmgrGUI.initialize();
+  dcmgrGUI.notification = new DcmgrGUI.Notification;
+
 	//サイドメニュー開閉関数
 	var regionpos = 0;
 	$('#regionselect').click(function () {
@@ -83,9 +88,77 @@ jQuery(function($){
     $(this).parent('form').submit();
     return false;
 	});
-	
-	//global
-  dcmgrGUI = new DcmgrGUI;
-	dcmgrGUI.initialize();
+
+  $('#select_language_locale').bind('change', function(){
+    $('#select_language')[0].submit();
+	})
+  
+  $(document).ajaxError(function(e, xhr, settings, exception) {
+    var message = '';
+    if(xhr.status == 0){
+      message = 'Please Check Your Network.';
+    }else if(e == 'parsererror'){
+      message = 'Parsing JSON Request failed.';
+    }else if(e == 'timeout'){
+      message = 'Request Time out.';
+    }else {
+      var is_dcmgr = function() {
+        if(xhr.getResponseHeader("X-Vdc-Request-Id")) {
+            return true;
+        } else {
+            return false;
+        }
+      }
+      
+      if(is_dcmgr()) {
+        try {
+          var r = $.parseJSON(xhr.responseText);
+          var code = r.code;
+          var body = r.message.replace('Dcmgr::Endpoints::', '');
+        } catch(e) {
+          var code = xhr.status;
+          var body = 'Request faild.'
+          dcmgrGUI.logger.push(e.type, xhr);
+        }  
+      } else{
+        var code = xhr.status;
+        var body = xhr.statusText;
+      }
+      
+      message = "<div id='error_box'>"
+              + "<div class='error_code'>" + $.i18n.prop('code_error_box') + ': ' + code + '</div>'
+              + "<div class='error_body'>" + body + '</div>'
+              + '</div>';
+    }
+
+    dcmgrGUI.logger.push(e.type, xhr);
+
+    if(dcmgrGUI.getConfig('error_popup')) {
+      Sexy.error(message);
+      if(dcmgrGUI.getConfig('error_popup_once')) {
+        dcmgrGUI.setConfig('error_popup', false);
+      }
+    }
+  });
+
+  //Region selectmenu
+  $('#regionmenu').selectmenu({
+    width: 208,
+    menuWidth: 208,
+    style:'dropdown',
+    icons: [
+      {find: '.script', icon: 'ui-icon-script'},
+      {find: '.image', icon: 'ui-icon-image'}
+    ],
+    select: function(event){
+    }
+  });
+
+  $('#regionmenu-button').css('font-size', '13px')
+                         .css('height', '25px');
+
+  $('a[id^="ui-selectmenu-item"]').css('font-size', '13px')
+                         .css('height', '17px')  
+
 });
-//]]>
+//]]>

data/public/javascripts/dcmgr_gui/core.js

@@ -23,6 +23,35 @@ DcmgrGUI.Class = (function() {
     }
 })();
 
+DcmgrGUI.Request = DcmgrGUI.Class.create({
+  initialize: function(){
+    
+  },
+  get: function(params){
+    params['type'] = 'GET';
+    return this._request(params);
+  },
+  put: function(params){
+    params['type'] = 'PUT';
+    return this._request(params)
+  },
+  post: function(params){
+    params['type'] = 'POST';
+    return this._request(params);
+  },
+  del: function(params){
+    params['type'] = 'DELETE';
+    return this._request(params);
+  },
+
+  _request: function(params){
+    params['async'] = params['async'] || true;
+    params['dataType'] = 'json';
+    params['cache'] = false;
+    return $.ajax(params);
+  }
+});
+  
 DcmgrGUI.Filter = DcmgrGUI.Class.create({
   initialize: function(){
     this.filters = [];
@@ -51,6 +80,67 @@ DcmgrGUI.Converter.fromMBtoGB = function(data){
   return Math.ceil(data/1024) + 'GB';
 };
 
+DcmgrGUI.Converter.unit = function(data, unit_type){
+  var unit = '';
+  switch(unit_type) {
+    case 'megabyte':
+      unit = 'MB'
+    break;
+
+    case 'gigabyte':
+      unit = 'GB'
+    break;
+  }
+  return  data + unit;
+};
+
+DcmgrGUI.date = {};
+DcmgrGUI.date.parseISO8601 = function (str) {
+  /*
+   Reference: http://anentropic.wordpress.com/2009/06/25/javascript-iso8601-parser-and-pretty-dates/
+  */
+  
+  // we assume str is a UTC date ending in 'Z'
+  var parts = str.split('T'),
+  dateParts = parts[0].split('-'),
+  timeParts = parts[1].split('Z'),
+  timeSubParts = timeParts[0].split(':'),
+  timeSecParts = timeSubParts[2].split('.'),
+  timeHours = Number(timeSubParts[0]),
+  _date = new Date;
+
+  _date.setUTCFullYear(Number(dateParts[0]));
+  _date.setUTCMonth(Number(dateParts[1]));
+  _date.setUTCDate(Number(dateParts[2]));
+  _date.setUTCHours(Number(timeHours));
+  _date.setUTCMinutes(Number(timeSubParts[1]));
+  _date.setUTCSeconds(Number(timeSecParts[0]));
+  if (timeSecParts[1]) _date.setUTCMilliseconds(Number(timeSecParts[1]));
+
+  // by using setUTC methods the date has already been converted to local time(?)
+  return _date;
+};
+
+DcmgrGUI.date.setTimezoneOffset = function(date_str, utc_offset){
+  date_str.setUTCSeconds(utc_offset);
+  return date_str;
+}
+
+DcmgrGUI.date.getI18n = function(date_str){
+
+  var convert = function(value) {
+    return ("0" + value).slice(-2);
+  }
+
+  return $.i18n.prop('display_date', [date_str.getUTCFullYear(), 
+                                   convert(date_str.getUTCMonth()), 
+                                   convert(date_str.getUTCDate()), 
+                                   convert(date_str.getUTCHours()), 
+                                   convert(date_str.getUTCMinutes()), 
+                                   convert(date_str.getUTCSeconds())
+                                   ]);
+};
+
 DcmgrGUI.Pagenate = DcmgrGUI.Class.create({
   initialize: function(params) {
     var self = this;
@@ -66,8 +156,8 @@ DcmgrGUI.Pagenate = DcmgrGUI.Class.create({
       disabled : true,
       text : false
     });
-    
     this.next = DcmgrGUI.Util.createUIButton(this.element.find('.next'),{
+      disabled : true,
       text : false
     });
     
@@ -78,14 +168,7 @@ DcmgrGUI.Pagenate = DcmgrGUI.Class.create({
       };
 
       self.updatePage.call(this,event);
-
-      if (self.current_page === 1) {
-        self.prev.button("option", "disabled", true);
-        self.next.button("option", "disabled", false);
-      } else {
-        self.prev.button("option", "disabled", false);
-        self.next.button("option", "disabled", false);
-      }
+      self.changeArrowButton();
     });
     
     this.next.bind("click",{obj: this},function(event){
@@ -95,35 +178,83 @@ DcmgrGUI.Pagenate = DcmgrGUI.Class.create({
       };
       
       self.updatePage.call(this,event);
-      
-      if (self.current_page === self.page_count) {
-        self.prev.button("option", "disabled", false);
-        self.next.button("option", "disabled", true);
-      } else {
-        self.prev.button("option", "disabled", false);
-        self.next.button("option", "disabled", false);
-      }
+      self.changeArrowButton();
     });
 
     this.renderPagenate();
+    
+    //create topics
+    dcmgrGUI.notification.create_topic('change_pagenate');
+  },
+  changeArrowButton: function() {
+    if (this.current_page === 1){
+      this.prev.button("option", "disabled", true);
+      this.next.button("option", "disabled", false);
+    }else{
+      if (this.current_page === this.page_count) {
+        this.prev.button("option", "disabled", false);
+        this.next.button("option", "disabled", true);
+      } else {
+        this.prev.button("option", "disabled", false);
+        this.next.button("option", "disabled", false);
+      }
+    }
   },
   getPageCount: function(total,row){
     return Math.ceil(total / row)
   },
   changeTotal: function(total){
     this.total = total;
+    
+    if(this.total > (this.current_page * this.row)) {
+      this.next.button("option", "disabled", false);
+    }else{
+      this.next.button("option", "disabled", true);
+    }
+    
     this.page_count = this.getPageCount(this.total,this.row)
     this.renderPagenate();
   },
+  changePage: function() {
+    var self = this;
+    var current_page = $('#viewPagenate').find("#current_page");
+    if(current_page.length != 0) {
+      current_page.bind("focus", function(){
+        this.select();
+      });
+      
+      current_page.bind("keypress", function(event){
+        if(event.keyCode == 13) {
+          var page = parseInt(current_page.val());
+          self.current_page = page;
+          self.page = page;
+          event.data = {'obj': self};
+          self.updatePage.call(this, event);
+          self.changeArrowButton();
+        }
+      });
+    }
+  },
   renderPagenate: function(){
     this.start = this.getStartCount();
     this.offset = this.getOffsetCount();
-    var html = this.start + ' to ' + this.offset + ' of ' + this.total;
-    $("#viewPagenate").html(html+' '+this.view);    
+    if (this.start !== 0 && this.offset !==0 ) {
+      var current_page = '<input type="text" id="current_page" style="width:20px;height:13px" value="'+ this.current_page +'">';
+      var page = $.i18n.prop('page_pagenate', [this.page_count])
+      var total = $.i18n.prop('total_pagenate', [this.total])
+      var html = current_page + ' / ' + page + ' : ' + total;
+      html += ' ' + this.view
+    } else{
+      var html = '';
+    }
+    $("#viewPagenate").html(html);
+    this.changePage()
   },
   updatePage: function(event){
     var self = event.data.obj;
-    var name = $(this).attr('class').split(' ')[0];
+    if($(this).attr('class')) {
+      var name = $(this).attr('class').split(' ')[0];
+    }
 
     if(self.current_page >= 1 && self.current_page < self.page_count) {
       if(name === 'next'){
@@ -140,6 +271,7 @@ DcmgrGUI.Pagenate = DcmgrGUI.Class.create({
     }
     self.renderPagenate();
     self.element.trigger('dcmgrGUI.updatePagenate');
+    dcmgrGUI.notification.publish('change_pagenate');
   },
   getOffsetCount: function(){
     var count = (this.current_page * this.row);
@@ -163,7 +295,7 @@ DcmgrGUI.Pagenate = DcmgrGUI.Class.create({
 DcmgrGUI.Dialog = DcmgrGUI.Class.create({
   initialize: function(params) {
     this.target = $(params['target']);
-    this.element = $('<div></div>')
+    this.element = $('<div></div>');
     this.path_prefix = '/dialog';
     this.path = this.path_prefix + params['path'];
     this.width = params['width'];
@@ -171,6 +303,8 @@ DcmgrGUI.Dialog = DcmgrGUI.Class.create({
     this.title = params['title'];
     this.button = params['button'];
     this.callback = params['callback'] ||null;
+    
+    dcmgrGUI.notification.create_topic('close_dialog');
   },
   open: function(params){
     //multi select action
@@ -185,35 +319,54 @@ DcmgrGUI.Dialog = DcmgrGUI.Class.create({
     }
     this.content.dialog('open');
   },
-  disabledButton: function(buttonName,disabled){
-    var widget = this.content
-                  .dialog('widget')
-                  .find(".ui-button-text:contains('"+ buttonName +"')")
-                  .parent();
+  getWidgetButton: function(num) {
+    var widget = $(this.content.dialog('widget')
+                    .find(".ui-button-text")[num])
+    return widget;
+  },
+  disabledButton: function(num, disabled){
+    var widget = this.getWidgetButton(num);
     if( widget ) {
-      widget.button("option", "disabled", disabled);
-    }       
+      widget.parent().button("option", "disabled", disabled);
+    }
   },
   close: function(){
     this.content.dialog('close');
   },
+  enableDialogButton: function(){
+    $(this.target).button({ disabled: false });
+  },
+  disableDialogButton: function(){
+    $(this.target).button({ disabled: true });
+  },
+  is_disabled: function(){
+    return $(this.target).button("option", "disabled");
+  },
   create: function(params){
+    //initialize
+    this.element = $('<div></div>');
+    
     this.content = this.element
-        .load(this.path,params,this.callback)
-  			.dialog({
-  				title: this.title,
-  				disable: false,
-  				autoOpen: false,
-  				bgiframe: true,
-  				width: this.width,
-  				height: this.height,
-  				modal: true,
-  				resizable: true,
-  				closeOnEscape: true,
-  				closeText: 'hide',
-  				draggable:false,
-  				buttons: this.button
-  	});
+                       .load(this.path + '?_=' + (new Date()).getTime(),
+                             params,
+                             this.callback)
+                       .dialog({
+                           title: this.title,
+                           disable: false,
+                           autoOpen: false,
+                           bgiframe: true,
+                           width: this.width,
+                           height: this.height,
+                           modal: true,
+                           resizable: true,
+                           closeOnEscape: true,
+                           closeText: 'hide',
+                           draggable:false,
+                           buttons: this.button,
+                           close: function(event, ui) {
+                             dcmgrGUI.notification.publish('close_dialog');
+                           }
+                       });
   }
 });
 
@@ -224,48 +377,28 @@ DcmgrGUI.ContentBase = DcmgrGUI.Class.create({
     } else {
       this.element = $('<div></div>');
     }
-    
     this.template = params.template_id;
-    this.events = this.events||[];
-    //prototype.register_event function add to call before initialize function
-    this.bind_events();
     this.filter = new DcmgrGUI.Filter();
   },
-  update:function(request,async){
-    this.request = request;
-    this.async = async;
+  update:function(params,async){
     var self = this;
 
-    $("#list_load_mask").mask("Loading...");
+    $("#list_load_mask").mask($.i18n.prop('loading_parts'));
     self.element.trigger('dcmgrGUI.beforeUpdate');
-    $.ajax({
-       async: async||true,
-       url: request.url,
-       dataType: "json",
-       data: request.data,
-       success: function(json,status,xhr){
-         self.filter.execute(json); 
-         self.element.trigger('dcmgrGUI.contentChange',[{"data":json,"self":self}]);
-         self.element.trigger('dcmgrGUI.afterUpdate',[{"data":json,"self":self}]);
-       },
-       complete: function(xhr, status) {
-         $("#list_load_mask").unmask();
-       },
-       error: function(xhr, status, error){
-         alert('Dcmgr connection '+status);
-       }
-     });
-  },
-  register_event:function(name,handler){
-    this.events = this.events||[]
-    this.events.push({
-      "name":name,
-      "handler":handler
-    })
-  },bind_events:function(){
-    for(var i in this.events){
-      this.element.bind(this.events[i].name,this.events[i].handler);
-    }
+
+    var request = new DcmgrGUI.Request;
+    request.get({
+      url: params.url,
+      data: params.data,
+      success: function(json,status,xhr){
+        self.filter.execute(json); 
+        self.element.trigger('dcmgrGUI.contentChange',[{"data":json,"self":self}]);
+        self.element.trigger('dcmgrGUI.afterUpdate',[{"data":json,"self":self}]);
+      },
+      complete: function(xhr, status) {
+        $("#list_load_mask").unmask();
+      }
+    });
   }
 });
 
@@ -322,6 +455,77 @@ DcmgrGUI.Util.createUIButton = function(element,options){
           });
 }
 
+DcmgrGUI.Event = DcmgrGUI.Class.create({
+
+  initialize: function(){
+    this.events = {}
+  },
+  attach: function(event_name, func){
+    if(!this.events[event_name] && typeof func === "function") {
+      this.events[event_name] = func;
+    }
+  },
+  detach: function(event_name){
+    if(this.events[event_name]) {
+      delete this.events[event_name];
+    }
+  },
+  fire: function(event_name){
+    if(this.events[event_name]) {
+      this.events[event_name]();
+    }
+  }
+});
+
+DcmgrGUI.Notification = DcmgrGUI.Class.create({
+
+  initialize: function() {
+    this.topics = {};
+    this.evaluation_list = {};
+    this.subscription_id = 1;
+  },
+  create_topic: function(topic_id) {
+    if(!this.topics[topic_id]) {
+      this.topics[topic_id] = [];
+    }
+  },
+  subscribe: function(topic_id, target, method_name, options) {
+    if( this.topics[topic_id] ) {
+      this.topics[topic_id].push({'target': target,
+                                  'method_name': method_name,
+                                  'options': options,
+                                  'subscription_id': this.subscription_id})
+      var subscription_id = this.subscription_id;
+      this.subscription_id += 1;
+      return subscription_id;
+    }
+  },
+  add_evaluation: function(subscription_id, logic) {
+    this.evaluation_list[subscription_id] = logic;
+  },
+  evaluate: function(subscription_id) {
+    if(jQuery.isFunction(this.evaluation_list[subscription_id])) {
+      return this.evaluation_list[subscription_id]();
+    } else{
+      return true;
+    }
+  },
+  publish: function(topic_id) {
+    if(this.topics[topic_id]) {
+      var size = this.topics[topic_id].length;
+      for (i=0; i < size; i++) {
+        var topic = this.topics[topic_id][i];
+        var target = topic['target'];
+        var method_name = topic['method_name'];
+        if(this.evaluate(topic['subscription_id'])) {
+          target[method_name](topic['options']);
+        }
+      }
+    }
+  }
+
+});
+
 DcmgrGUI.List = DcmgrGUI.Class.create(DcmgrGUI.ContentBase, {
   initialize: function(params){
     DcmgrGUI.ContentBase.prototype.initialize(params);
@@ -329,7 +533,24 @@ DcmgrGUI.List = DcmgrGUI.Class.create(DcmgrGUI.ContentBase, {
     this.detail_template = {};
     this.maxrow = params.maxrow
     this.page = params.page
-    
+    this.detail_filter = new DcmgrGUI.Filter(); 
+    this.detail_filter.add(function(data){
+      
+      if(data.item.created_at) {
+        data.item.created_at = DcmgrGUI.date.parseISO8601(data.item.created_at);
+        data.item.created_at = DcmgrGUI.date.setTimezoneOffset(data.item.created_at, dcmgrGUI.getConfig('time_zone_utc_offset'));
+        data.item.created_at = DcmgrGUI.date.getI18n(data.item.created_at);
+      }
+
+      if(data.item.updated_at) {
+        data.item.updated_at = DcmgrGUI.date.parseISO8601(data.item.updated_at);
+        data.item.updated_at = DcmgrGUI.date.setTimezoneOffset(data.item.updated_at, dcmgrGUI.getConfig('time_zone_utc_offset'));
+        data.item.updated_at = DcmgrGUI.date.getI18n(data.item.updated_at);
+      }
+
+      return data;
+    });
+
     var self = this;
 
     this.element.bind('dcmgrGUI.afterUpdate',function(event){
@@ -365,12 +586,14 @@ DcmgrGUI.List = DcmgrGUI.Class.create(DcmgrGUI.ContentBase, {
     this.element.bind('dcmgrGUI.updateList',function(event,params){
       self.update(params.request,true)
     });
-    
+    dcmgrGUI.notification.create_topic('checked_box');
+    dcmgrGUI.notification.create_topic('unchecked_box');
+    dcmgrGUI.notification.create_topic('checked_radio');
   },
   setDetailTemplate:function(template){
     this.detail_template = template;
   },
-  getCheckedInstanceIds:function(checked_list){
+  getCheckedInstanceIds:function(){
     var ids = []
     for(var id in this.checked_list){
       ids.push(id);
@@ -419,6 +642,18 @@ DcmgrGUI.List = DcmgrGUI.Class.create(DcmgrGUI.ContentBase, {
       return null;
     }
   },
+  currentMultiChecked:function(){
+    var checked_list = this.element.find("[type='checkbox']:checked");
+    var ids = [];
+    
+    $.each(checked_list, function(key, item){
+     ids.push($(item).val());
+    })
+    
+    return {
+      'ids':ids
+    }
+  },
   singleCheckList:function(params){
     var self = this;
     this.element.find("[type='radio']").each(function(key,value){
@@ -426,19 +661,22 @@ DcmgrGUI.List = DcmgrGUI.Class.create(DcmgrGUI.ContentBase, {
         var check_id = $(this).val();
         
         if($(this).is(':checked')){
+          
+          dcmgrGUI.notification.publish('checked_radio');
+          
           var c_detail = new DcmgrGUI.Detail({
             template_id:params.template_id
           });
-          
+           
           c_detail.element.bind('dcmgrGUI.contentChange',function(event,params){
             var data = { item:params.data }
-            
             //initialize
             if(!params.data){
               data.item = self.getEmptyData();
             }
-            
+
             if(data.item){
+              self.detail_filter.execute(data);
               $('#detail').html($( c_detail.template ).tmpl(data));
             }
           });
@@ -455,12 +693,15 @@ DcmgrGUI.List = DcmgrGUI.Class.create(DcmgrGUI.ContentBase, {
   },
   multiCheckList:function(params){
     var self = this;
-    this.element.find("[type='checkbox']").each(function(key,value){
+    var checkboxies = this.element.find("[type='checkbox']");
+    checkboxies.each(function(key,value){
+      
       $(this).click(function(){
         var check_id = $(this).val();
         
         if($(this).is(':checked')){
-
+          dcmgrGUI.notification.publish('checked_box');
+          
           //step1:onclick checkbox and generate detail object
           self.checked_list[check_id] = {
             //+1 is to remove table header
@@ -473,7 +714,8 @@ DcmgrGUI.List = DcmgrGUI.Class.create(DcmgrGUI.ContentBase, {
           }
           
           //step2:bind event dcmgrGUI.contentChange
-          self.checked_list[check_id].c_detail.element.bind('dcmgrGUI.contentChange',function(event,params){
+          var detail_element = self.checked_list[check_id].c_detail.element;
+          detail_element.bind('dcmgrGUI.contentChange',function(event,params){
             if(self.checked_list[check_id]){
             
               //step4:marge data in template
@@ -484,12 +726,10 @@ DcmgrGUI.List = DcmgrGUI.Class.create(DcmgrGUI.ContentBase, {
                 data.item = self.checked_list[check_id].c_detail.getEmptyData();
               }
               
-              if (self.detail_template.filter) {
-                self.detail_template.filter.execute(data);
-              };
               self.checked_list[check_id].c_detail.filter.execute(data);
               
               if(data.item){
+                self.detail_filter.execute(data);
                 $( self.checked_list[check_id].c_detail.template )
                   .tmpl(data)
                   .appendTo( $('#detail') );
@@ -503,12 +743,12 @@ DcmgrGUI.List = DcmgrGUI.Class.create(DcmgrGUI.ContentBase, {
           },true);
 
         }else{
+          dcmgrGUI.notification.publish('unchecked_box');
           //remove detail
           if(self.checked_list[check_id]){
-           $($('#detail').find('#'+check_id)).remove();
-           delete self.checked_list[check_id]
-         }
-          
+            $($('#detail').find('#'+check_id)).remove();
+            delete self.checked_list[check_id]
+          }
         }
       });
     })
@@ -520,18 +760,19 @@ DcmgrGUI.Detail = DcmgrGUI.Class.create(DcmgrGUI.ContentBase, {
 
 DcmgrGUI.Refresh = DcmgrGUI.Class.create({
   initialize: function(){
-    this.element = $('.refresh');
+    this.target = '.refresh'
+    this.element = $(this.target);
     var self = this;
     self.element.live('click',function(){
       self.element.trigger('dcmgrGUI.refresh');
     })
-  },
+  }
 });
 
 DcmgrGUI.ItemSelector = DcmgrGUI.Class.create({
   
   initialize: function(params) {
-
+    this.element = $(params.target);
     this.left_select_id = params.left_select_id;
     this.right_select_id = params.right_select_id;
     this.data = params.data;
@@ -551,7 +792,7 @@ DcmgrGUI.ItemSelector = DcmgrGUI.Class.create({
     $(select_id).html('');
     for(var i = 0;i < selectionsSize  ;i++) {
       if(selectionsArray[i] !== null ){
-        $(select_id).append(selectionsArray[i]);
+        this.element.find(select_id).append(selectionsArray[i]);
       }
     }
   },
@@ -564,7 +805,7 @@ DcmgrGUI.ItemSelector = DcmgrGUI.Class.create({
   },
   leftToRight: function() {
     var self = this;
-    $(this.left_select_id).find('option:selected').each(function(){
+    this.element.find(this.left_select_id).find('option:selected').each(function(){
       var index = $(this).attr('id');
       self.leftSelectionsArray[index] = null;
       self.rightSelectionsArray[index] = this;
@@ -575,7 +816,7 @@ DcmgrGUI.ItemSelector = DcmgrGUI.Class.create({
   },
   rightToLeft: function() {
     var self = this;
-    $(this.right_select_id).find('option:selected').each(function(){
+    this.element.find(this.right_select_id).find('option:selected').each(function(){
       var index = $(this).attr('id');
       self.leftSelectionsArray[index] = this;
       self.rightSelectionsArray[index] = null;
@@ -583,11 +824,77 @@ DcmgrGUI.ItemSelector = DcmgrGUI.Class.create({
     });
     
     this.refreshOptions(this.left_select_id,this.leftSelectionsArray);
+  },
+  getRightSelectionCount: function(){
+    var count = 0;
+    $.each(this.rightSelectionsArray,function(key, value){
+     if(value != null) {
+      count++;
+     } 
+    });
+    return count;
+  }
+
+});
+
+DcmgrGUI.ToolTip　= DcmgrGUI.Class.create({
+  initialize: function(params) {
+    this.target = params.target;
+    this.element = $(params.element);
+  },
+  create: function(params){
+    this.content = this.element.find(this.target)
+                       .cluetip(params);
+  },
+  close: function(){
+    this.content.trigger('hideCluetip');
+  }
+});
+
+DcmgrGUI.Logger = DcmgrGUI.Class.create({
+  initialize: function() {
+    this.stack = [];
+  },
+  push: function(type, item) {
+    this.stack.push({
+      'type': type,
+      'item': item
+    });
+  },
+  getLog: function(limit, type) {
+    var size = this.stack.length;
+    var results = [];
+    var count = 0;
+    var limit = limit || this.stack.length;
+    var type = 'ajaxError';
+    for(var i=0; i< size; i++) {
+      if(this.stack[i].type == type) {
+        if(count < limit) {
+          results.push(this.stack[i]);
+          count +=1;
+        } else {
+          break;
+        }
+      }
+    }
+    return results;
   }
 });
 
 DcmgrGUI.prototype = {
   initialize:function(){
     $.deferred.define();
+    this.config = {
+      error_popup: true,
+      error_popup_once: true
+    };
+
+    this.logger = new DcmgrGUI.Logger();
+  },
+  getConfig: function(key){
+    return this.config[key];
+  },
+  setConfig: function(key, value) {
+    this.config[key] = value;
   }
-}
+}