add option for business cards

index.html

@@ -91,6 +91,10 @@
             <div class="input-field">
               <label><input type="checkbox" id="logo" name="is_logo"><span>Afficher le logo
               Ğ1</span></label><br>
+            </div>
+            <div class="input-field">
+              <label><input type="checkbox" id="biz_card" name="is_biz_card"><span>Carte de
+              visite</span></label><br>
             </div><br>
             <div class="input-field">
               <button class="btn waves-effect waves-light" type="submit" name="action">Générer
@@ -183,6 +187,7 @@
         let pubkey = document.forms["formulaire"]["pubkey"].value;
         let image = document.forms["formulaire"]["image"].files[0];
         let isLogo = document.forms["formulaire"]["logo"].checked;  
+        let isCard = document.forms["formulaire"]["biz_card"].checked;  
         // abort if elements are not there
         if (! checkValues(title, infos, pubkey, image)) {
           return;
@@ -211,7 +216,7 @@
           reader.onload = function () {
             let tempImage = document.getElementById("temp_image")
             tempImage.onload = function () {
-              vignetteCanvas = createVignetteCanvas( qrCode, title, pubkey, infos, tempImage, isLogo);
+              vignetteCanvas = createVignetteCanvas( qrCode, title, pubkey, infos, tempImage, isLogo, isCard);
             }
             tempImage.src = reader.result
           }
@@ -221,7 +226,7 @@
           let tempImage = document.getElementById("temp_image")
           tempImage.src = IMAGE_PLACEHOLDER;  
           tempImage.onload = function () {
-            vignetteCanvas = createVignetteCanvas( qrCode, title, pubkey, infos, tempImage, isLogo);
+            vignetteCanvas = createVignetteCanvas( qrCode, title, pubkey, infos, tempImage, isLogo, isCard);
           }
         }
         // make image canvas appear as PNG
@@ -290,7 +295,7 @@
         return true;
       }
 
-      function createVignetteCanvas (qrCode, title, pubkey, infos, givenImage, isLogo){
+      function createVignetteCanvas (qrCode, title, pubkey, infos, givenImage, isLogo, isCard){
         let canvas = document.getElementById("vignette_canvas");
         if (canvas.getContext) {
           let ctx = canvas.getContext('2d');
@@ -327,6 +332,7 @@
           ctx.drawImage(imageQrCode, xPosQr, yPosQr );
 
           // URI
+          if (isCard === false) {
             address = document.baseURI;
             let metrics = ctx.measureText(address);
             let addressWidth = metrics.width;
@@ -336,6 +342,7 @@
             ctx.rotate(-Math.PI/2);
             ctx.fillText (address, 0, 0);
             ctx.restore()
+          }
 
           // logo
           if (isLogo === true ){