New paper wallets added

tundak · May 6, 2019 · 89f84db · 89f84db
1 parent 29c568f
commit 89f84db
Show file tree

Hide file tree

Showing 10 changed files with 39 additions and 12 deletions.
diff --git a/src/assets/img/QRlogoD.svg b/src/assets/img/QRlogoD.svg
diff --git a/src/assets/img/QRlogoE.svg b/src/assets/img/QRlogoE.svg
diff --git a/src/assets/img/paperwalletD.svg b/src/assets/img/paperwalletD.svg
diff --git a/src/assets/img/paperwalletE.svg b/src/assets/img/paperwalletE.svg
diff --git a/src/assets/img/paperwalletemptyD.svg b/src/assets/img/paperwalletemptyD.svg
diff --git a/src/assets/img/paperwalletemptyE.svg b/src/assets/img/paperwalletemptyE.svg
diff --git a/src/components/CreateGenerateAndPrint.vue b/src/components/CreateGenerateAndPrint.vue
@@ -12,6 +12,7 @@
               <option value="C">C</option>
               <option value="D">D</option>
               <option value="E">E</option>
+              <option value="F">F</option>
             </select>
             <span class="h3 text-light">Add</span>
             <select class="mx-2 dropdown-header mb-2" id="amount" v-model="numPaperWallets">
@@ -94,7 +95,7 @@ export default Vue.extend({
   methods: {
     generateWallets() {
       for (let i = 0; i < this.numPaperWallets; i++) {
-        if (this.design != 'E') {
+        if (this.design != 'F') {
           WalletGen.genWallet().then(wallet => {
             this.wallets.push({
               address: wallet.address,
@@ -116,9 +117,9 @@ export default Vue.extend({
         }
       }
       let title = this.numPaperWallets
-      if (this.numPaperWallets > 1 && this.design != 'E') {
+      if (this.numPaperWallets > 1 && this.design != 'F') {
         title += " paper wallets have been generated!"
-      } else if (this.design != 'E') {
+      } else if (this.design != 'F') {
         title += " paper wallet has been generated!"
       } else if (this.numPaperWallets > 1) {
         title += " instruction cards have been generated!"
@@ -182,7 +183,10 @@ export default Vue.extend({
 }
 
 .addressTextColoredD {
-    color: #000000;
+    color: #2677FF;
+}
+.addressTextColoredE {
+    color: #2677FF;
 }
 
 .wallet-container {

diff --git a/src/components/CreateHero.vue b/src/components/CreateHero.vue
@@ -59,6 +59,16 @@
                   <div class="col-1 mx-1">
                     <span class="h3 w600">E)</span>
                   </div>
+                  <div class="col">
+                    <img class="w-100" src="../assets/img/paperwalletE.svg">
+                  </div>
+                </div>
+              </div>
+              <div class="col-12 col-md-6 mt-5 px-4">
+                <div class="row d-flex justify-content-lg-between align-items-center">
+                  <div class="col-1 mx-1">
+                    <span class="h3 w600">F)</span>
+                  </div>
                   <div class="col">
                     <img class="w-100" src="../assets/img/paperwalletinstructions.svg">
                   </div>

diff --git a/src/components/Designs.vue b/src/components/Designs.vue
@@ -21,6 +21,9 @@
             <div class="col-12 col-md-6 mt-5 px-4">
               <img class="w-100" src="../assets/img/paperwalletD.svg">
             </div>
+            <div class="col-12 col-md-6 mt-5 px-4">
+              <img class="w-100" src="../assets/img/paperwalletE.svg">
+            </div>
           </div>
         </div>
       </div>

diff --git a/src/components/PaperWallet.vue b/src/components/PaperWallet.vue
@@ -5,20 +5,23 @@
         <img svg-inline v-if="design == 'A'" class="address-logo" src="../assets/img/QRlogoA.svg" />
         <img svg-inline v-else-if="design == 'B'" class="address-logo" src="../assets/img/QRlogoB.svg" />
         <img svg-inline v-else-if="design == 'C'" class="address-logo" src="../assets/img/QRlogoC.svg" />
-        <img svg-inline v-else class="address-logo" src="../assets/img/QRlogoD.svg" />
+        <img svg-inline v-else-if="design == 'D'" class="address-logo" src="../assets/img/QRlogoD.svg" />
+        <img svg-inline v-else class="address-logo" src="../assets/img/QRlogoE.svg" />
 
         <!-- QR Code for ADDRESS -->
         <div class="address-qr" v-html="qrAddress" />
         <img svg-inline v-if="design == 'A'" class="address-logo-right" src="../assets/img/QRlogoA.svg" />
         <img svg-inline v-else-if="design == 'B'" class="address-logo-right" src="../assets/img/QRlogoB.svg" />
         <img svg-inline v-else-if="design == 'C'" class="address-logo-right" src="../assets/img/QRlogoC.svg" />
-        <img svg-inline v-else class="address-logo-right" src="../assets/img/QRlogoD.svg" />
+        <img svg-inline v-else-if="design == 'D'" class="address-logo-right" src="../assets/img/QRlogoD.svg" />
+        <img svg-inline v-else class="address-logo-right" src="../assets/img/QRlogoE.svg" />
 
         <!-- Paper Wallet Design -->
         <img svg-inline v-if="design == 'A'" src="../assets/img/paperwalletemptyA.svg" />
         <img svg-inline v-else-if="design == 'B'" src="../assets/img/paperwalletemptyB.svg" />
         <img svg-inline v-else-if="design == 'C'" src="../assets/img/paperwalletemptyC.svg" />
-        <img svg-inline v-else src="../assets/img/paperwalletemptyD.svg" />
+        <img svg-inline v-else-if="design == 'D'" src="../assets/img/paperwalletemptyD.svg" />
+        <img svg-inline v-else src="../assets/img/paperwalletemptyE.svg" />
 
         <!-- Address -->
         <div class="addressText" v-html="twoLineAddress()" />
@@ -74,7 +77,7 @@ export default Vue.extend({
       }
     },
     mounted: function () {
-        if (this.design != 'E') {
+        if (this.design != 'F') {
             this.qrSeed = new QRCode({
                 content: this.seed,
                 width: 108.95,
@@ -129,7 +132,11 @@ export default Vue.extend({
 }
 
 .addressTextColoredD {
-    color: #000000;
+    color: #2677FF;
+}
+
+.addressTextColoredE {
+    color: #2677FF;
 }
 
 .wallet-container {