1
0
mirror of https://github.com/gusaul/grpcox.git synced 2024-12-25 09:50:10 +00:00

modify detail UI

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

View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<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 href="css/bootstrap.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>
<span></span> Active Connection(s)
</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>
</div>
@ -112,6 +112,7 @@
</div>
<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/mdb.min.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

File diff suppressed because one or more lines are too long

View File

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