Added QRCode and link to configure android application

app/Resources/static/themes/_global/js/tools.js

@@ -1,5 +1,7 @@
 const $ = require('jquery');
 
+var jrQrcode = require('jr-qrcode');
+
 function supportsLocalStorage() {
   try {
     return 'localStorage' in window && window.localStorage !== null;

package.json

@@ -99,5 +99,8 @@
     "stylelint": "^7.3.1",
     "stylelint-config-standard": "^13.0.2",
     "through": "^2.3.8"
+  },
+  "dependencies": {
+    "jr-qrcode": "^1.0.5"
   }
 }

src/Wallabag/CoreBundle/Controller/ConfigController.php

@@ -149,6 +149,7 @@ class ConfigController extends Controller
                 'token' => $config->getRssToken(),
             ],
             'twofactor_auth' => $this->getParameter('twofactor_auth'),
+            'wallabag_url' => $this->get('craue_config')->get('wallabag_url'),
             'enabled_users' => $this->getDoctrine()
                 ->getRepository('WallabagUserBundle:User')
                 ->getSumEnabledUsers(),

src/Wallabag/CoreBundle/Resources/views/themes/material/Config/index.html.twig

@@ -71,6 +71,18 @@
                                 </div>
                             </div>
 
+                            <div class="row">
+                                <div class="input-field col s12">
+                                    <h5>Configure your Android application</h5>
+                                    <a href="wallabag://{{ app.user.username }}@{{ wallabag_url }}" class="waves-effect waves-light btn hide-on-large-only">Touch here to prefill your Android application</a>
+                                    <img id="androidQrcode" class="hide-on-med-and-down" />
+                                </div>
+                                <script>
+                                    var imgBase64 = jrQrcode.getQrBase64('wallabag://{{ app.user.username }}@{{ wallabag_url }}');
+                                    document.getElementById('androidQrcode').src=imgBase64;
+                                </script>
+                            </div>
+
                             {{ form_widget(form.config.save, {'attr': {'class': 'btn waves-effect waves-light'}}) }}
                             {{ form_rest(form.config) }}
                         </form>