From 202da411fadf3b54b1263d1087d4303a2b03bc65 Mon Sep 17 00:00:00 2001
From: Isaac Chiang <isaacchiang@gmail.com>
Date: Wed, 5 Jun 2013 20:14:21 +0800
Subject: [PATCH] CLOUDSTACK-2855: UI - project view 1.Dynamically add newly
 created project to dropdown list 2.Return to default view if a user deletes
 the same project in project view

Modified:   ui/scripts/projects.js
Modified:   ui/scripts/ui-custom/projects.js
---
 ui/scripts/projects.js           |  3 +++
 ui/scripts/ui-custom/projects.js | 25 +++++++++++++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/ui/scripts/projects.js b/ui/scripts/projects.js
index 4004709a75d..ea1e6dbdd02 100644
--- a/ui/scripts/projects.js
+++ b/ui/scripts/projects.js
@@ -849,6 +849,9 @@
                           getUpdatedItem: function(data) {
                             return $.extend(data, { state: 'Destroyed' });
                           },
+                          onComplete: function(data) {
+                            $(window).trigger('cloudStack.deleteProject', args);
+                          },
                           getActionFilter: function(args) {
                             return function() {
                               return [];
diff --git a/ui/scripts/ui-custom/projects.js b/ui/scripts/ui-custom/projects.js
index 82abadd7fe8..7824b3de11c 100644
--- a/ui/scripts/ui-custom/projects.js
+++ b/ui/scripts/ui-custom/projects.js
@@ -333,9 +333,15 @@
           response: {
             success: function(args) {
               var project = args.data;
+              var $projectSwitcher = $('div.project-switcher');
 
               $(window).trigger('cloudStack.fullRefresh');
 
+              // dynamically add newly created project into project switcher
+              $projectSwitcher.find('select').append(
+                $('<option>').val(project.id).html(project.name)
+              );
+
               $loading.remove();
 
               // Confirmation
@@ -681,6 +687,20 @@
     }).closest('.ui-dialog').overlay();
   };
 
+  var deleteProject = function(args) {
+    var projectId = args.id;
+    var $projectSwitcher = $('div.project-switcher');
+    var contextProjectId = cloudStack.context.projects ? cloudStack.context.projects[0].id : -1;
+
+    $projectSwitcher.find('option[value="'+projectId+'"]').remove();
+
+    //return to default view if current project is deleted
+    if(contextProjectId == projectId) {
+      $projectSwitcher.find('select').trigger('change');
+    }
+    return false;
+  };
+
   /**
    * Show the dashboard, in panel
    */
@@ -741,4 +761,9 @@
   $(window).bind('cloudStack.newProject', function() {
     addProject();
   });
+
+
+  $(window).bind('cloudStack.deleteProject', function(event, args) {
+    deleteProject({id: args.data.id});
+  });
 })(cloudStack, jQuery);