diff options
Diffstat (limited to 'usecaseui-monitor/src/main/webapp/html/tables.html')
-rw-r--r-- | usecaseui-monitor/src/main/webapp/html/tables.html | 296 |
1 files changed, 296 insertions, 0 deletions
diff --git a/usecaseui-monitor/src/main/webapp/html/tables.html b/usecaseui-monitor/src/main/webapp/html/tables.html new file mode 100644 index 00000000..b9a48497 --- /dev/null +++ b/usecaseui-monitor/src/main/webapp/html/tables.html @@ -0,0 +1,296 @@ +<!DOCTYPE html> +<head> + <meta charset="utf-8"> + <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]--> + + <meta name="keywords" content="" /> + <meta name="description" content="" /> + <meta name="viewport" content="width=device-width"> + <link rel="stylesheet" href="css/templatemo_main.css"> + +</head> +<body> + <div id="main-wrapper"> + <div class="navbar navbar-inverse" role="navigation"> + <div class="navbar-header"> + <div class="logo"><h1>UUI</h1></div> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> + <span class="sr-only">Toggle navigation</span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + </div> + </div> + <div class="template-page-wrapper"> + <div class="navbar-collapse collapse templatemo-sidebar"> + <ul class="templatemo-sidebar-menu"> + <li> + <form class="navbar-form"> + <input type="text" class="form-control" id="templatemo_search_box" placeholder="Search..."> + <span class="btn btn-default">Go</span> + </form> + </li> + <li class="active"><a href="#"><i class="fa fa-users"></i><span class="badge pull-right">NEW</span>Alarm</a></li> + <li><a href="preferences.html"><i class="fa fa-cog"></i>Preferences</a></li> + <li><a href="data-visualization.html"><i class="fa fa-cubes"></i>About Preferences froms</a></li> + <li><a href="javascript:;" data-toggle="modal" data-target="#confirmModal"><i class="fa fa-sign-out"></i>Sign Out</a></li> + </ul> + </div><!--/.navbar-collapse --> + + <div class="templatemo-content-wrapper"> + <div class="templatemo-content"> + + <h1>Alarm</h1> + <p>Here goes tables and users.</p> + + <div class="row margin-bottom-30"> + <div class="col-md-6"> + <ul class="nav nav-pills"> + <li class="active"><a href="#">Danger <span class="badge">8</span></a></li> + <li><a href="#">alarm<span class="badge">10</span></a></li> + <li><a href="#">normal<span class="badge">3</span></a></li> + </ul> + </div> + + </div> + + <div class="table-responsive"> + <ul id="list"> + <li>cpu <input type="text" /></li> + <li>state <input type="text" /></li> + <li>memory<input type="text" /></li> + <button>search</button> + <li>disk <input type="text"/></li> + + <li>Network <input type="text"/></li> +</ul> +<div > +<table id="butt" style="width:100%"> +<tr> +<td style="width:45%;border-top:1px solid #ddd"></td> +<td class="more">more</td> +<td style="width:45%;border-top:1px solid #ddd"></td> +</tr> +</table> + +</div> + <h4 class="margin-bottom-15">Another Table of Existing Users</h4> + <table class="table table-striped table-hover table-bordered"> + <thead> + <tr> + <tr> + <th>Name</th> + <th>State</th> + <th>Cpu</th> + <th>Memory</th> + <th>Disk</th> + <th>Network</th> + <th>solved</th> + <th>Delete</th> + </tr> + </thead> + <tbody> + <tr> + <td>John</td> + <td>0</td> + <td>0%</td> + <td>45MB</td> + <td>0MB/S</td> + <td>OMBPS + </td> + <td> + <!-- Split button --> + <div class="btn-group"> + <button type="button" class="btn btn-info">Action</button> + <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"> + <span class="caret"></span> + <span class="sr-only">Toggle Dropdown</span> + </button> + <ul class="dropdown-menu" role="menu"> + <li><a href="#">1</a></li> + <li><a href="#">2</a></li> + <li><a href="#">3</a></li> + </ul> + </div> + </td> + + <td><a href="#" class="btn btn-primary">delete</a></td> + + </tr> + <tr> + <td>John</td> + <td>0</td> + <td>0%</td> + <td>45MB</td> + <td>0MB/S</td> + <td>OMBPS + </td> + <td> + <!-- Split button --> + <div class="btn-group"> + <button type="button" class="btn btn-info">Action</button> + <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"> + <span class="caret"></span> + <span class="sr-only">Toggle Dropdown</span> + </button> + <ul class="dropdown-menu" role="menu"> + <li><a href="#">Bootstrap</a></li> + <li><a href="#">Font Awesome</a></li> + <li><a href="#">jQuery</a></li> + </ul> + </div> + </td> + + <td><a href="#" class="btn btn-primary">delete</a></td> + + </tr> + <tr> + <td>John</td> + <td>0</td> + <td>0%</td> + <td>45MB</td> + <td>0MB/S</td> + <td>OMBPS + </td> + <td> + <!-- Split button --> + <div class="btn-group"> + <button type="button" class="btn btn-info">Action</button> + <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"> + <span class="caret"></span> + <span class="sr-only">Toggle Dropdown</span> + </button> + <ul class="dropdown-menu" role="menu"> + <li><a href="#">Bootstrap</a></li> + <li><a href="#">Font Awesome</a></li> + <li><a href="#">jQuery</a></li> + </ul> + </div> + </td> + + <td><a href="#" class="btn btn-primary">delete</a></td> + + </tr> + <tr> + <td>John</td> + <td>0</td> + <td>0%</td> + <td>45MB</td> + <td>0MB/S</td> + <td>OMBPS + </td> + <td> + <!-- Split button --> + <div class="btn-group"> + <button type="button" class="btn btn-info">Action</button> + <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"> + <span class="caret"></span> + <span class="sr-only">Toggle Dropdown</span> + </button> + <ul class="dropdown-menu" role="menu"> + <li><a href="#">Bootstrap</a></li> + <li><a href="#">Font Awesome</a></li> + <li><a href="#">jQuery</a></li> + </ul> + </div> + </td> + + <td><a href="#" class="btn btn-primary">delete</a></td> + + </tr> + <tr> + <td>John</td> + <td>0</td> + <td>0%</td> + <td>45MB</td> + <td>0MB/S</td> + <td>OMBPS + </td> + <td> + <!-- Split button --> + <div class="btn-group"> + <button type="button" class="btn btn-info">Action</button> + <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"> + <span class="caret"></span> + <span class="sr-only">Toggle Dropdown</span> + </button> + <ul class="dropdown-menu" role="menu"> + <li><a href="#">Bootstrap</a></li> + <li><a href="#">Font Awesome</a></li> + <li><a href="#">jQuery</a></li> + </ul> + </div> + </td> + + <td><a href="#" class="btn btn-primary">delete</a></td> + + </tr> + <tr> + <td>John</td> + <td>0</td> + <td>0%</td> + <td>45MB</td> + <td>0MB/S</td> + <td>OMBPS + </td> + <td> + <!-- Split button --> + <div class="btn-group"> + <button type="button" class="btn btn-info">Action</button> + <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"> + <span class="caret"></span> + <span class="sr-only">Toggle Dropdown</span> + </button> + <ul class="dropdown-menu" role="menu"> + <li><a href="#">Bootstrap</a></li> + <li><a href="#">Font Awesome</a></li> + <li><a href="#">jQuery</a></li> + </ul> + </div> + </td> + + <td><a href="#" class="btn btn-primary">delete</a></td> + + </tr> + </tbody> + </table> + </div> + <ul class="pagination pull-right"> + <li class="disabled"><a href="#">«</a></li> + <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li> + <li><a href="#">2 <span class="sr-only">(current)</span></a></li> + <li><a href="#">3 <span class="sr-only">(current)</span></a></li> + <li><a href="#">4 <span class="sr-only">(current)</span></a></li> + <li><a href="#">5 <span class="sr-only">(current)</span></a></li> + <li><a href="#">»</a></li> + </ul> + </div> + </div> + </div> + </div> + + <!-- Modal --> + <div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> + <h4 class="modal-title" id="myModalLabel">Are you sure you want to sign out?</h4> + </div> + <div class="modal-footer"> + <a href="sign-in.html" class="btn btn-primary">Yes</a> + <button type="button" class="btn btn-default" data-dismiss="modal">No</button> + </div> + </div> + </div> + </div> + + + </div> +</div> + <script src="js/jquery.min.js"></script> + <script src="js/bootstrap.min.js"></script> + <script src="js/templatemo_script.js"></script> + </body> +</html>
\ No newline at end of file |