diff options
author | Sebastian <sebasjm@gmail.com> | 2023-06-02 14:32:52 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2023-06-02 14:32:52 -0300 |
commit | 81dd559c77908b7805690aa7fa1de54ce3a45580 (patch) | |
tree | 84d66deec9cca79e3f44d5b68219f4e928dc5a2a /packages/taler-wallet-webextension/src/pwa | |
parent | 1961f4744ca0db4666a2df4335c768ed86fc4e2f (diff) | |
download | wallet-core-81dd559c77908b7805690aa7fa1de54ce3a45580.tar.xz |
pretty and suspend/resume option
Diffstat (limited to 'packages/taler-wallet-webextension/src/pwa')
3 files changed, 64 insertions, 61 deletions
diff --git a/packages/taler-wallet-webextension/src/pwa/index.html b/packages/taler-wallet-webextension/src/pwa/index.html index abc6f97ba..4ffbe5205 100644 --- a/packages/taler-wallet-webextension/src/pwa/index.html +++ b/packages/taler-wallet-webextension/src/pwa/index.html @@ -7,11 +7,11 @@ position: absolute; top: 0px; display: none; -width: 100%; -height: 100%; -background-color: rgba(0,0,0,0.5); -color:white; -justify-content: center; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + color: white; + justify-content: center; } .overlay > iframe { margin: auto; @@ -21,21 +21,21 @@ justify-content: center; <body> <script> function openPopup() { - document.getElementById("popup-overlay").style.display = "flex" + document.getElementById("popup-overlay").style.display = "flex"; window.frames["popup"].location = "popup.html"; - window.frames["popup"] + window.frames["popup"]; } function closePopup() { - document.getElementById("popup-overlay").style.display = "none" + document.getElementById("popup-overlay").style.display = "none"; } function redirectWallet(url) { - window.frames["wallet"].location = url + window.frames["wallet"].location = url; } function openWallet() { - redirectWallet("wallet.html") + redirectWallet("wallet.html"); } function closeWallet() { - redirectWallet("about:blank") + redirectWallet("about:blank"); } function openPage() { window.frames["other"].location = @@ -46,7 +46,7 @@ justify-content: center; <button value="asd" onclick="closeWallet();openWallet()"> reload wallet page </button> -<br /> + <br /> <iframe id="wallet-window" name="wallet" @@ -54,7 +54,7 @@ justify-content: center; width="1000" height="100%" > - </iframe> + </iframe> <!-- <input id="page-url" type="text" /> <button onclick="openPage()">open</button> --> <!-- <a @@ -73,11 +73,11 @@ justify-content: center; <hr /> <div class="overlay" id="popup-overlay"> <iframe - id="popup-window" - name="popup" - src="about:blank" - width="500" - height="325" + id="popup-window" + name="popup" + src="about:blank" + width="500" + height="325" > </iframe> </div> @@ -85,25 +85,24 @@ justify-content: center; <iframe src="tests.html" name="wallet" width="800" height="100%"> </iframe> --> <!-- <hr /> <iframe src="stories.html" name="wallet" width="800" height="100%"> --> - <script type="module" src="background.dev.js"></script> - <script type="module"> - if ("serviceWorker" in navigator) { - try { - const registration = await navigator.serviceWorker.register("sw.js", { - scope: "/app/", - }); - if (registration.installing) { - console.log("Service worker installing"); - } else if (registration.waiting) { - console.log("Service worker installed"); - } else if (registration.active) { - console.log("Service worker active"); - } - } catch (error) { - console.error(`Registration failed with ${error}`); - } + <script type="module" src="background.dev.js"></script> + <script type="module"> + if ("serviceWorker" in navigator) { + try { + const registration = await navigator.serviceWorker.register("sw.js", { + scope: "/app/", + }); + if (registration.installing) { + console.log("Service worker installing"); + } else if (registration.waiting) { + console.log("Service worker installed"); + } else if (registration.active) { + console.log("Service worker active"); } - - </script> - </body> + } catch (error) { + console.error(`Registration failed with ${error}`); + } + } + </script> + </body> </html> diff --git a/packages/taler-wallet-webextension/src/pwa/manifest.json b/packages/taler-wallet-webextension/src/pwa/manifest.json index 6823483bf..adf27e43f 100644 --- a/packages/taler-wallet-webextension/src/pwa/manifest.json +++ b/packages/taler-wallet-webextension/src/pwa/manifest.json @@ -9,19 +9,23 @@ "start_url": "./", "manifest_version": 3, "minimum_chrome_version": "88", - "icons": [{ - "src": "./static/img/taler-logo-48.png", - "type": "image/png", - "sizes": "48x48" - },{ - "src": "./static/img/taler-logo-128.png", - "type": "image/png", - "sizes": "128x128" - },{ - "src": "./static/img/taler-logo-512.png", - "type": "image/png", - "sizes": "512x512" - }], + "icons": [ + { + "src": "./static/img/taler-logo-48.png", + "type": "image/png", + "sizes": "48x48" + }, + { + "src": "./static/img/taler-logo-128.png", + "type": "image/png", + "sizes": "128x128" + }, + { + "src": "./static/img/taler-logo-512.png", + "type": "image/png", + "sizes": "512x512" + } + ], "protocol_handlers": [ { "protocol": "web+taler", diff --git a/packages/taler-wallet-webextension/src/pwa/static/font/import.css b/packages/taler-wallet-webextension/src/pwa/static/font/import.css index 05edddb51..d726ebc5a 100644 --- a/packages/taler-wallet-webextension/src/pwa/static/font/import.css +++ b/packages/taler-wallet-webextension/src/pwa/static/font/import.css @@ -1,35 +1,35 @@ @font-face { - font-family: 'Roboto'; + font-family: "Roboto"; font-style: italic; font-weight: 400; font-display: swap; - src: url(/static/font/roboto-italic-400.ttf) format('truetype'); + src: url(/static/font/roboto-italic-400.ttf) format("truetype"); } @font-face { - font-family: 'Roboto'; + font-family: "Roboto"; font-style: normal; font-weight: 300; font-display: swap; - src: url(/static/font/roboto-normal-300.ttf) format('truetype'); + src: url(/static/font/roboto-normal-300.ttf) format("truetype"); } @font-face { - font-family: 'Roboto'; + font-family: "Roboto"; font-style: normal; font-weight: 400; font-display: swap; - src: url(/static/font/roboto-normal-400.ttf) format('truetype'); + src: url(/static/font/roboto-normal-400.ttf) format("truetype"); } @font-face { - font-family: 'Roboto'; + font-family: "Roboto"; font-style: normal; font-weight: 500; font-display: swap; - src: url(/static/font/roboto-normal-500.ttf) format('truetype'); + src: url(/static/font/roboto-normal-500.ttf) format("truetype"); } @font-face { - font-family: 'Roboto'; + font-family: "Roboto"; font-style: normal; font-weight: 700; font-display: swap; - src: url(/static/font/roboto-normal-700.ttf) format('truetype'); + src: url(/static/font/roboto-normal-700.ttf) format("truetype"); } |