mirror of https://github.com/abpframework/eventhub
6 changed files with 85 additions and 53 deletions
@ -1,9 +1,16 @@ |
|||
|
|||
{ |
|||
"culture": "en", |
|||
"texts": { |
|||
"MyAccount": "My account", |
|||
"SamplePageMessage": "A sample page for the Payment module", |
|||
"YourPaymentCompletedSuccessfully": "Your payment has been completed successfully!", |
|||
"YourPaymentFailed": "Your payment has been failed unfortunetely!" |
|||
"YourPaymentFailed": "Your payment has been failed unfortunetely!", |
|||
"PaymentRequestIsNotWaiting": "The state isn't 'Waiting', so you can't pay this Payment Request at this time.", |
|||
"ProductName": "Product Name", |
|||
"Price": "Price", |
|||
"Status": "State", |
|||
"ProductInformation": "Product Information", |
|||
"CompletePayment": "Complete the Payment" |
|||
} |
|||
} |
|||
@ -1,32 +1,38 @@ |
|||
@page |
|||
@using Payment.Web.Pages.Payment |
|||
@using Payment.PaymentRequests |
|||
@inherits Payment.Web.Pages.PaymentPageBase |
|||
@model Payment.Web.Pages.Payment.PreCheckoutPageModel |
|||
|
|||
@section scripts { |
|||
<abp-script-bundle name="@typeof(PreCheckoutPageModel).FullName"> |
|||
<abp-script src="/client-proxies/Payment-proxy.js" /> |
|||
</abp-script-bundle> |
|||
<abp-script-bundle name="@typeof(PreCheckoutPageModel).FullName"> |
|||
<abp-script src="/client-proxies/Payment-proxy.js" /> |
|||
</abp-script-bundle> |
|||
} |
|||
|
|||
<h1>Checkout</h1> |
|||
|
|||
<abp-card> |
|||
<abp-card-header> |
|||
<h2>Product Information</h2> |
|||
</abp-card-header> |
|||
<abp-card-body> |
|||
<ul> |
|||
<li>Product name: @Model.PaymentRequest.ProductName</li> |
|||
<li>Amount: @Model.PaymentRequest.Price</li> |
|||
</ul> |
|||
</abp-card-body> |
|||
</abp-card> |
|||
|
|||
<abp-card> |
|||
<abp-card-body> |
|||
<form method="post"> |
|||
<abp-button type="submit" button-type="Primary">Complete the payment</abp-button> |
|||
</form> |
|||
</abp-card-body> |
|||
</abp-card> |
|||
<main class="static-page container mt-5"> |
|||
<abp-card class="m-5"> |
|||
<abp-card-header> |
|||
<h2>@L["ProductInformation"]</h2> |
|||
</abp-card-header> |
|||
<abp-card-body> |
|||
<ul> |
|||
<li>@L["ProductName"]: @Model.PaymentRequest.ProductName</li> |
|||
<li>@L["Price"]: @Model.PaymentRequest.Price @Model.PaymentRequest.Currency</li> |
|||
<li>@L["State"]: @Model.PaymentRequest.State</li> |
|||
</ul> |
|||
</abp-card-body> |
|||
<abp-card-footer> |
|||
<form method="post"> |
|||
@if (Model.PaymentRequest.State != PaymentRequestState.Waiting) |
|||
{ |
|||
<abp-alert alert-type="Warning">@L["PaymentRequestIsNotWaiting"]</abp-alert> |
|||
} |
|||
else |
|||
{ |
|||
<abp-button type="submit" button-type="Primary">@L["CompletePayment"]</abp-button> |
|||
} |
|||
</form> |
|||
</abp-card-footer> |
|||
</abp-card> |
|||
</main> |
|||
Loading…
Reference in new issue