1 files changed, 93 insertions, 0 deletions
diff --git a/packages/taler-wallet-webextension/src/spa/index.html b/packages/taler-wallet-webextension/src/spa/index.html
new file mode 100644
index 000000000..f352c7bf4
--- /dev/null
+++ b/packages/taler-wallet-webextension/src/spa/index.html
@@ -0,0 +1,93 @@
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <link rel="manifest" href="manifest.json" />
+    <style>
+      .overlay {
+        position: absolute;
+        top: 0px;
+        display: none;
+width: 100%;
+height: 100%;
+background-color: rgba(0,0,0,0.5);
+color:white;
+justify-content: center;
+      }
+      .overlay > iframe {
+        margin: auto;
+      }
+    </style>
+  </head>
+  <body>
+    <script>
+      function openPopup() {
+        document.getElementById("popup-overlay").style.display = "flex"
+        window.frames["popup"].location = "popup.html";
+        window.frames["popup"]
+      }
+      function closePopup() {
+        document.getElementById("popup-overlay").style.display = "none"
+      }
+      function redirectWallet(url) {
+        window.frames["wallet"].location = url
+      }
+      function openWallet() {
+        redirectWallet("wallet.html")
+      }
+      function closeWallet() {
+        redirectWallet("about:blank")
+      }
+      function openPage() {
+        window.frames["other"].location =
+          document.getElementById("page-url").value;
+      }
+    </script>
+    <button value="asd" onclick="openPopup()">open popup</button>
+    <button value="asd" onclick="closeWallet();openWallet()">
+      reload wallet page
+    </button>
+<br />
+    <iframe
+      id="wallet-window"
+      name="wallet"
+      src="wallet.html"
+      width="1000"
+      height="100%"
+    >
+    <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 />
+    <div class="overlay" id="popup-overlay">
+      <iframe
+      id="popup-window"
+      name="popup"
+      src="about:blank"
+      width="500"
+      height="325"
+    >
+  </iframe>
+    </div>
+    <hr />
+    </iframe>
+    <!-- <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 type="module" src="background.dev.js"></script>
+  </body>
+</html>