/*
This file is part of GNU Taler
(C) 2021 Taler Systems S.A.
GNU Taler is free software; you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation; either version 3, or (at your option) any later version.
GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GNU Taler; see the file COPYING. If not, see
*/
/**
*
* @author Sebastian Javier Marchano (sebasjm)
*/
import { format, formatDuration } from "date-fns";
import { intervalToDuration } from "date-fns/esm";
import { Fragment, h, render, VNode } from "preact";
import { render as renderToString } from "preact-render-to-string";
import { Footer } from "../components/Footer";
import "../css/pure-min.css";
import "../css/style.css";
import { MerchantBackend } from "../declaration";
import { Page, InfoBox, TableExpanded, TableSimple } from "../styled";
import { TIME_DATE_FORMAT } from "../utils";
/**
* This page creates a payment request QR code
*
* It will build into a mustache html template for server side rendering
*
* server side rendering params:
* - order_summary
* - contract_terms
* - refund_amount
*
* request params:
* - refund_amount
* - contract_terms
* - order_summary
*/
export interface Props {
btr?: boolean; // build time rendering flag
order_summary?: string;
refund_amount?: string;
contract_terms?: MerchantBackend.ContractTerms;
}
function Head({ order_summary }: { order_summary?: string }): VNode {
return (
Status of your order for{" "}
{order_summary ? order_summary : `{{ order_summary }}`}
);
}
function Location({
templateName,
location,
btr,
}: {
templateName: string;
location: MerchantBackend.Location | undefined;
btr?: boolean;
}) {
//FIXME: mustache strings will be constructed in a way that ends in the final output of the html but is not present in the
// javascript code, otherwise when mustache render engine run over the html it will also replace string in the javascript code
// that is made to run when the browser has javascript enable leading into undefined behavior.
// that's why in the next fields we are using concatenations to build the mustache placeholder.
return (
{btr && `{{` + `#${templateName}.building_name}}`}