From 1d85662946c393ea6985c178842be40d38fc687d Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Mon, 28 Mar 2022 14:03:59 -0300
Subject: storybook like page for dev, plus some style fixes

---
 .../taler-wallet-webextension/dev-html/index.html  | 34 +++++++++++++++++-----
 1 file changed, 27 insertions(+), 7 deletions(-)

(limited to 'packages/taler-wallet-webextension/dev-html/index.html')

diff --git a/packages/taler-wallet-webextension/dev-html/index.html b/packages/taler-wallet-webextension/dev-html/index.html
index d141faa2d..4b7fe34e8 100644
--- a/packages/taler-wallet-webextension/dev-html/index.html
+++ b/packages/taler-wallet-webextension/dev-html/index.html
@@ -14,28 +14,45 @@
       function closeWallet() {
         window.frames["wallet"].location = "about:blank";
       }
+      function openPage() {
+        window.frames["other"].location =
+          document.getElementById("page-url").value;
+      }
     </script>
-    <input type="text" />
-    <button value="asd" onclick="openPopup()">open popup</button>
-    <button value="asd" onclick="closeWallet();openWallet()">
-      reload wallet page
-    </button>
+    <input id="page-url" type="text" />
+    <button onclick="openPage()">open</button>
+    <a
+      href='javascript:void(window.frames["other"].location = "http://bank.taler:5882")'
+      >open local bank</a
+    >
     <hr />
+    <iframe
+      id="other-window"
+      name="other"
+      src="http://bank.taler:5882"
+      width="100%"
+      height="325"
+    >
+    </iframe>
+    <hr />
+    <button value="asd" onclick="openPopup()">open popup</button><br />
     <iframe
       id="popup-window"
       name="popup"
       src="about:blank"
-      name="popup"
       width="500"
       height="325"
     >
     </iframe>
     <hr />
+    <button value="asd" onclick="closeWallet();openWallet()">
+      reload wallet page
+    </button>
+    <br />
     <iframe
       id="wallet-window"
       name="wallet"
       src="/wallet.html"
-      name="wallet"
       width="800"
       height="100%"
     >
@@ -43,6 +60,9 @@
     <hr />
     <iframe src="/tests.html" name="wallet" width="800" height="100%"> </iframe>
     <hr />
+    <iframe src="/stories.html" name="wallet" width="800" height="100%">
+    </iframe>
+    <hr />
     <script src="/dist/background.dev.js"></script>
   </body>
 </html>
-- 
cgit v1.2.3