Puttting X in experiment tabs

Project: http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/repo
Commit: 
http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/commit/802e5295
Tree: http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/tree/802e5295
Diff: http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/diff/802e5295

Branch: refs/heads/develop
Commit: 802e5295d5736c17fe8a18d90555b6d7af4289fd
Parents: 58191f6
Author: Nipurn Doshi <nipunh...@gmail.com>
Authored: Thu Sep 22 23:43:14 2016 -0700
Committer: Nipurn Doshi <nipunh...@gmail.com>
Committed: Thu Sep 22 23:43:14 2016 -0700

----------------------------------------------------------------------
 app/views/admin/manage-experiments.blade.php | 42 ++++++++++++++---------
 1 file changed, 25 insertions(+), 17 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/802e5295/app/views/admin/manage-experiments.blade.php
----------------------------------------------------------------------
diff --git a/app/views/admin/manage-experiments.blade.php 
b/app/views/admin/manage-experiments.blade.php
index e53e432..8949f4a 100644
--- a/app/views/admin/manage-experiments.blade.php
+++ b/app/views/admin/manage-experiments.blade.php
@@ -367,23 +367,31 @@ to be uncommented when actually in use.
         $(".loading-img").removeClass("hide");
 
         var expId = $(".experimentId").val();
-        $.ajax({
-            url: 'experiment/summary?expId=' + expId,
-            type: 'get',
-            success: function (data) {
-                //$(".experiment-info").html(data);
-                $("#myTabs").append('<li role="presentation"><a href="#' + 
expId + '" aria-controls="' + expId + '" role="tab" data-toggle="tab">' + expId 
+ '</a></li>');
-                $(".tab-content").append('<div role="tabpanel" 
class="tab-pane" id="' + expId + '">' + data + '</div>');
-                $('#myTabs a[href="#' + expId + '"]').tab('show') // Select 
tab by name
-                
-                //$('#myTabs a[href="#expsummary"]').tab('show') // Select tab 
by name
-                
-                //from time-conversion.js
-                updateTime();
-            }
-        }).complete(function () {
-            $(".loading-img").addClass("hide");
-        });
+        if( $("#" + expId).length <= 0){
+            $.ajax({
+                url: 'experiment/summary?expId=' + expId,
+                type: 'get',
+                success: function (data) {
+                    //$(".experiment-info").html(data);
+                    $("#myTabs").append('<li role="presentation"><a href="#' + 
expId + '" aria-controls="' + expId + '" role="tab" data-toggle="tab">' + expId 
+ '<button type="button" style="margin-left:10px;" class="close pull-right 
close-tab" aria-label="Close"><span 
aria-hidden="true">&times;</span></button></a></li>');
+                    $(".tab-content").append('<div role="tabpanel" 
class="tab-pane" id="' + expId + '">' + data + '</div>');
+                    $('#myTabs a[href="#' + expId + '"]').tab('show') // 
Select tab by name
+                    
+                    //$('#myTabs a[href="#expsummary"]').tab('show') // Select 
tab by name
+                    
+                    //from time-conversion.js
+                    updateTime();
+                }
+            }).complete(function () {
+                $(".loading-img").addClass("hide");
+            });
+        }
+    });
+
+    $("body").on("click", ".close-tab", function(){
+        var idToRemove = $(this).parent().parent().attr("href");
+        $(this).parent().parent().remove();
+        $("#"+idToRemove).remove();
     });
 
     //Experiment stages are under development.

Reply via email to