4 <title>OPNFV DashBoard</title>
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>
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);
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);
46 #exTab1 .tab-content {
53 background-color: #428bca;
57 /* remove border radius for the tab */
59 #exTab1 .nav-pills > li > a {
63 /* change border radius for the tab , apply corners on top*/
65 #exTab3 .nav-pills > li > a {
66 border-radius: 4px 4px 0 0 ;
69 #exTab3 .tab-content {
71 background-color: #428bca;
79 <div class="container">
80 <h1>OPNFV DASHBOARD: </h1></div>
81 <div id="exTab1" class="container">
82 <ul class="nav nav-pills">
84 <a href="#1a" data-toggle="tab">PODS</a>
86 <li><a href="#2a" data-toggle="tab">PROJECTS</a>
88 <li><a href="#3a" data-toggle="tab">TESTCASES</a>
90 <li><a href="#5a" data-toggle="tab">ADD TESTCASE</a>
92 <li><a href="http://testresults.opnfv.org/kibana_dashboards/" >RESULTS</a>
95 <div class="tab-content clearfix">
96 <div class="tab-pane active" id="1a">
97 <table class="table table-striped">
102 <th>Creation Date</th>
108 $url = "http://testresults.opnfv.org:80/test/api/v1/pods";
109 $response = file_get_contents($url);
110 $data = json_decode($response);
113 foreach ( $pods as $pod ){
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>";
128 <div class="tab-pane" id="2a">
129 <table class="table table-striped">
134 <th>Creation Date</th>
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;
143 foreach ( $projects as $project ){
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>";
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">
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;
166 $firstvalue=$projects[0]->name;
167 foreach ( $projects as $project ){
169 $column_str="<option>".$project->name."</option>";
176 <div class="tab-pane" id="4a">
178 require "testcases.php";
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">
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;
193 $firstvalue=$projects[0]->name;
194 foreach ( $projects as $project ){
196 $column_str="<option>".$project->name."</option>";
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"/>
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"/>
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>
214 <button type="submit" class="btn btn-default">Submit</button>
217 <div class="container" id="result"></div>