From caef8c0fbde525db930d1b9ca952266ac1a73191 Mon Sep 17 00:00:00 2001
From: codeskyblue <codeskyblue@gmail.com>
Date: Mon, 22 May 2017 19:11:34 +0800
Subject: [PATCH] make qrcode page large

---
 res/css/style.css   |  8 ++++++++
 res/index.tmpl.html | 11 ++++++++---
 res/js/index.js     | 12 +++++++-----
 3 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/res/css/style.css b/res/css/style.css
index 7df502d..aac3251 100644
--- a/res/css/style.css
+++ b/res/css/style.css
@@ -24,3 +24,11 @@ div.dropzone {
 .qrcode-title {
     font-size: 0.8em;
 }
+
+.clearfix::after {
+    clear: both;
+}
+
+#qrcodeCanvas {
+    padding-right: 20px;
+}
\ No newline at end of file
diff --git a/res/index.tmpl.html b/res/index.tmpl.html
index c3bb81e..b0633eb 100644
--- a/res/index.tmpl.html
+++ b/res/index.tmpl.html
@@ -165,7 +165,7 @@ <h3 class="panel-title" style="font-weight: normal">
     <div class="col-md-12" id="content">
       <!-- Small qrcode modal -->
       <div id="qrcode-modal" class="modal fade" tabindex="-1" role="dialog">
-        <div class="modal-dialog modal-sm">
+        <div class="modal-dialog">
           <div class="modal-content">
             <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
@@ -174,8 +174,13 @@ <h4 class="modal-title">
                 <a style="font-size: 0.6em" href="#" id="qrcode-link">[view]</a>
               </h4>
             </div>
-            <div class="modal-body">
-              <div id="qrcodeCanvas"></div>
+            <div class="modal-body clearfix">
+              <div id="qrcodeCanvas" class="pull-left"></div>
+              <div id="qrcodeRight" class="pull-left">
+                <p>
+                  <a href="#">下载链接</a>
+                </p>
+              </div>
             </div>
           </div>
         </div>
diff --git a/res/js/index.js b/res/js/index.js
index ec2fed2..c2b2463 100644
--- a/res/js/index.js
+++ b/res/js/index.js
@@ -147,13 +147,15 @@ var vm = new Vue({
       }
       return encodeURI(urlPath);
     },
-    genQrcode: function(text, title) {
-      var urlPath = this.genInstallURL(text);
-      $("#qrcode-title").html(title || text);
-      $("#qrcode-link").attr("href", urlPath);
+    genQrcode: function(name, title) {
+      var installURL = this.genInstallURL(name);
+      $("#qrcode-title").html(title || name);
+      $("#qrcode-link").attr("href", installURL);
       $('#qrcodeCanvas').empty().qrcode({
-        text: urlPath
+        text: installURL
       });
+      console.log(name, location.origin, this.genDownloadURL(name));
+      $("#qrcodeRight a").attr("href", location.origin + encodeURI(pathJoin([location.pathname, name])));
       $("#qrcode-modal").modal("show");
     },
     genDownloadURL: function(f) {