|
|
@@ -16,7 +16,7 @@
|
|
|
<body>
|
|
|
<br><br>
|
|
|
<div class="ui container">
|
|
|
- <div class="ui three statistics">
|
|
|
+ <div class="ui three statistics" id="stat">
|
|
|
<div class="statistic">
|
|
|
<div class="value" id="dl" style="padding: 5px;">
|
|
|
-
|
|
|
@@ -26,7 +26,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="statistic">
|
|
|
- <div class="value" id="ul" style="padding: 5px;">
|
|
|
+ <div class="value" id="ul" style="padding: 5px;">
|
|
|
-
|
|
|
</div>
|
|
|
<div class="label" id="ull">
|
|
|
@@ -34,7 +34,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="statistic">
|
|
|
- <div class="value" id="ping" style="padding: 5px;">
|
|
|
+ <div class="value" id="ping" style="padding: 5px;">
|
|
|
-
|
|
|
</div>
|
|
|
<div class="label" id="pingl">
|
|
|
@@ -56,6 +56,7 @@
|
|
|
</body>
|
|
|
<script>
|
|
|
ao_module_setFixedWindowSize();
|
|
|
+ autoResize();
|
|
|
$('#progressbar').progress({
|
|
|
label: 'ratio',
|
|
|
text: {
|
|
|
@@ -65,6 +66,18 @@
|
|
|
percent: 0
|
|
|
});
|
|
|
|
|
|
+ $(window).on('resize', function() {
|
|
|
+ autoResize();
|
|
|
+ });
|
|
|
+
|
|
|
+ function autoResize() {
|
|
|
+ if ($(window).width() < 550) {
|
|
|
+ $("#stat").attr("class", "ui three horizontal statistics");
|
|
|
+ } else {
|
|
|
+ $("#stat").attr("class", "ui three statistics");
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
function startBench() {
|
|
|
$('#progressbar').removeAttr('style');
|
|
|
$('#progressbar').progress('set progress', 0);
|
TC