Qt: web intf: Ease mobile intf url access with QR-Code

diff --git a/share/lua/http/index.html b/share/lua/http/index.html
index 3f79537308b4be07762581c76cb11fccc44c5dba..2d84163fc73b27408ac703b45f92187a569b31af 100644 (file)
--- a/share/lua/http/index.html
+++ b/share/lua/http/index.html
@@ -255,7 +255,7 @@
                        </div>
                        
                        <div class="footer">
-                               VLC <?vlc print(vlc.misc.version() .. " - Lua Web Interface - " .. vlc.misc.copyright()) ?>
+                               VLC <?vlc print(vlc.misc.version() .. ' - Lua Web Interface - <a id="mobileintflink" href="/mobile.html">Mobile Interface</a> - ' .. vlc.misc.copyright()) ?>
                        </div>
                </div>
                </div>

diff --git a/share/lua/http/js/ui.js b/share/lua/http/js/ui.js
index 50a0df4b266c385e2b256de67fc2c3ed27e62235..7fe3207ad293047311b2774e56d2cdb7b278adfd 100644 (file)
--- a/share/lua/http/js/ui.js
+++ b/share/lua/http/js/ui.js
@@ -81,4 +81,11 @@ $(function () {
         return false;
     });
     $('#stream_host').val(stream_server);
+    $('#mobileintflink').click(function () {
+        var urlimg = location.href + '/mobile.html';
+        var codeimg = $('<img width="350" height="350" alt="qrcode"/>');
+        codeimg.attr('src', 'http://chart.apis.google.com/chart?cht=qr&chs=350x350&chld=L&choe=UTF-8&chl=' + encodeURIComponent(urlimg));
+        codeimg.dialog({width: 350, height: 350, title: 'QR-Code'});
+        return false;
+    });
 })