|
1 | 1 | <!DOCTYPE html> |
2 | | -<html> |
| 2 | +<html lang="en"> |
3 | 3 | <head> |
4 | | - <title>Report Example</title> |
5 | | - <meta charset="UTF-8"> |
| 4 | + <title>MySQL Tuner report</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.5/css/bootstrap.min.css"> |
| 8 | + <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> |
| 9 | + <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> |
6 | 10 | </head> |
7 | 11 | <body> |
8 | 12 |
|
9 | | -<h1>Result output</h1> |
10 | | -<pre> |
11 | | -{$data} |
12 | | -</pre> |
| 13 | +<div class="container"> |
| 14 | + <h3>MysqLTuner Report</h3> |
| 15 | + <ul class="nav nav-tabs"> |
| 16 | + <li class="active"><a href="#debug">Home</a></li> |
| 17 | + <!-- |
| 18 | + <li class="dropdown"> |
| 19 | + <a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu 1 <span class="caret"></span></a> |
| 20 | + <ul class="dropdown-menu"> |
| 21 | + <li><a href="#">Submenu 1-1</a></li> |
| 22 | + <li><a href="#">Submenu 1-2</a></li> |
| 23 | + <li><a href="#">Submenu 1-3</a></li> |
| 24 | + </ul> |
| 25 | + </li> |
| 26 | + <li><a href="#">Menu 2</a></li> |
| 27 | + <li><a href="#">Menu 3</a></li> |
| 28 | +--> |
| 29 | + </ul> |
| 30 | + <div class="tab-content"> |
| 31 | + <div id="debug" class="tab-pane fade active"> |
| 32 | + <h3>Raw Result Data Structure</h3> |
| 33 | + <pre> |
| 34 | + {$data} |
| 35 | + </pre> |
| 36 | + </div> |
| 37 | + <!-- |
| 38 | + <div id="home" class="tab-pane fade in active"> |
| 39 | + <h3>HOME</h3> |
| 40 | + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> |
| 41 | + </div> |
| 42 | + <div id="menu1" class="tab-pane fade"> |
| 43 | + <h3>Menu 1</h3> |
| 44 | + <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> |
| 45 | + </div> |
| 46 | + <div id="menu2" class="tab-pane fade"> |
| 47 | + <h3>Menu 2</h3> |
| 48 | + <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p> |
| 49 | + </div> |
| 50 | + --> |
| 51 | + </div> |
| 52 | +</div> |
13 | 53 |
|
14 | 54 | </body> |
15 | 55 | </html> |
0 commit comments