klesh/grpcox
1
0
Fork 0
mirror of https://github.com/gusaul/grpcox.git synced 2025-04-16 10:15:36 +00:00
Code Issues Projects Releases Wiki Activity

modify detail UI

Browse Source 
fix favicon and tooltip close conn
This commit is contained in:
gusaul 2019-03-14 08:35:34 +07:00
parent b24fe0cfa7
commit cd19b9523b
3 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
index/index.html
View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge"> <meta http-equiv="x-ua-compatible" content="ie=edge">
<title>gRPCox - gRPC Testing Environment</title> <title>gRPCox - gRPC Testing Environment</title>
<link rel="icon" href="/img/favicon.png" type="image/x-icon" /> <link rel="icon" href="img/favicon.png" type="image/x-icon" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/mdb.min.css" rel="stylesheet"> <link href="css/mdb.min.css" rel="stylesheet">
@ -98,7 +98,7 @@
<svg class="dots" expanded = "true" height = "100px" width = "100px"><circle cx = "50%" cy = "50%" r = "7px"></circle><circle class = "pulse" cx = "50%" cy = "50%" r = "10px"></circle></svg> <svg class="dots" expanded = "true" height = "100px" width = "100px"><circle cx = "50%" cy = "50%" r = "7px"></circle><circle class = "pulse" cx = "50%" cy = "50%" r = "10px"></circle></svg>
<span></span> Active Connection(s) <span></span> Active Connection(s)
</div> </div>
<div id="conn-list-template" style="display:none"><li><i class="fa fa-close"></i> <span class="ip"></span></li></div> <div id="conn-list-template" style="display:none"><li><i class="fa fa-close" data-toggle="tooltip" title="close connection"></i> <span class="ip"></span></li></div>
<ul class="nav"> <ul class="nav">
</ul> </ul>
</div> </div>
@ -112,6 +112,7 @@
</div> </div>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/mdb.min.js"></script> <script type="text/javascript" src="js/mdb.min.js"></script>
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script> <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>

3
index/js/popper.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

7
index/js/style.js
View File

@ -232,6 +232,7 @@ function applyConnCount() {
$list.find(".ip").html(item); $list.find(".ip").html(item);
$(".connections .nav").append($list.html()); $(".connections .nav").append($list.html());
}); });
refreshToolTip();
}, },
error: err, error: err,
}); });
@ -242,6 +243,12 @@ function refreshConnCount() {
setTimeout(refreshConnCount, 5000); setTimeout(refreshConnCount, 5000);
} }
function refreshToolTip() {
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
}
$(document).ready(function(){ $(document).ready(function(){
refreshConnCount(); refreshConnCount();
}); });