wip

bokkypoobah · Apr 17, 2024 · a670daf · a670daf
1 parent 87dfc7a
commit a670daf
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/docs/offline.html b/docs/offline.html
@@ -62,6 +62,22 @@
 
           <b-card class="m-0 p-0 border-0" body-class="m-1 p-0">
 
+            <b-card no-body class="p-0 mt-1">
+              <b-tabs card align="left" no-body v-model="wallet.tab" active-tab-class="m-0 p-0">
+                <b-tab v-for="t in tabs" :key="'dyn-tabx-' + t.name" @click="updateURL(t.name);" :title="t.text" title-item-class="p-0" title-link-class="px-2">
+                </b-tab>
+              </b-tabs>
+              <b-card-text>
+                <p>Blah Blah</p>
+                <p>Blah Blah</p>
+                <p>Blah Blah</p>
+                <p>Blah Blah</p>
+                <p>Blah Blah</p>
+              </b-card-text>
+            </b-card>
+
+
+
             <b-card-text class="m-0 p-0">
               <!-- :WALLET -->
               <b-card no-body class="my-0 p-1">
@@ -154,6 +170,7 @@
         // --- DATA ---
         data: {
           wallet: {
+            tab: 0, // 0: 'privatekey', 1: 'mnemonics', 2: 'keystorefile'
             type: 'keystorefile', // 'mnemonics', // 'privatekey', 'keystorefile'
             mnemonics: null,
             keystoreFile: null,
@@ -220,6 +237,12 @@
           //   approved: false, // ERC-721 & ERC-1155 ApprovalForAll
           // },
 
+          tabs: [
+            { name: 'privatekey', text: 'Private Key' },
+            { name: 'mnemonics', text: 'Mnemonics' },
+            { name: 'keystorefile', text: 'Keystore File' },
+          ],
+
           walletTypeOptions: [
             { value: 'privatekey', text: 'Private Key' },
             { value: 'mnemonics', text: 'Mnemonic Seed Phrase' },
@@ -340,6 +363,10 @@
         // --- METHODS ---
         methods: {
 
+          updateURL(where) {
+            console.log(moment().format("HH:mm:ss") + " TODO updateURL: " + where);
+          },
+
           async recomputeWallet() {
             console.log(moment().format("HH:mm:ss") + " recomputeWallet: " + JSON.stringify(this.wallet));
             if (this.wallet.type == 'privatekey') {