utils/test/declaration/index.php

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4   <title>OPNFV DashBoard</title>
   5   <meta charset="utf-8">
   6   <meta name="viewport" content="width=device-width, initial-scale=1">
   7   <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
   8   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
   9   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  10 <script>
  11 $(function() {
  12
  13   $('form#new_testcase').on('submit', function(){
  14     var selected = $('select#sel_pro2').find("option:selected").val();
  15     var uri = $('input#uri').val();
  16     var name = $('input#name').val();
  17     var desc = $('textarea#desc').val();
  18     var new_url="http://testresults.opnfv.org:80/test/api/v1/projects/"+selected+"/cases";
  19     $.post("addtestcase.php", {"project":selected,"url":uri,"name":name,"description":desc}, function(result){
  20         $("div#result").html(result);
  21     });
  22   });
  23
  24 });
  25
  26 $(function() {
  27
  28   $('select#sel1').on('change', function(){
  29     var selected = $(this).find("option:selected").val();
  30     var new_url="http://testresults.opnfv.org:80/test/api/v1/projects/"+selected+"/cases";
  31     //$.post('testcases.php', {project: selected});
  32     console.log(selected);
  33     $.post("testcases.php", {project: selected}, function(result){
  34         $("div#4a").html(result);
  35     });
  36
  37   });
  38
  39 });
  40 </script>
  41 <style>
  42 body {
  43   padding : 10px ;
  44 }
  45
  46 #exTab1 .tab-content {
  47   color : black;
  48   padding : 5px 15px;
  49 }
  50
  51 #exTab2 h3 {
  52   color : white;
  53   background-color: #428bca;
  54   padding : 5px 15px;
  55 }
  56
  57 /* remove border radius for the tab */
  58
  59 #exTab1 .nav-pills > li > a {
  60   border-radius: 0;
  61 }
  62
  63 /* change border radius for the tab , apply corners on top*/
  64
  65 #exTab3 .nav-pills > li > a {
  66   border-radius: 4px 4px 0 0 ;
  67 }
  68
  69 #exTab3 .tab-content {
  70   color : white;
  71   background-color: #428bca;
  72   padding : 5px 15px;
  73 }
  74
  75 </style>
  76 </head>
  77 <body>
  78
  79 <div class="container">
  80   <h1>OPNFV DASHBOARD: </h1></div>
  81 <div id="exTab1" class="container">
  82   <ul class="nav nav-pills">
  83     <li class="active">
  84       <a href="#1a" data-toggle="tab">PODS</a>
  85     </li>
  86     <li><a href="#2a" data-toggle="tab">PROJECTS</a>
  87     </li>
  88     <li><a href="#3a" data-toggle="tab">TESTCASES</a>
  89     </li>
  90     <li><a href="#5a" data-toggle="tab">ADD TESTCASE</a>
  91     </li>
  92     <li><a href="http://testresults.opnfv.org/kibana_dashboards/" >RESULTS</a>
  93     </li>
  94   </ul>
  95   <div class="tab-content clearfix">
  96     <div class="tab-pane active" id="1a">
  97         <table class="table table-striped">
  98         <thead>
  99     <tr>
 100       <th>#</th>
 101       <th>Pod Name</th>
 102       <th>Creation Date</th>
 103       <th>Role</th>
 104       <th>Mode</th>
 105     </tr>
 106   </thead>
 107         <?php
 108         $url = "http://testresults.opnfv.org:80/test/api/v1/pods";
 109         $response = file_get_contents($url);
 110         $data = json_decode($response);
 111         $pods = $data->pods;
 112         $i=1;
 113         foreach ( $pods as $pod ){
 114
 115                 $column_str="";
 116                 $column_str="<tr><td>".$i."</td>";
 117                 $column_str=$column_str."<td>".$pod->name."</td>";
 118                 $column_str= $column_str."<td>".$pod->creation_date."</td>";
 119                 $column_str= $column_str."<td>".$pod->role."</td>";
 120                 $column_str= $column_str."<td>".$pod->mode."</td>";
 121                 $column_str= $column_str."</tr>";
 122                 echo $column_str;
 123                 $i=$i+1;
 124         }
 125         ?>
 126         </table>
 127     </div>
 128     <div class="tab-pane" id="2a">
 129  <table class="table table-striped">
 130         <thead>
 131     <tr>
 132       <th>#</th>
 133       <th>Project</th>
 134       <th>Creation Date</th>
 135     </tr>
 136   </thead>
 137  <?php
 138         $url = "http://testresults.opnfv.org:80/test/api/v1/projects";
 139         $response = file_get_contents($url);
 140         $data = json_decode($response);
 141         $projects=$data->projects;
 142         $i=0;
 143         foreach ( $projects as $project ){
 144
 145                 $column_str="";
 146                 $column_str="<tr><td>".$i."</td>";
 147                 $column_str=$column_str."<td>".$project->name."</td>";
 148                 $column_str= $column_str."<td>".$project->creation_date."</td>";
 149                 $column_str= $column_str."</tr>";
 150                 echo $column_str;
 151                 $i=$i+1;
 152         }
 153 ?>
 154         </table>
 155     </div>
 156     <div class="tab-pane" id="3a">
 157 <div class="form-group">
 158   <label for="sel1">Select list:</label>
 159   <select class="form-control" id="sel1">
 160 <?php
 161         $url = "http://testresults.opnfv.org:80/test/api/v1/projects";
 162         $response = file_get_contents($url);
 163         $data = json_decode($response);
 164         $projects=$data->projects;
 165         $i=0;
 166         $firstvalue=$projects[0]->name;
 167         foreach ( $projects as $project ){
 168                 $column_str="";
 169                 $column_str="<option>".$project->name."</option>";
 170                 echo $column_str;
 171         }
 172
 173 ?>
 174 </select>
 175 </div>
 176     <div class="tab-pane" id="4a">
 177         <?php
 178                 require "testcases.php";
 179         ?>
 180     </div>
 181     </div>
 182     <div class="tab-pane" id="5a">
 183         <form role="form" id="new_testcase">
 184 <div class="form-group">
 185   <label for="sel1">Select list:</label>
 186   <select class="form-control" id="sel_pro2">
 187 <?php
 188         $url = "http://testresults.opnfv.org:80/test/api/v1/projects";
 189         $response = file_get_contents($url);
 190         $data = json_decode($response);
 191         $projects=$data->projects;
 192         $i=0;
 193         $firstvalue=$projects[0]->name;
 194         foreach ( $projects as $project ){
 195                 $column_str="";
 196                 $column_str="<option>".$project->name."</option>";
 197                 echo $column_str;
 198         }
 199 ?>
 200 </select>
 201 </div>
 202 <div class="form-group"> <!-- Name field -->
 203                 <label class="control-label " for="name">TestCase URI</label>
 204                 <input class="form-control" id="uri" name="uri" type="text"/>
 205         </div>
 206 <div class="form-group"> <!-- Name field -->
 207                 <label class="control-label " for="name">TestCase Name</label>
 208                 <input class="form-control" id="name" name="name" type="text"/>
 209         </div>
 210 <div class="form-group"> <!-- Name field -->
 211                 <label class="control-label " for="name">Description</label>
 212         <textarea class="form-control" rows="5" id="desc"></textarea>
 213         </div>
 214   <button type="submit" class="btn btn-default">Submit</button>
 215 </form>
 216     </div>
 217 <div class="container" id="result"></div>
 218   </div>
 219 </div>
 220 </body>
 221 </html>