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

wallet style

Browse Source
This commit is contained in:
Florian Dold 2016-04-23 19:34:30 +02:00
parent ba0ef6b6e8
commit 942a6227ba
4 changed files with 79 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
pages/confirm-contract.html
View File

@ -5,7 +5,6 @@
<title>Taler Wallet: Confirm Reserve Creation</title> <title>Taler Wallet: Confirm Reserve Creation</title>
<link rel="stylesheet" type="text/css" href="../style/lang.css"> <link rel="stylesheet" type="text/css" href="../style/lang.css">
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<script src="../lib/vendor/URI.js"></script> <script src="../lib/vendor/URI.js"></script>
<script src="../lib/vendor/mithril.js"></script> <script src="../lib/vendor/mithril.js"></script>
@ -15,18 +14,45 @@
<script src="../i18n/strings.js"></script> <script src="../i18n/strings.js"></script>
<script src="../lib/i18n.js"></script> <script src="../lib/i18n.js"></script>
<script src="../lib/module-trampoline.js"></script> <script src="../lib/module-trampoline.js"></script>
<style>
#main {
border: solid 1px black;
border-radius: 10px;
margin: auto;
max-width: 50%;
padding: 2em;
}
button.accept {
background-color: #5757D2;
border: 1px solid black;
border-radius: 5px;
margin: 1em 0;
padding: 0.5em;
font-weight: bold;
color: white;
}
button.linky {
background:none!important;
border:none;
padding:0!important;
font-family:arial,sans-serif;
color:#069;
text-decoration:underline;
cursor:pointer;
}
input.url {
width: 25em;
}
</style>
</head> </head>
<body> <body>
<header>
<div id="logo"></div>
<h1>Payment Confirmation</h1>
</header>
<aside class="sidebar" id="left">
</aside>
<section id="main"> <section id="main">
<h1>GNU Taler Wallet</h1>
<article id="contract" class="fade"></article> <article id="contract" class="fade"></article>
</section> </section>
</body> </body>

2
pages/confirm-contract.tsx
View File

@ -87,7 +87,7 @@ export function main() {
_.map(contract.products, _.map(contract.products,
(p: any) => m("li", (p: any) => m("li",
`${p.description}: ${prettyAmount(p.price)}`))), `${p.description}: ${prettyAmount(p.price)}`))),
m("button.confirm-pay", {onclick: doPayment}, i18n`Confirm Payment`), m("button.accept", {onclick: doPayment}, i18n`Confirm Payment`),
m("p", error ? error : []), m("p", error ? error : []),
m(Details, contract) m(Details, contract)
]; ];

48
pages/confirm-create-reserve.html
View File

@ -4,8 +4,6 @@
<head> <head>
<title>Taler Wallet: Select Taler Provider</title> <title>Taler Wallet: Select Taler Provider</title>
<link rel="stylesheet" type="text/css" href="../style/wallet.css">
<script src="../lib/vendor/URI.js"></script> <script src="../lib/vendor/URI.js"></script>
<script src="../lib/vendor/mithril.js"></script> <script src="../lib/vendor/mithril.js"></script>
<script src="../lib/vendor/system-csp-production.src.js"></script> <script src="../lib/vendor/system-csp-production.src.js"></script>
@ -13,21 +11,47 @@
<script src="../i18n/strings.js"></script> <script src="../i18n/strings.js"></script>
<script src="../lib/i18n.js"></script> <script src="../lib/i18n.js"></script>
<script src="../lib/module-trampoline.js"></script> <script src="../lib/module-trampoline.js"></script>
<style>
#main {
border: solid 1px black;
border-radius: 10px;
margin: auto;
max-width: 50%;
padding: 2em;
}
button.accept {
background-color: #5757D2;
border: 1px solid black;
border-radius: 5px;
margin: 1em 0;
padding: 0.5em;
font-weight: bold;
color: white;
}
button.linky {
background:none!important;
border:none;
padding:0!important;
font-family:arial,sans-serif;
color:#069;
text-decoration:underline;
cursor:pointer;
}
input.url {
width: 25em;
}
</style>
</head> </head>
<body> <body>
<header>
<div id="logo"></div>
<h1>Select Taler Provider</h1>
</header>
<aside class="sidebar" id="left">
</aside>
<section id="main"> <section id="main">
<article> <h1>GNU Taler Wallet</h1>
<div class="fade" id="exchange-selection"></div> <div class="fade" id="exchange-selection"></div>
</article>
</section> </section>
</body> </body>

11
pages/confirm-create-reserve.tsx
View File

@ -194,8 +194,9 @@ function view(ctrl: Controller) {
let mx = (x, ...args) => controls.push(m(x, ...args)); let mx = (x, ...args) => controls.push(m(x, ...args));
mx("p", mx("p",
i18n`The bank wants to create a reserve over ${amountToPretty( i18n.parts`You are about to withdraw ${m("strong", amountToPretty(
ctrl.amount)}.`); ctrl.amount))} from your bank account into your wallet.`);
mx("input", mx("input",
{ {
className: "url", className: "url",
@ -205,14 +206,16 @@ function view(ctrl: Controller) {
oninput: m.withAttr("value", ctrl.onUrlChanged.bind(ctrl)), oninput: m.withAttr("value", ctrl.onUrlChanged.bind(ctrl)),
}); });
mx("button", { mx("br");
mx("button.accept", {
onclick: () => ctrl.confirmReserve(ctrl.reserveCreationInfo, onclick: () => ctrl.confirmReserve(ctrl.reserveCreationInfo,
ctrl.url(), ctrl.url(),
ctrl.amount, ctrl.amount,
ctrl.callbackUrl), ctrl.callbackUrl),
disabled: !ctrl.isValidExchange disabled: !ctrl.isValidExchange
}, },
"Confirm exchange selection"); "Accept fees and withdraw");
if (ctrl.statusString) { if (ctrl.statusString) {
mx("p", ctrl.statusString); mx("p", ctrl.statusString);