Repository: airavata-php-gateway Updated Branches: refs/heads/master 887eed2fb -> 7bf866340
some implementation of experiment statistics 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/7bf86634 Tree: http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/tree/7bf86634 Diff: http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/diff/7bf86634 Branch: refs/heads/master Commit: 7bf8663403d61d18c91282d3087c6c24b3764cbb Parents: 887eed2 Author: Supun Nakandala <[email protected]> Authored: Fri Jun 12 01:46:55 2015 +0530 Committer: Supun Nakandala <[email protected]> Committed: Fri Jun 12 01:46:55 2015 +0530 ---------------------------------------------------------------------- app/controllers/AdminController.php | 11 + app/libraries/AdminUtilities.php | 15 + app/routes.php | 2 + app/views/admin/experiment-statistics.blade.php | 98 ++++ app/views/admin/manage-experiments.blade.php | 554 ++++++++----------- 5 files changed, 367 insertions(+), 313 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/7bf86634/app/controllers/AdminController.php ---------------------------------------------------------------------- diff --git a/app/controllers/AdminController.php b/app/controllers/AdminController.php index 2c468fe..d4f4dfc 100644 --- a/app/controllers/AdminController.php +++ b/app/controllers/AdminController.php @@ -123,4 +123,15 @@ class AdminController extends BaseController { return $gateway; } + + + public function experimentStatistics() + { + if (Request::ajax()) { + $inputs = Input::all(); + $expStatistics = AdminUtilities::getExperimentExecutionStatistics(strtotime($inputs['fromTime']) * 1000 + , strtotime($inputs['toTime']) * 1000); + return View::make("admin/experiment-statistics", array("expStatistics" => $expStatistics)); + } + } } \ No newline at end of file http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/7bf86634/app/libraries/AdminUtilities.php ---------------------------------------------------------------------- diff --git a/app/libraries/AdminUtilities.php b/app/libraries/AdminUtilities.php index 38e4693..c859db8 100644 --- a/app/libraries/AdminUtilities.php +++ b/app/libraries/AdminUtilities.php @@ -5,6 +5,11 @@ use Airavata\Model\Workspace\Gateway; class AdminUtilities { + /** + * To create a new gateway + * @param $input + * @return string + */ public static function addGateway($input) { $gateway = new Gateway(); @@ -15,4 +20,14 @@ class AdminUtilities return Airavata::addGateway($gateway); } + /** + * Method to get experiment execution statistics object + * @param $fromTime + * @param $toTime + * @return \Airavata\Model\Workspace\Experiment\ExperimentStatistics + */ + public static function getExperimentExecutionStatistics($fromTime, $toTime) + { + return Airavata::getExperimentStatistics(Config::get('pga_config.airavata')['gateway-id'], $fromTime, $toTime); + } } \ No newline at end of file http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/7bf86634/app/routes.php ---------------------------------------------------------------------- diff --git a/app/routes.php b/app/routes.php index d6cb53e..da8e601 100755 --- a/app/routes.php +++ b/app/routes.php @@ -168,6 +168,8 @@ Route::get("admin/dashboard/roles", "AdminController@rolesView"); Route::get("admin/dashboard/experiments", "AdminController@experimentsView"); +Route::get("admin/dashboard/experimentStatistics", "AdminController@experimentStatistics"); + Route::get("admin/dashboard/resources", "AdminController@resourcesView"); Route::get("admin/dashboard/experiment/summary", function () { http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/7bf86634/app/views/admin/experiment-statistics.blade.php ---------------------------------------------------------------------- diff --git a/app/views/admin/experiment-statistics.blade.php b/app/views/admin/experiment-statistics.blade.php new file mode 100644 index 0000000..88938c4 --- /dev/null +++ b/app/views/admin/experiment-statistics.blade.php @@ -0,0 +1,98 @@ +<!-- high level statistics --> +<div class="high-level-values row tex-center"> + <div class="col-lg-3 col-md-6"> + <div class="panel panel-primary"> + <div class="panel-heading"> + <div class="row"> + <div class="col-xs-3"> + <i class="fa fa-comments fa-5x"></i> + </div> + <div class="col-xs-9 text-right"> + <div class="huge">{{$expStatistics->allExperimentCount}}</div> + <div>Total Experiments</div> + </div> + </div> + </div> + <a href="#"> + <div class="panel-footer"> + <span class="pull-left">View Details</span> + <span class="pull-right"><span class="glyphicon glyphicon-arrow-right"></span></span> + + <div class="clearfix"></div> + </div> + </a> + </div> + </div> + + <div class="col-lg-3 col-md-6"> + <div class="panel panel-green"> + <div class="panel-heading"> + <div class="row"> + <div class="col-xs-3"> + <i class="fa fa-comments fa-5x"></i> + </div> + <div class="col-xs-9 text-right"> + <div class="huge">{{$expStatistics->completedExperimentCount}}</div> + <div>Successful Experiments</div> + </div> + </div> + </div> + <a href="#"> + <div class="panel-footer"> + <span class="pull-left">View Details</span> + <span class="pull-right"><span class="glyphicon glyphicon-arrow-right"></span></i></span> + + <div class="clearfix"></div> + </div> + </a> + </div> + </div> + + <div class="col-lg-3 col-md-6"> + <div class="panel panel-yellow"> + <div class="panel-heading"> + <div class="row"> + <div class="col-xs-3"> + <i class="fa fa-comments fa-5x"></i> + </div> + <div class="col-xs-9 text-right"> + <div class="huge">{{$expStatistics->cancelledExperimentCount}}</div> + <div>Canceled Experiments</div> + </div> + </div> + </div> + <a href="#"> + <div class="panel-footer"> + <span class="pull-left">View Details</span> + <span class="pull-right"><span class="glyphicon glyphicon-arrow-right"></span></i></span> + + <div class="clearfix"></div> + </div> + </a> + </div> + </div> + + <div class="col-lg-3 col-md-6"> + <div class="panel panel-red"> + <div class="panel-heading"> + <div class="row"> + <div class="col-xs-3"> + <i class="fa fa-comments fa-5x"></i> + </div> + <div class="col-xs-9 text-right"> + <div class="huge">{{$expStatistics->failedExperimentCount}}</div> + <div>Failed Experiments</div> + </div> + </div> + </div> + <a href="#"> + <div class="panel-footer"> + <span class="pull-left">View Details</span> + <span class="pull-right"><span class="glyphicon glyphicon-arrow-right"></span></span> + + <div class="clearfix"></div> + </div> + </a> + </div> + </div> +</div> http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/7bf86634/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 895bd0d..d1dfadf 100644 --- a/app/views/admin/manage-experiments.blade.php +++ b/app/views/admin/manage-experiments.blade.php @@ -38,335 +38,247 @@ </div> </div> -<div class="dates row"> - <h1 class="text-center well alert alert-danger">UI beyond this message is under construction view with dummy - values.</h1> +<hr/> +<br/> - <div class="col-md-12"> - Select dates between which you want to review experiments. - </div> - <div class="col-sm-8" style="height:75px;"> - <div class='col-md-6'> - <div class="form-group"> - <div class='input-group date' id='datetimepicker9'> - <input type='text' class="form-control" placeholder="From Date" name="from-date" - value="<?php if (isset($_POST['from-date'])) echo $_POST['from-date'] ?>"/> - <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> - </span> - </div> - </div> +<div class="dates row"> + <div class="well col-md-12"> + <div class="col-md-12"> + <h4>Select dates between which you want to review experiment statistics.</h4> </div> - <div class='col-md-6'> - <div class="form-group"> - <div class='input-group date' id='datetimepicker10'> - <input type='text' class="form-control" placeholder="To Date" name="to-date" - value="<?php if (isset($_POST['to-date'])) echo $_POST['to-date'] ?>"/> + <div class="col-md-10"> + <div class='col-md-5'> + <div class="form-group"> + <div class='input-group date' id='datetimepicker9'> + <input type='text' class="form-control" placeholder="From Date" name="from-date"/> <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> </span> - </div> - </div> - </div> - </div> -</div> -<!-- high level statistics --> -<div class="high-level-values row tex-center"> - <div class="col-lg-3 col-md-6"> - <div class="panel panel-primary"> - <div class="panel-heading"> - <div class="row"> - <div class="col-xs-3"> - <i class="fa fa-comments fa-5x"></i> - </div> - <div class="col-xs-9 text-right"> - <div class="huge">26</div> - <div>Total Experiments</div> - </div> - </div> - </div> - <a href="#"> - <div class="panel-footer"> - <span class="pull-left">View Details</span> - <span class="pull-right"><span class="glyphicon glyphicon-arrow-right"></span></span> - - <div class="clearfix"></div> - </div> - </a> - </div> - </div> - - <div class="col-lg-3 col-md-6"> - <div class="panel panel-green"> - <div class="panel-heading"> - <div class="row"> - <div class="col-xs-3"> - <i class="fa fa-comments fa-5x"></i> - </div> - <div class="col-xs-9 text-right"> - <div class="huge">16</div> - <div>Successful Experiments</div> - </div> - </div> - </div> - <a href="#"> - <div class="panel-footer"> - <span class="pull-left">View Details</span> - <span class="pull-right"><span class="glyphicon glyphicon-arrow-right"></span></i></span> - - <div class="clearfix"></div> - </div> - </a> - </div> - </div> - - <div class="col-lg-3 col-md-6"> - <div class="panel panel-yellow"> - <div class="panel-heading"> - <div class="row"> - <div class="col-xs-3"> - <i class="fa fa-comments fa-5x"></i> - </div> - <div class="col-xs-9 text-right"> - <div class="huge">10</div> - <div>Canceled Experiments</div> </div> </div> </div> - <a href="#"> - <div class="panel-footer"> - <span class="pull-left">View Details</span> - <span class="pull-right"><span class="glyphicon glyphicon-arrow-right"></span></i></span> - - <div class="clearfix"></div> - </div> - </a> - </div> - </div> - - <div class="col-lg-3 col-md-6"> - <div class="panel panel-red"> - <div class="panel-heading"> - <div class="row"> - <div class="col-xs-3"> - <i class="fa fa-comments fa-5x"></i> - </div> - <div class="col-xs-9 text-right"> - <div class="huge">6</div> - <div>Failed Experiments</div> + <div class='col-md-5'> + <div class="form-group"> + <div class='input-group date' id='datetimepicker10'> + <input type='text' class="form-control" placeholder="To Date" name="to-date"/> + <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> + </span> </div> </div> </div> - <a href="#"> - <div class="panel-footer"> - <span class="pull-left">View Details</span> - <span class="pull-right"><span class="glyphicon glyphicon-arrow-right"></span></span> - - <div class="clearfix"></div> - </div> - </a> - </div> - </div> -</div> - -<div class="row"> - <div class="col-lg-12"> - <div class="panel panel-primary"> - <div class="panel-heading"> - <h3 class="panel-title"><i class="fa fa-bar-chart-o"></i>Experiment v/s Time Graph</h3> - </div> - <div class="panel-body"> - <div class="flot-chart"> - <div class="flot-chart-content" id="flot-line-chart" style="padding: 0px; position: relative;"> - <canvas class="base" width="1596" height="400"></canvas> - <canvas class="overlay" width="1596" height="400" - style="position: absolute; left: 0px; top: 0px;"></canvas> - <div class="tickLabels" style="font-size:smaller"> - <div class="xAxis x1Axis" style="color:#545454"> - <div class="tickLabel" - style="position:absolute;text-align:center;left:-33px;top:383px;width:122px">0 - </div> - <div class="tickLabel" - style="position:absolute;text-align:center;left:97px;top:383px;width:122px">1 - </div> - <div class="tickLabel" - style="position:absolute;text-align:center;left:228px;top:383px;width:122px">2 - </div> - <div class="tickLabel" - style="position:absolute;text-align:center;left:358px;top:383px;width:122px">3 - </div> - <div class="tickLabel" - style="position:absolute;text-align:center;left:488px;top:383px;width:122px">4 - </div> - <div class="tickLabel" - style="position:absolute;text-align:center;left:619px;top:383px;width:122px">5 - </div> - <div class="tickLabel" - style="position:absolute;text-align:center;left:749px;top:383px;width:122px">6 - </div> - <div class="tickLabel" - style="position:absolute;text-align:center;left:879px;top:383px;width:122px">7 - </div> - <div class="tickLabel" - style="position:absolute;text-align:center;left:1010px;top:383px;width:122px">8 - </div> - <div class="tickLabel" - style="position:absolute;text-align:center;left:1140px;top:383px;width:122px">9 - </div> - <div class="tickLabel" - style="position:absolute;text-align:center;left:1270px;top:383px;width:122px">10 - </div> - <div class="tickLabel" - style="position:absolute;text-align:center;left:1401px;top:383px;width:122px">11 - </div> - </div> - <div class="yAxis y1Axis" style="color:#545454"> - <div class="tickLabel" - style="position:absolute;text-align:right;top:337px;right:1575px;width:21px">-1.0 - </div> - <div class="tickLabel" - style="position:absolute;text-align:right;top:259px;right:1575px;width:21px">-0.5 - </div> - <div class="tickLabel" - style="position:absolute;text-align:right;top:182px;right:1575px;width:21px">0.0 - </div> - <div class="tickLabel" - style="position:absolute;text-align:right;top:104px;right:1575px;width:21px">0.5 - </div> - <div class="tickLabel" - style="position:absolute;text-align:right;top:26px;right:1575px;width:21px">1.0 - </div> - </div> - </div> - <div class="legend"> - <div - style="position: absolute; width: 45px; height: 34px; top: 9px; right: 9px; opacity: 0.85; background-color: rgb(255, 255, 255);"></div> - <table style="position:absolute;top:9px;right:9px;;font-size:smaller;color:#545454"> - <tbody> - <tr> - <td class="legendColorBox"> - <div style="border:1px solid #ccc;padding:1px"> - <div - style="width:4px;height:0;border:5px solid rgb(237,194,64);overflow:hidden"></div> - </div> - </td> - <td class="legendLabel">Canceled Experiments</td> - </tr> - <tr> - <td class="legendColorBox"> - <div style="border:1px solid #ccc;padding:1px"> - <div - style="width:4px;height:0;border:5px solid rgb(175,216,248);overflow:hidden"></div> - </div> - </td> - <td class="legendLabel">Successful Experiments</td> - </tr> - </tbody> - </table> - </div> - </div> - - - </div> + <div class="col-md-2"> + <button name="getStatistics" id="getStatistics" type="submit" class="btn btn-primary pull-right" + value="GetStatistics"><span + class="glyphicon glyphicon-search"></span> Get Statistics + </button> </div> </div> </div> + <div class="experiment-statistics"></div> </div> -<div class="row"> - <h1 class="text-center well alert alert-danger">Proposed UI to view flow of one experiment.</h1> - - <div class="tree"> - <ul> - <li> - <span><i class="icon-calendar"></i>Experiment 1</span> - <ul> - <li> - <span class="badge badge-success"><i class="icon-minus-sign"></i>Pre Processing</span> - <ul> - <li> - <a href=""><span class="alert alert-success"><i class="icon-time"></i>2015-04-17 15:21:21</span> – - PGA to Airavata Authentication Successful</a> - </li> - <li> - <a href=""><span class="alert alert-success"><i class="icon-time"></i>2015-04-17 15:21:21</span> – - Airavata to Resource Authentication Successful</a> - </li> - </ul> - </li> - <li> - <span class="badge badge-success"><i class="icon-minus-sign"></i>Input Staging</span> - <ul> - <li> - <span class="alert alert-success"><i - class="icon-time"></i>2015-04-17 15:21:21</span> – <a href="">PGA to - Airavata File Transfer Successful</a> - </li> - <li> - <span class="alert alert-success" abhi><i - class="icon-time"></i>2015-04-17 15:21:21</span> – <a href="">Airavata to - Resource File Transfer Successful</a> - </li> - </ul> - </li> - <li> - <span class="badge badge-warning"><i class="icon-minus-sign"></i>Job Description</span> - <ul> - <li> - <a href=""><span> - Long Script of Job Description / PBS Script <br/> - <br/> - <p> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean - commodo ligula eget dolor. Aenean massa. Cum sociis natoque - penatibus et magnis dis parturient montes, nascetur ridiculus - mus. Donec quam felis, ultricies nec, pellentesque eu, pretium - quis, sem. Nulla consequat massa quis enim. Donec pede justo, - fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, - rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum - felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. - Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. - Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, - enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, - tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque - rutrum. Aenean - </p> - </span></a> - </li> - </ul> - </li> - <li> - <span class="badge badge-important"><i class="icon-minus-sign"></i>Execution</span> - <ul> - <li> - <a href=""><span class="alert alert-success"><i class="icon-time"></i>2015-04-17 15:21:21</span> – - Execution of Job Description - No errors</a> - </li> - </ul> - </li> - - <li> - <span class="badge badge-important"><i class="icon-minus-sign"></i>Experiment Complete</span> - <ul> - <li> - <a href=""><span class="alert alert-danger"><i class="icon-time"></i>2015-04-17 15:21:21</span> – - Output Transfer from Resource to Airavata UnSuccessful</a> - <br/> - <span> Some text about failure</span> - </li> - <li> - <a href=""><span class="alert alert-danger"><i class="icon-time"></i>2015-04-17 15:21:21</span> – - Output Transfer from Airavata to PGA UnSuccessful</a> - <br/> - <span> Some text about failure</span> - </li> - </ul> - </li> - - </ul> - </li> - </ul> - </div> -</div> +<!--<div class="row">--> +<!-- <div class="col-lg-12">--> +<!-- <div class="panel panel-primary">--> +<!-- <div class="panel-heading">--> +<!-- <h3 class="panel-title"><i class="fa fa-bar-chart-o"></i>Experiment v/s Time Graph</h3>--> +<!-- </div>--> +<!-- <div class="panel-body">--> +<!-- <div class="flot-chart">--> +<!-- <div class="flot-chart-content" id="flot-line-chart" style="padding: 0px; position: relative;">--> +<!-- <canvas class="base" width="1596" height="400"></canvas>--> +<!-- <canvas class="overlay" width="1596" height="400"--> +<!-- style="position: absolute; left: 0px; top: 0px;"></canvas>--> +<!-- <div class="tickLabels" style="font-size:smaller">--> +<!-- <div class="xAxis x1Axis" style="color:#545454">--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:center;left:-33px;top:383px;width:122px">0--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:center;left:97px;top:383px;width:122px">1--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:center;left:228px;top:383px;width:122px">2--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:center;left:358px;top:383px;width:122px">3--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:center;left:488px;top:383px;width:122px">4--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:center;left:619px;top:383px;width:122px">5--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:center;left:749px;top:383px;width:122px">6--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:center;left:879px;top:383px;width:122px">7--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:center;left:1010px;top:383px;width:122px">8--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:center;left:1140px;top:383px;width:122px">9--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:center;left:1270px;top:383px;width:122px">10--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:center;left:1401px;top:383px;width:122px">11--> +<!-- </div>--> +<!-- </div>--> +<!-- <div class="yAxis y1Axis" style="color:#545454">--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:right;top:337px;right:1575px;width:21px">-1.0--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:right;top:259px;right:1575px;width:21px">-0.5--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:right;top:182px;right:1575px;width:21px">0.0--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:right;top:104px;right:1575px;width:21px">0.5--> +<!-- </div>--> +<!-- <div class="tickLabel"--> +<!-- style="position:absolute;text-align:right;top:26px;right:1575px;width:21px">1.0--> +<!-- </div>--> +<!-- </div>--> +<!-- </div>--> +<!-- <div class="legend">--> +<!-- <div--> +<!-- style="position: absolute; width: 45px; height: 34px; top: 9px; right: 9px; opacity: 0.85; background-color: rgb(255, 255, 255);"></div>--> +<!-- <table style="position:absolute;top:9px;right:9px;;font-size:smaller;color:#545454">--> +<!-- <tbody>--> +<!-- <tr>--> +<!-- <td class="legendColorBox">--> +<!-- <div style="border:1px solid #ccc;padding:1px">--> +<!-- <div--> +<!-- style="width:4px;height:0;border:5px solid rgb(237,194,64);overflow:hidden"></div>--> +<!-- </div>--> +<!-- </td>--> +<!-- <td class="legendLabel">Canceled Experiments</td>--> +<!-- </tr>--> +<!-- <tr>--> +<!-- <td class="legendColorBox">--> +<!-- <div style="border:1px solid #ccc;padding:1px">--> +<!-- <div--> +<!-- style="width:4px;height:0;border:5px solid rgb(175,216,248);overflow:hidden"></div>--> +<!-- </div>--> +<!-- </td>--> +<!-- <td class="legendLabel">Successful Experiments</td>--> +<!-- </tr>--> +<!-- </tbody>--> +<!-- </table>--> +<!-- </div>--> +<!-- </div>--> +<!----> +<!----> +<!-- </div>--> +<!-- </div>--> +<!-- </div>--> +<!-- </div>--> +<!--</div>--> +<!----> +<!--<div class="row">--> +<!-- <h1 class="text-center well alert alert-danger">Proposed UI to view flow of one experiment.</h1>--> +<!----> +<!-- <div class="tree">--> +<!-- <ul>--> +<!-- <li>--> +<!-- <span><i class="icon-calendar"></i>Experiment 1</span>--> +<!-- <ul>--> +<!-- <li>--> +<!-- <span class="badge badge-success"><i class="icon-minus-sign"></i>Pre Processing</span>--> +<!-- <ul>--> +<!-- <li>--> +<!-- <a href=""><span class="alert alert-success"><i class="icon-time"></i>2015-04-17 15:21:21</span> –--> +<!-- PGA to Airavata Authentication Successful</a>--> +<!-- </li>--> +<!-- <li>--> +<!-- <a href=""><span class="alert alert-success"><i class="icon-time"></i>2015-04-17 15:21:21</span> –--> +<!-- Airavata to Resource Authentication Successful</a>--> +<!-- </li>--> +<!-- </ul>--> +<!-- </li>--> +<!-- <li>--> +<!-- <span class="badge badge-success"><i class="icon-minus-sign"></i>Input Staging</span>--> +<!-- <ul>--> +<!-- <li>--> +<!-- <span class="alert alert-success"><i--> +<!-- class="icon-time"></i>2015-04-17 15:21:21</span> – <a href="">PGA to +--> +<!-- Airavata File Transfer Successful</a>--> +<!-- </li>--> +<!-- <li>--> +<!-- <span class="alert alert-success" abhi><i--> +<!-- class="icon-time"></i>2015-04-17 15:21:21</span> – <a href="">Airavata to +--> +<!-- Resource File Transfer Successful</a>--> +<!-- </li>--> +<!-- </ul>--> +<!-- </li>--> +<!-- <li>--> +<!-- <span class="badge badge-warning"><i class="icon-minus-sign"></i>Job Description</span>--> +<!-- <ul>--> +<!-- <li>--> +<!-- <a href=""><span>--> +<!-- Long Script of Job Description / PBS Script <br/>--> +<!-- <br/>--> +<!-- <p>--> +<!-- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean--> +<!-- commodo ligula eget dolor. Aenean massa. Cum sociis natoque--> +<!-- penatibus et magnis dis parturient montes, nascetur ridiculus--> +<!-- mus. Donec quam felis, ultricies nec, pellentesque eu, pretium--> +<!-- quis, sem. Nulla consequat massa quis enim. Donec pede justo,--> +<!-- fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo,--> +<!-- rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum--> +<!-- felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.--> +<!-- Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.--> +<!-- Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,--> +<!-- enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,--> +<!-- tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque--> +<!-- rutrum. Aenean--> +<!-- </p>--> +<!-- </span></a>--> +<!-- </li>--> +<!-- </ul>--> +<!-- </li>--> +<!-- <li>--> +<!-- <span class="badge badge-important"><i class="icon-minus-sign"></i>Execution</span>--> +<!-- <ul>--> +<!-- <li>--> +<!-- <a href=""><span class="alert alert-success"><i class="icon-time"></i>2015-04-17 15:21:21</span> –--> +<!-- Execution of Job Description - No errors</a>--> +<!-- </li>--> +<!-- </ul>--> +<!-- </li>--> +<!----> +<!-- <li>--> +<!-- <span class="badge badge-important"><i class="icon-minus-sign"></i>Experiment Complete</span>--> +<!-- <ul>--> +<!-- <li>--> +<!-- <a href=""><span class="alert alert-danger"><i class="icon-time"></i>2015-04-17 15:21:21</span> –--> +<!-- Output Transfer from Resource to Airavata UnSuccessful</a>--> +<!-- <br/>--> +<!-- <span> Some text about failure</span>--> +<!-- </li>--> +<!-- <li>--> +<!-- <a href=""><span class="alert alert-danger"><i class="icon-time"></i>2015-04-17 15:21:21</span> –--> +<!-- Output Transfer from Airavata to PGA UnSuccessful</a>--> +<!-- <br/>--> +<!-- <span> Some text about failure</span>--> +<!-- </li>--> +<!-- </ul>--> +<!-- </li>--> +<!----> +<!----> +<!-- </ul>--> +<!-- </li>--> +<!-- </ul>--> +<!-- </div>--> +<!--</div>--> </div> <!-- /.container-fluid --> @@ -459,5 +371,21 @@ to be uncommented when actually in use. $('#datetimepicker9').data("DateTimePicker").setMaxDate(e.date); }); + $("#getStatistics").click(function () { + $fromTime = $("#datetimepicker9").find("input").val(); + $toTime = $("#datetimepicker10").find("input").val(); + if ($fromTime == '' || $toTime == '') { + alert("Please Select Valid Date Inputs!"); + } else { + $.ajax({ + url: 'experimentStatistics?fromTime=' + $fromTime + '&' + 'toTime=' + $toTime, + type: 'get', + success: function (data) { + $(".experiment-statistics").html(data); + + } + }) + } + }); </script> @stop \ No newline at end of file
