taler/wallet-core
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

pretty and suspend/resume option

Browse Source
This commit is contained in:
Sebastian 2023-06-02 14:32:52 -03:00
parent 1961f4744c
commit 81dd559c77
No known key found for this signature in database
GPG Key ID: 173909D1A5F66069
9 changed files with 82 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/taler-wallet-webextension/src/cta/TransferPickup/state.ts
View File

@ -86,7 +86,9 @@ export function useComponentState({
onClick: pushAlertOnError(accept),
},
summary,
expiration: expiration ? AbsoluteTime.fromProtocolTimestamp(expiration) : undefined,
expiration: expiration
? AbsoluteTime.fromProtocolTimestamp(expiration)
: undefined,
cancel: {
onClick: pushAlertOnError(onClose),
},

2
packages/taler-wallet-webextension/src/hooks/useSettings.ts
View File

@ -41,7 +41,7 @@ export const codecForSettings = (): Codec<Settings> =>
.property("langSelector", codecForBoolean())
.property("showJsonOnError", codecForBoolean())
.property("extendedAccountTypes", codecForBoolean())
.property("deleteActiveTransactions", codecForBoolean())
.property("suspendIndividualTransaction", codecForBoolean())
.build("Settings");
const SETTINGS_KEY = buildStorageKey("wallet-settings", codecForSettings());

7
packages/taler-wallet-webextension/src/platform/api.ts
View File

@ -108,10 +108,7 @@ export interface Settings extends WebexWalletConfig {
langSelector: boolean;
showJsonOnError: boolean;
extendedAccountTypes: boolean;
//WORKAROUND
//Able to delete tx in dev mode
//FIXME: remove this when DD37 is implemented
deleteActiveTransactions: boolean;
suspendIndividualTransaction: boolean;
}
export const defaultSettings: Settings = {
@ -119,7 +116,7 @@ export const defaultSettings: Settings = {
advanceMode: false,
backup: false,
langSelector: false,
deleteActiveTransactions: false,
suspendIndividualTransaction: false,
showJsonOnError: false,
extendedAccountTypes: false,
walletAllowHttp: false,

13
packages/taler-wallet-webextension/src/pwa/index.html
View File

@ -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 =
@ -103,7 +103,6 @@ justify-content: center;
console.error(`Registration failed with ${error}`);
}
}
</script>
</body>
</html>

12
packages/taler-wallet-webextension/src/pwa/manifest.json
View File

@ -9,19 +9,23 @@
"start_url": "./",
"manifest_version": 3,
"minimum_chrome_version": "88",
"icons": [{
"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",

20
packages/taler-wallet-webextension/src/pwa/static/font/import.css vendored
View File

@ -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");
}

6
packages/taler-wallet-webextension/src/wallet/ProviderDetail.stories.tsx
View File

@ -19,7 +19,11 @@
* @author Sebastian Javier Marchano (sebasjm)
*/
import { AbsoluteTime, TalerPreciseTimestamp, TalerProtocolTimestamp } from "@gnu-taler/taler-util";
import {
AbsoluteTime,
TalerPreciseTimestamp,
TalerProtocolTimestamp,
} from "@gnu-taler/taler-util";
import { ProviderPaymentType } from "@gnu-taler/taler-wallet-core";
import * as tests from "@gnu-taler/web-util/testing";
import { ProviderView as TestedComponent } from "./ProviderDetailPage.js";

6
packages/taler-wallet-webextension/src/wallet/Settings.tsx
View File

@ -320,9 +320,9 @@ function AdvanceSettings(): VNode {
label: i18n.str`Show backup feature`,
description: i18n.str`Backup integration still in beta.`,
},
deleteActiveTransactions: {
label: i18n.str`Show delete active transaction`,
description: i18n.str`Deleting active transaction is not safe and you may loose your coins.`,
suspendIndividualTransaction: {
label: i18n.str`Show suspend/resume transaction`,
description: i18n.str`Prevent transaction from doing network request.`,
},
extendedAccountTypes: {
label: i18n.str`Show more account types on deposit`,

6
packages/taler-wallet-webextension/src/wallet/Transaction.tsx
View File

@ -71,6 +71,7 @@ import { SafeHandler } from "../mui/handlers.js";
import { Pages } from "../NavigationBar.js";
import { assertUnreachable } from "../utils/index.js";
import { EnabledBySettings } from "../components/EnabledBySettings.js";
import { useSettings } from "../hooks/useSettings.js";
interface Props {
tid: string;
@ -203,6 +204,7 @@ function TransactionTemplate({
const [confirmBeforeForget, setConfirmBeforeForget] = useState(false);
const [confirmBeforeCancel, setConfirmBeforeCancel] = useState(false);
const { safely } = useAlertContext();
const [settings] = useSettings();
async function doCheckBeforeForget(): Promise<void> {
if (
@ -393,7 +395,7 @@ function TransactionTemplate({
<i18n.Translate>Abort</i18n.Translate>
</Button>
)}
{showResume && (
{showResume && settings.suspendIndividualTransaction && (
<Button
variant="contained"
onClick={safely("resume transaction", onResume)}
@ -401,7 +403,7 @@ function TransactionTemplate({
<i18n.Translate>Resume</i18n.Translate>
</Button>
)}
{showSuspend && (
{showSuspend && settings.suspendIndividualTransaction && (
<Button
variant="contained"
onClick={safely("suspend transaction", onSuspend)}