http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/2fbd9289/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 dc5d405..eb97fba 100644 --- a/app/views/admin/manage-experiments.blade.php +++ b/app/views/admin/manage-experiments.blade.php @@ -1,408 +1,478 @@ @extends('layout.basic') @section('page-header') - @parent - {{ HTML::style('css/admin.css')}} - {{ HTML::style('css/datetimepicker.css')}} +@parent +{{ HTML::style('css/admin.css')}} +{{ HTML::style('css/datetimepicker.css')}} @stop @section('content') - <div id="wrapper"> - <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens --> - @include( 'partials/dashboard-block') - <div id="page-wrapper"> - <div class="col-md-12"> - <h3>Experiments</h3> +<div id="wrapper"> +<!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens --> +@include( 'partials/dashboard-block') +<div id="page-wrapper"> +<div class="col-md-12"> + <h3>Experiments</h3> +</div> +<div class="container-fluid"> + +<div class="row"> + <!-- + <div class="well col-md-2 text-center"> + Total 500 + </div> + --> + + <div class="well form-group form-horizontal col-md-12"> + <label class="col-md-3">Enter Experiment Id to View Summary :</label> + + <div class="col-md-6"> + <input type="text" class="form-control experimentId"/> + </div> + <button class="col-md-3 btn btn-primary get-experiment">Get</button> + <div class="loading-img hide text-center"><img src="{{URL::to('/')}}/assets/ajax-loader.gif"/></div> + + <div class="experiment-info col-md-12"> + </div> + </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> + + <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> + <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'] ?>"/> + <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> - <div class="container-fluid"> + <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="well col-md-2 text-center"> - Total 500 - </div> - --> + <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="well form-group form-horizontal col-md-12"> - <label class="col-md-3">Enter Experiment Id to View Summary :</label> - <div class="col-md-6"> - <input type="text" class="form-control experimentId"/> - </div> - <button class="col-md-3 btn btn-primary get-experiment">Get</button> - <div class="loading-img hide text-center"><img src="{{URL::to('/')}}/assets/ajax-loader.gif"/></div> + <div class="clearfix"></div> + </div> + </a> + </div> + </div> - <div class="experiment-info col-md-12"> - </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="dates row"> - <h1 class="text-center well alert alert-danger" >UI beyond this message is under construction view with dummy values.</h1> - <div class="col-md-12"> - Select dates between which you want to review experiments. + <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-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> - <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'] ?>"/> - <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> - </span> - </div> - </div> - </div> + <div class="col-xs-9 text-right"> + <div class="huge">6</div> + <div>Failed Experiments</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> + <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> - <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 class="tickLabel" + style="position:absolute;text-align:center;left:97px;top:383px;width:122px">1 </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 class="tickLabel" + style="position:absolute;text-align:center;left:228px;top:383px;width:122px">2 </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 class="tickLabel" + style="position:absolute;text-align:center;left:358px;top:383px;width:122px">3 </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 class="tickLabel" + style="position:absolute;text-align:center;left:488px;top:383px;width:122px">4 </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 class="tickLabel" + style="position:absolute;text-align:center;left:619px;top:383px;width:122px">5 </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> + <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> - <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 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> - </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> - <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> + </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> - </div> - - - </div> - </div> + </td> + <td class="legendLabel">Successful Experiments</td> + </tr> + </tbody> + </table> </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"> + + </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> - <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> + <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 + 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 --> + </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> - </div> - <!-- /#page-wrapper --> + <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> - </div> -@stop + </ul> + </li> + </ul> + </div> +</div> +</div> +<!-- /.container-fluid --> +</div> +<!-- /#page-wrapper --> -@section('scripts') - @parent - {{ HTML::script('js/gateway.js') }} - {{ HTML::script('js/moment.js')}} - {{ HTML::script('js/datetimepicker.js')}} +</div> - <!-- Morris Charts JavaScript --> - <!-- - to be uncommented when actually in use. +@stop - {{ HTML::script('js/morris/raphael.min.js')}} - {{ HTML::script('js/morris/morris.min.js')}} - {{ HTML::script('js/morris/morris-data.js')}} - --> - <!-- Flot Charts JavaScript --> - <!--[if lte IE 8]><script src="js/excanvas.min.js')}}<![endif]--> - {{ HTML::script('js/flot/jquery.flot.js')}} - {{ HTML::script('js/flot/jquery.flot.tooltip.min.js')}} - {{ HTML::script('js/flot/jquery.flot.resize.js')}} - {{ HTML::script('js/flot/jquery.flot.pie.js')}} - {{ HTML::script('js/flot/flot-data.js')}} - <script> - - //make first tab of accordion open by default. - //temporary fix - $("#accordion2").children(".panel").children(".collapse").addClass("in"); - $(".add-tenant").slideUp(); - - $(".toggle-add-tenant").click( function(){ - $(".add-tenant").slideDown(); +@section('scripts') +@parent +{{ HTML::script('js/gateway.js') }} +{{ HTML::script('js/moment.js')}} +{{ HTML::script('js/datetimepicker.js')}} + +<!-- Morris Charts JavaScript --> +<!-- +to be uncommented when actually in use. + +{{ HTML::script('js/morris/raphael.min.js')}} +{{ HTML::script('js/morris/morris.min.js')}} +{{ HTML::script('js/morris/morris-data.js')}} +--> + +<!-- Flot Charts JavaScript --> +<!--[if lte IE 8]> +<script src="js/excanvas.min.js')}}<![endif]--> +{{ HTML::script('js/flot/jquery.flot.js')}} +{{ HTML::script('js/flot/jquery.flot.tooltip.min.js')}} +{{ HTML::script('js/flot/jquery.flot.resize.js')}} +{{ HTML::script('js/flot/jquery.flot.pie.js')}} +{{ HTML::script('js/flot/flot-data.js')}} +<script> + + //make first tab of accordion open by default. + //temporary fix + $("#accordion2").children(".panel").children(".collapse").addClass("in"); + $(".add-tenant").slideUp(); + + $(".toggle-add-tenant").click(function () { + $(".add-tenant").slideDown(); + }); + + $(function () { + $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch'); + $('.tree li.parent_li > span').on('click', function (e) { + var children = $(this).parent('li.parent_li').find(' > ul > li'); + if (children.is(":visible")) { + children.hide('fast'); + $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign'); + } else { + children.show('fast'); + $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign'); + } + e.stopPropagation(); }); - $(function () { - $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch'); - $('.tree li.parent_li > span').on('click', function (e) { - var children = $(this).parent('li.parent_li').find(' > ul > li'); - if (children.is(":visible")) { - children.hide('fast'); - $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign'); - } else { - children.show('fast'); - $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign'); - } - e.stopPropagation(); - }); + $(".get-experiment").click(function () { + $(".loading-img").removeClass("hide"); + $.ajax({ + url: 'experiment/summary?expId=' + $(".experimentId").val(), + type: 'get', + success: function (data) { + $(".experiment-info").html(data); - $(".get-experiment").click( function(){ - $(".loading-img").removeClass("hide"); - $.ajax({ - url:'experiment/summary?expId=' + $(".experimentId").val(), - type: 'get', - success:function( data){ - $(".experiment-info").html( data); - - } - }).complete( function(){ - $(".loading-img").addClass("hide"); - }); + } + }).complete(function () { + $(".loading-img").addClass("hide"); }); + }); - //Experiment stages are under development. - $(".tree").parent().addClass("hide"); - - /* making datetimepicker work for exp search */ + //Experiment stages are under development. + $(".tree").parent().addClass("hide"); - $('#datetimepicker9').datetimepicker({ - pick12HourFormat: false - }); - $('#datetimepicker10').datetimepicker({ - pick12HourFormat: false - }); - $("#datetimepicker9").on("dp.change",function (e) { - $('#datetimepicker10').data("DateTimePicker").setMinDate(e.date); - }); - $("#datetimepicker10").on("dp.change",function (e) { - $('#datetimepicker9').data("DateTimePicker").setMaxDate(e.date); - }); + /* making datetimepicker work for exp search */ - /* selecting creation time */ - $("#search-key").on("change", function(){ - if( this.value == "creation-time") - { - $(".search-text-block").addClass("hide"); - $(".select-dates").removeClass("hide"); - $("#search-value").removeAttr("required"); - - } - else - { - $(".search-text-block").removeClass("hide"); - $(".select-dates").addClass("hide"); - $("#search-value").attr("required"); - } - }); + $('#datetimepicker9').datetimepicker({ + pick12HourFormat: false + }); + $('#datetimepicker10').datetimepicker({ + pick12HourFormat: false + }); + $("#datetimepicker9").on("dp.change", function (e) { + $('#datetimepicker10').data("DateTimePicker").setMinDate(e.date); + }); + $("#datetimepicker10").on("dp.change", function (e) { + $('#datetimepicker9').data("DateTimePicker").setMaxDate(e.date); + }); + /* selecting creation time */ + $("#search-key").on("change", function () { + if (this.value == "creation-time") { + $(".search-text-block").addClass("hide"); + $(".select-dates").removeClass("hide"); + $("#search-value").removeAttr("required"); + + } + else { + $(".search-text-block").removeClass("hide"); + $(".select-dates").addClass("hide"); + $("#search-value").attr("required"); + } }); - </script> + + }); +</script> @stop \ No newline at end of file
http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/2fbd9289/app/views/admin/manage-gateway.blade.php ---------------------------------------------------------------------- diff --git a/app/views/admin/manage-gateway.blade.php b/app/views/admin/manage-gateway.blade.php index 167fc36..2032373 100644 --- a/app/views/admin/manage-gateway.blade.php +++ b/app/views/admin/manage-gateway.blade.php @@ -1,132 +1,158 @@ @extends('layout.basic') @section('page-header') - @parent - {{ HTML::style('css/admin.css')}} +@parent +{{ HTML::style('css/admin.css')}} @stop @section('content') - <div id="wrapper"> - <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens --> - @include( 'partials/dashboard-block') - <div id="page-wrapper"> - <div class="col-md-12"> +<div id="wrapper"> + <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens --> + @include( 'partials/dashboard-block') + <div id="page-wrapper"> + <div class="col-md-12"> @if( Session::has("message")) - <div class="row"> - <div class="alert alert-success alert-dismissible" role="alert"> - <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> - {{ Session::get("message") }} - </div> + <div class="row"> + <div class="alert alert-success alert-dismissible" role="alert"> + <button type="button" class="close" data-dismiss="alert"><span + aria-hidden="true">×</span><span class="sr-only">Close</span></button> + {{ Session::get("message") }} </div> - {{ Session::forget("message") }} - @endif </div> - <div class="container-fluid"> + {{ Session::forget("message") }} + @endif + </div> + <div class="container-fluid"> - <div class="row"> + <div class="row"> - <div class="col-md-6"> - <h3>Gateway Settings</h3> - </div> - @if( Session::has("scigap_admin")) - <div class="col-md-6" style="margin-top:3.5%"> - <input type="text" class="col-md-12 filterinput" placeholder="Search by Gateway Name" /> - </div> - @endif + <div class="col-md-6"> + <h3>Gateway Settings</h3> </div> - <div class="panel-group" id="accordion2"> + @if( Session::has("scigap_admin")) + <div class="col-md-6" style="margin-top:3.5%"> + <input type="text" class="col-md-12 filterinput" placeholder="Search by Gateway Name"/> + </div> + @endif + </div> + <div class="panel-group" id="accordion2"> @foreach( $gateways as $indexGP => $gp ) - <div class="panel panel-default"> - <div class="panel-heading"> - <h4 class="panel-title"> - <a class="accordion-toggle collapsed gateway-name" data-toggle="collapse" data-parent="#accordion2" href="#collapse-gateway-{{$indexGP}}"> + <div class="panel panel-default"> + <div class="panel-heading"> + <h4 class="panel-title"> + <a class="accordion-toggle collapsed gateway-name" data-toggle="collapse" + data-parent="#accordion2" href="#collapse-gateway-{{$indexGP}}"> {{ $gp->gatewayName }} - </a> - <div class="pull-right col-md-2 gateway-options fade"> - <span class="glyphicon glyphicon-pencil edit-gateway" style="cursor:pointer;" data-toggle="modal" data-target="#edit-gateway-block" data-gp-id="{{ $gp->gatewayId }}" data-gp-name="{{ $gp->gatewayName }}"></span> - </div> - </h4> - </div> - <div id="collapse-gateway-{{$indexGP}}" class="panel-collapse collapse"> - <div class="panel-body"> - <div class="app-interface-block"> - <div class="row"> - <div class="col-md-10"> - <button class="btn btn-default add-cr" data-gpid="{{$gp->gatewayId}}"><span class="glyphicon glyphicon-plus"></span> Add a Compute Resource</button> + </a> + + <div class="pull-right col-md-2 gateway-options fade"> + <span class="glyphicon glyphicon-pencil edit-gateway" style="cursor:pointer;" + data-toggle="modal" data-target="#edit-gateway-block" + data-gp-id="{{ $gp->gatewayId }}" data-gp-name="{{ $gp->gatewayName }}"></span> + </div> + </h4> + </div> + <div id="collapse-gateway-{{$indexGP}}" class="panel-collapse collapse"> + <div class="panel-body"> + <div class="app-interface-block"> + <div class="row"> + <div class="col-md-10"> + <button class="btn btn-default add-cr" data-gpid="{{$gp->gatewayId}}"><span + class="glyphicon glyphicon-plus"></span> Add a Compute Resource + </button> + </div> + <div class="col-md-10"> + @if( isset( $gp->profile->computeResourcePreferences) ) + <div class="col-md-12"> + <h3>Existing Compute Resources :</h3> </div> - <div class="col-md-10"> - @if( isset( $gp->profile->computeResourcePreferences) ) - <div class="col-md-12"> - <h3>Existing Compute Resources :</h3> - </div> - <div class="accordion-inner"> - <div class="panel-group" id="accordion-{{$indexGP}}"> - @foreach( (array)$gp->profile->computeResourcePreferences as $indexCRP => $crp ) - <div class="panel panel-default"> - <div class="panel-heading"> - <h4 class="panel-title"> - <a class="accordion-toggle collapsed gateway-name" data-toggle="collapse" data-parent="#accordion" href="#collapse-crp-{{$indexGP}}-{{$indexCRP}}"> + <div class="accordion-inner"> + <div class="panel-group" id="accordion-{{$indexGP}}"> + @foreach( (array)$gp->profile->computeResourcePreferences as $indexCRP + => $crp ) + <div class="panel panel-default"> + <div class="panel-heading"> + <h4 class="panel-title"> + <a class="accordion-toggle collapsed gateway-name" + data-toggle="collapse" data-parent="#accordion" + href="#collapse-crp-{{$indexGP}}-{{$indexCRP}}"> {{ $crp->crDetails->hostName }} - </a> - <div class="pull-right col-md-2 gateway-options fade"> - <span class="glyphicon glyphicon-remove remove-resource" style="cursor:pointer;" data-toggle="modal" data-target="#remove-resource-block" data-cr-name="{{$crp->crDetails->hostName}}" data-cr-id="{{$crp->computeResourceId}}" data-gp-id="{{ $gp->gatewayId }}"></span> - </div> - </h4> - </div> - <div id="collapse-crp-{{$indexGP}}-{{$indexCRP}}" class="panel-collapse collapse"> - <div class="panel-body"> - <div class="app-compute-resource-preferences-block"> - <form action="{{URL::to('/')}}/gp/update-crp" method="POST"> - <input type="hidden" name="gatewayId" id="gatewayId" value="{{$gp->gatewayId}}"> - <input type="hidden" name="computeResourceId" id="gatewayId" value="{{$crp->computeResourceId}}"> - <div class="form-horizontal"> - @include('partials/gateway-preferences', array('computeResource' => $crp->crDetails, 'crData' => $crData, 'preferences'=>$crp, 'show'=>true)) - </div> - </form> - </div> + </a> + + <div class="pull-right col-md-2 gateway-options fade"> + <span class="glyphicon glyphicon-remove remove-resource" + style="cursor:pointer;" data-toggle="modal" + data-target="#remove-resource-block" + data-cr-name="{{$crp->crDetails->hostName}}" + data-cr-id="{{$crp->computeResourceId}}" + data-gp-id="{{ $gp->gatewayId }}"></span> + </div> + </h4> + </div> + <div id="collapse-crp-{{$indexGP}}-{{$indexCRP}}" + class="panel-collapse collapse"> + <div class="panel-body"> + <div class="app-compute-resource-preferences-block"> + <form action="{{URL::to('/')}}/gp/update-crp" + method="POST"> + <input type="hidden" name="gatewayId" id="gatewayId" + value="{{$gp->gatewayId}}"> + <input type="hidden" name="computeResourceId" + id="gatewayId" + value="{{$crp->computeResourceId}}"> + + <div class="form-horizontal"> + @include('partials/gateway-preferences', + array('computeResource' => $crp->crDetails, + 'crData' => $crData, 'preferences'=>$crp, + 'show'=>true)) + </div> + </form> </div> </div> </div> - @endforeach </div> + @endforeach </div> - @endif - <!-- - Adding a user as admin will shift to roles. Removing from here. - <h4><span class="glyphicon glyphicon-plus"></span> Add a user as Admin to this Gateway</h4> - <form action="{{URL::to('/')}}/admin/addgatewayadmin" method="POST" role="form" enctype="multipart/form-data"> - <div class="form-group required"> - <label for="experiment-name" class="control-label">Enter Username</label> - <input type="text" class="form-control" name="username" id="experiment-name" placeholder="username" autofocus required="required"> - <input type="hidden" name="gateway_name" value="{{ $gp->gatewayName }}"/> - </div> - <div class="btn-toolbar"> - <input name="add" type="submit" class="btn btn-primary" value="Add Admin"/> - </div> - </form> - --> </div> + @endif + <!-- + Adding a user as admin will shift to roles. Removing from here. + <h4><span class="glyphicon glyphicon-plus"></span> Add a user as Admin to this Gateway</h4> + <form action="{{URL::to('/')}}/admin/addgatewayadmin" method="POST" role="form" enctype="multipart/form-data"> + <div class="form-group required"> + <label for="experiment-name" class="control-label">Enter Username</label> + <input type="text" class="form-control" name="username" id="experiment-name" placeholder="username" autofocus required="required"> + <input type="hidden" name="gateway_name" value="{{ $gp->gatewayName }}"/> + </div> + <div class="btn-toolbar"> + <input name="add" type="submit" class="btn btn-primary" value="Add Admin"/> + </div> + </form> + --> </div> </div> </div> </div> </div> - @endforeach </div> + @endforeach </div> - <!-- /.container-fluid --> - </div> - <!-- /#page-wrapper --> + <!-- /.container-fluid --> </div> + <!-- /#page-wrapper --> + +</div> <div class="add-compute-resource-block hide"> <div class="well"> <form action="{{URL::to('/')}}/gp/add-crp" method="POST"> <input type="hidden" name="gatewayId" id="gatewayId" value=""> + <div class="input-group"> <select name="computeResourceId" class="cr-select form-control"> <option value="">Select a compute Resource and set its preferences</option> @@ -137,13 +163,14 @@ <span class="input-group-addon remove-cr" style="cursor:pointer;">x</span> </div> <div class="pref-space form-horizontal"></div> - </form> + </form> </div> </div> <!-- Remove a Compute Resource from a Gateway --> -<div class="modal fade" id="remove-resource-block" tabindex="-1" role="dialog" aria-labelledby="add-modal" aria-hidden="true"> +<div class="modal fade" id="remove-resource-block" tabindex="-1" role="dialog" aria-labelledby="add-modal" + aria-hidden="true"> <div class="modal-dialog"> <form action="{{URL::to('/')}}/gp/remove-cr" method="POST"> @@ -155,12 +182,13 @@ <input type="hidden" class="form-control remove-crId" name="rem-crId"/> <input type="hidden" class="form-control cr-gpId" name="gpId"/> - Do you really want to remove the Compute Resource, <span class="remove-cr-name"> </span>from the selected Gateway? + Do you really want to remove the Compute Resource, <span class="remove-cr-name"> </span>from the + selected Gateway? </div> <div class="modal-footer"> <div class="form-group"> <input type="submit" class="btn btn-danger" value="Remove"/> - <input type="button" class="btn btn-default" data-dismiss="modal" value ="Cancel"/> + <input type="button" class="btn btn-default" data-dismiss="modal" value="Cancel"/> </div> </div> </div> @@ -171,21 +199,20 @@ <!-- contains all compute resource choices that might get selected on adding a new one to a gateway --> @foreach( (array)$computeResources as $index => $cr) - @include('partials/gateway-preferences', array('computeResource' => $cr, 'crData' => $crData)) +@include('partials/gateway-preferences', array('computeResource' => $cr, 'crData' => $crData)) @endforeach - @stop @section('scripts') - @parent - {{ HTML::script('js/gateway.js') }} - <script> - - //make first tab of accordion open by default. - //temporary fix - $("#accordion2").children(".panel").children(".collapse").addClass("in"); - </script> +@parent +{{ HTML::script('js/gateway.js') }} +<script> + + //make first tab of accordion open by default. + //temporary fix + $("#accordion2").children(".panel").children(".collapse").addClass("in"); +</script> @stop \ No newline at end of file http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/2fbd9289/app/views/admin/manage-resources.blade.php ---------------------------------------------------------------------- diff --git a/app/views/admin/manage-resources.blade.php b/app/views/admin/manage-resources.blade.php index b13ef16..092008a 100644 --- a/app/views/admin/manage-resources.blade.php +++ b/app/views/admin/manage-resources.blade.php @@ -1,68 +1,71 @@ @extends('layout.basic') @section('page-header') - @parent - {{ HTML::style('css/admin.css')}} +@parent +{{ HTML::style('css/admin.css')}} @stop @section('content') - <div id="wrapper"> - <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens --> - @include( 'partials/dashboard-block') - <div id="page-wrapper"> - <div class="col-md-12"> +<div id="wrapper"> + <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens --> + @include( 'partials/dashboard-block') + <div id="page-wrapper"> + <div class="col-md-12"> @if( Session::has("message")) - <div class="row"> - <div class="alert alert-success alert-dismissible" role="alert"> - <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> - {{ Session::get("message") }} - </div> + <div class="row"> + <div class="alert alert-success alert-dismissible" role="alert"> + <button type="button" class="close" data-dismiss="alert"><span + aria-hidden="true">×</span><span class="sr-only">Close</span></button> + {{ Session::get("message") }} </div> - {{ Session::forget("message") }} - @endif </div> - <div class="container-fluid"> - <div class="col-md-12"> - <h1 class="text-center well alert alert-danger" >Proposed(Dummy) UI for maintaining availability of Resources. More fields can be added.</h1> - <h1 class="text-center">Resources</h1> + {{ Session::forget("message") }} + @endif + </div> + <div class="container-fluid"> + <div class="col-md-12"> + <h1 class="text-center well alert alert-danger">Proposed(Dummy) UI for maintaining availability of + Resources. More fields can be added.</h1> - <table class="table table-striped table-condensed"> - <tr> - <th>ID</th> - <th>Name</th> - <th> - Status - </th> - </tr> - @foreach( (array)$resources as $resourceId => $resourceName ) - <tr class="user-row"> - <td>{{ $resourceId }}</td> - <td>{{ $resourceName }}</td> - <td> - <!--This is a random selection --> - @if( strpos( $resourceName, "a") ) - <div class="btn-group btn-toggle"> - <button class="btn btn-xs btn-default">ON</button> - <button class="btn btn-xs btn-danger active">Switch OFF</button> - </div> - @else - <div class="btn-group btn-toggle"> - <button class="btn btn-xs btn-success active">Switch ON</button> - <button class="btn btn-xs btn-default">OFF</button> - </div> - @endif - </td> - </tr> - @endforeach - </table> + <h1 class="text-center">Resources</h1> + + <table class="table table-striped table-condensed"> + <tr> + <th>ID</th> + <th>Name</th> + <th> + Status + </th> + </tr> + @foreach( (array)$resources as $resourceId => $resourceName ) + <tr class="user-row"> + <td>{{ $resourceId }}</td> + <td>{{ $resourceName }}</td> + <td> + <!--This is a random selection --> + @if( strpos( $resourceName, "a") ) + <div class="btn-group btn-toggle"> + <button class="btn btn-xs btn-default">ON</button> + <button class="btn btn-xs btn-danger active">Switch OFF</button> + </div> + @else + <div class="btn-group btn-toggle"> + <button class="btn btn-xs btn-success active">Switch ON</button> + <button class="btn btn-xs btn-default">OFF</button> + </div> + @endif + </td> + </tr> + @endforeach + </table> - </div> </div> </div> </div> +</div> @stop @section('scripts') - @parent +@parent @stop \ No newline at end of file http://git-wip-us.apache.org/repos/asf/airavata-php-gateway/blob/2fbd9289/app/views/admin/manage-roles.blade.php ---------------------------------------------------------------------- diff --git a/app/views/admin/manage-roles.blade.php b/app/views/admin/manage-roles.blade.php index fa39a75..8a51371 100644 --- a/app/views/admin/manage-roles.blade.php +++ b/app/views/admin/manage-roles.blade.php @@ -1,138 +1,141 @@ @extends('layout.basic') @section('page-header') - @parent - {{ HTML::style('css/admin.css')}} +@parent +{{ HTML::style('css/admin.css')}} @stop @section('content') - <div id="wrapper"> - <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens --> - @include( 'partials/dashboard-block') - <div id="page-wrapper"> - - <div class="container-fluid"> +<div id="wrapper"> + <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens --> + @include( 'partials/dashboard-block') + <div id="page-wrapper"> + + <div class="container-fluid"> + <div class="col-md-12"> + @if( Session::has("message")) + <div class="row"> + <div class="alert alert-success alert-dismissible" role="alert"> + <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span + class="sr-only">Close</span></button> + {{ Session::get("message") }} + </div> + </div> + {{ Session::forget("message") }} + @endif + + <h1 class="text-center">Roles</h1> + + <table class="table table-striped table-condensed"> + <tr> + <th> + Role + </th> + <th>Actions</th> + </tr> + @foreach( $roles as $role) + <tr> + <td class="role-name">{{ $role }}</td> + <td> + <span class="glyphicon glyphicon-pencil edit-role-name"></span> + <a href="{{URL::to('/')}}/admin/dashboard/users?role={{$role}}"> + <span class="glyphicon glyphicon-user role-users"></span> + </a> + <span class="glyphicon glyphicon-trash delete-role"></span> + </td> + </tr> + @endforeach + </table> <div class="col-md-12"> - @if( Session::has("message")) - <div class="row"> - <div class="alert alert-success alert-dismissible" role="alert"> - <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> - {{ Session::get("message") }} - </div> + <button type="button" class="btn btn-default toggle-add-role"><span + class="glyphicon glyphicon-plus"></span>Add a new Role + </button> + </div> + <div class="add-role col-md-6"> + <form role="form" action="{{URL::to('/')}}/admin/addrole" method="POST" class="add-role-form"> + <div class="form-group"> + <label>Enter Role Name</label> + <input type="text" name="role" class="form-control"/> </div> - {{ Session::forget("message") }} - @endif - - <h1 class="text-center">Roles</h1> - - <table class="table table-striped table-condensed"> - <tr> - <th> - Role</th> - <th>Actions</th> - </tr> - @foreach( $roles as $role) - <tr> - <td class="role-name">{{ $role }}</td> - <td> - <span class="glyphicon glyphicon-pencil edit-role-name"></span> - <a href="{{URL::to('/')}}/admin/dashboard/users?role={{$role}}"> - <span class="glyphicon glyphicon-user role-users"></span> - </a> - <span class="glyphicon glyphicon-trash delete-role"></span> - </td> - </tr> - @endforeach - </table> - <div class="col-md-12"> - <button type="button" class="btn btn-default toggle-add-role"><span class="glyphicon glyphicon-plus"></span>Add a new Role</button> - </div> - <div class="add-role col-md-6"> - <form role="form" action="{{URL::to('/')}}/admin/addrole" method="POST" class="add-role-form"> - <div class="form-group"> - <label>Enter Role Name</label> - <input type="text" name="role" class="form-control"/> - </div> - <div class="form-group"> - <input type="submit" class="form-control btn btn-primary" value="Add" /> - </div> - </form> - </div> - - <div class="edit-role hide"> - <form class="edit-role-form"> - <div class="form-group col-md-4"> - <input type="text" name="new-role-name" class="new-role-name form-control"/> - <input type="hidden" name="original-role-name" class="original-role-name" value=""/> - </div> - <div class="form-group col-md-4"> - <input type="submit" class="form-control btn btn-primary" value="Edit" /> - </div> - </form> - </div> + <div class="form-group"> + <input type="submit" class="form-control btn btn-primary" value="Add"/> + </div> + </form> + </div> + <div class="edit-role hide"> + <form class="edit-role-form"> + <div class="form-group col-md-4"> + <input type="text" name="new-role-name" class="new-role-name form-control"/> + <input type="hidden" name="original-role-name" class="original-role-name" value=""/> + </div> + <div class="form-group col-md-4"> + <input type="submit" class="form-control btn btn-primary" value="Edit"/> + </div> + </form> </div> + </div> </div> </div> +</div> - <div class="modal fade" id="delete-role-block" tabindex="-1" role="dialog" aria-labelledby="add-modal" aria-hidden="true"> - <div class="modal-dialog"> +<div class="modal fade" id="delete-role-block" tabindex="-1" role="dialog" aria-labelledby="add-modal" + aria-hidden="true"> + <div class="modal-dialog"> - <form action="{{URL::to('/')}}/admin/deleterole" method="POST"> - <div class="modal-content"> - <div class="modal-header"> - <h3 class="text-center">Delete Role Confirmation</h3> - </div> - <div class="modal-body"> - <input type="hidden" class="form-control delete-roleName" name="role"/> - Do you really want to delete the role - <span class="delete-role-name"></span> - </div> - <div class="modal-footer"> - <div class="form-group"> - <input type="submit" class="btn btn-danger" value="Delete"/> - <input type="button" class="btn btn-default" data-dismiss="modal" value ="Cancel"/> - </div> + <form action="{{URL::to('/')}}/admin/deleterole" method="POST"> + <div class="modal-content"> + <div class="modal-header"> + <h3 class="text-center">Delete Role Confirmation</h3> + </div> + <div class="modal-body"> + <input type="hidden" class="form-control delete-roleName" name="role"/> + Do you really want to delete the role - <span class="delete-role-name"></span> + </div> + <div class="modal-footer"> + <div class="form-group"> + <input type="submit" class="btn btn-danger" value="Delete"/> + <input type="button" class="btn btn-default" data-dismiss="modal" value="Cancel"/> </div> </div> + </div> - </form> + </form> - </div> </div> +</div> @stop @section('scripts') - @parent - <script> - $(".toggle-add-role").click( function(){ - $(".add-role").slideDown(); - }); - - $(".edit-role-name").click( function(){ - var roleNameSpace = $(this).parent().parent().find(".role-name"); - if( roleNameSpace.find(".edit-role-form").length ) - { - roleNameSpace.html( roleNameSpace.find(".original-role-name").val() ); - } - else - { - var role = roleNameSpace.html(); - roleNameSpace.html( $(".edit-role").html() ); - roleNameSpace.find(".original-role-name").val( role ); - roleNameSpace.find(".new-role-name").val( role ); - } - }); - - $(".delete-role").click( function(){ - $("#delete-role-block").modal("show"); - var roleName = $(this).parent().parent().find(".role-name").html(); - $(".delete-role-name").html(roleName); - $(".delete-roleName").val(roleName); - }); - </script> +@parent +<script> + $(".toggle-add-role").click(function () { + $(".add-role").slideDown(); + }); + + $(".edit-role-name").click(function () { + var roleNameSpace = $(this).parent().parent().find(".role-name"); + if (roleNameSpace.find(".edit-role-form").length) { + roleNameSpace.html(roleNameSpace.find(".original-role-name").val()); + } + else { + var role = roleNameSpace.html(); + roleNameSpace.html($(".edit-role").html()); + roleNameSpace.find(".original-role-name").val(role); + roleNameSpace.find(".new-role-name").val(role); + } + }); + + $(".delete-role").click(function () { + $("#delete-role-block").modal("show"); + var roleName = $(this).parent().parent().find(".role-name").html(); + $(".delete-role-name").html(roleName); + $(".delete-roleName").val(roleName); + }); +</script> @stop \ No newline at end of file
