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">×</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.