Home Explore Help
Sign In
TC
/
arozos
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Responsive UI

AY 4 years ago
parent
08e0628550
commit
87163800f6
2 changed files with 17 additions and 4 deletions
Unified View Show Diff Stats
  1. 16 3
      web/Speedtest/index.html
  2. 1 1
      web/Speedtest/init.agi

+ 16 - 3
web/Speedtest/index.html
View File 

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

+ 1 - 1
web/Speedtest/init.agi
View File 

@@ -14,7 +14,7 @@ var moduleLaunchInfo = {
 
 	SupportFW: true,

 	SupportFW: true,

 	LaunchFWDir: "Speedtest/index.html",

 	LaunchFWDir: "Speedtest/index.html",

 	SupportEmb: false,

 	SupportEmb: false,

-	InitFWSize: [600, 210]

+	InitFWSize: [600, 220]

 }

 }

 

 

 //Register the module

 //Register the module