mirror of
https://github.com/aljazceru/btcpayserver.git
synced 2025-12-30 20:24:26 +01:00
8420c74b31
Cache static assets for one year and set the correct cache control header. Adds the cache busting version based on file content to asset references to invalidate the cache on change. ([further details on the approach](https://andrewlock.net/adding-cache-control-headers-to-static-files-in-asp-net-core/) and [why one year](https://ashton.codes/set-cache-control-max-age-1-year/)) Most of the changes are the additions of the `asp-append-version="true"` attribute, the main configuration change is in `Startup.cs`.
291 lines
18 KiB
Plaintext
291 lines
18 KiB
Plaintext
@addTagHelper *, BundlerMinifier.TagHelpers
|
|
@model UpdatePointOfSaleViewModel
|
|
@{
|
|
ViewData["Title"] = "Update Point of Sale";
|
|
}
|
|
<section>
|
|
<div class="modal" id="product-modal" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Product management</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Modal body text goes here.</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
|
<button type="button" class="js-product-save btn btn-primary">Save Changes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 section-heading">
|
|
<h2>@ViewData["Title"]</h2>
|
|
<hr class="primary">
|
|
</div>
|
|
</div>
|
|
@if (TempData.HasStatusMessage())
|
|
{
|
|
<div class="row">
|
|
<div class="col-lg-12 text-center">
|
|
<partial name="_StatusMessage" />
|
|
</div>
|
|
</div>
|
|
}
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<form method="post">
|
|
<input type="hidden" asp-for="StoreId" />
|
|
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
|
|
<div class="form-group">
|
|
<label asp-for="Title" class="control-label"></label>*
|
|
<input asp-for="Title" class="form-control" />
|
|
<span asp-validation-for="Title" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label asp-for="Currency" class="control-label"></label>*
|
|
<input asp-for="Currency" class="form-control" />
|
|
<span asp-validation-for="Currency" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="form-check">
|
|
<input asp-for="EnableShoppingCart" type="checkbox" class="form-check-input" />
|
|
<label asp-for="EnableShoppingCart" class="form-check-label"></label>
|
|
<span asp-validation-for="EnableShoppingCart" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-check">
|
|
<input asp-for="ShowCustomAmount" type="checkbox" class="form-check-input" />
|
|
<label asp-for="ShowCustomAmount" class="form-check-label"></label>
|
|
<span asp-validation-for="ShowCustomAmount" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-check">
|
|
<input asp-for="ShowDiscount" type="checkbox" class="form-check-input" />
|
|
<label asp-for="ShowDiscount" class="form-check-label"></label>
|
|
<span asp-validation-for="ShowDiscount" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-check">
|
|
<input asp-for="EnableTips" type="checkbox" class="form-check-input" />
|
|
<label asp-for="EnableTips" class="form-check-label"></label>
|
|
<span asp-validation-for="EnableTips" class="text-danger"></span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label asp-for="ButtonText" class="control-label"></label>*
|
|
<input asp-for="ButtonText" class="form-control" />
|
|
<span asp-validation-for="ButtonText" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label asp-for="CustomButtonText" class="control-label"></label>*
|
|
<input asp-for="CustomButtonText" class="form-control" />
|
|
<span asp-validation-for="CustomButtonText" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label asp-for="CustomTipText" class="control-label"></label>*
|
|
<input asp-for="CustomTipText" class="form-control" />
|
|
<span asp-validation-for="CustomTipText" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label asp-for="CustomTipPercentages" class="control-label"></label>
|
|
<input asp-for="CustomTipPercentages" class="form-control" />
|
|
<span asp-validation-for="CustomTipPercentages" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label asp-for="CustomCSSLink" class="control-label"></label>
|
|
<a href="https://docs.btcpayserver.org/development/theme#bootstrap-themes" target="_blank"><span class="fa fa-question-circle-o" title="More information..."></span></a>
|
|
<input asp-for="CustomCSSLink" class="form-control" />
|
|
<span asp-validation-for="CustomCSSLink" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="control-label">Products</label>*
|
|
<div class="mb-3">
|
|
<a class="js-product-add btn btn-secondary" href="#" data-toggle="modal" data-target="#product-modal"><i class="fa fa-plus fa-fw"></i> Add Product</a>
|
|
</div>
|
|
<div class="js-products bg-light row p-3">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label asp-for="Template" class="control-label"></label>*
|
|
<textarea asp-for="Template" rows="10" cols="40" class="js-product-template form-control"></textarea>
|
|
<span asp-validation-for="Template" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label asp-for="NotificationUrl" class="control-label"></label>
|
|
<input asp-for="NotificationUrl" class="form-control" />
|
|
<span asp-validation-for="NotificationUrl" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label asp-for="RedirectAutomatically" class="control-label"></label>*
|
|
<select asp-for="RedirectAutomatically" asp-items="Model.RedirectAutomaticallySelectList" class="form-control"></select>
|
|
<span asp-validation-for="RedirectAutomatically" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label asp-for="Description" class="control-label"></label>
|
|
<textarea asp-for="Description" rows="10" cols="40" class="form-control richtext"></textarea>
|
|
<span asp-validation-for="Description" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label asp-for="EmbeddedCSS" class="control-label"></label>
|
|
<textarea asp-for="EmbeddedCSS" rows="10" cols="40" class="form-control"></textarea>
|
|
<span asp-validation-for="EmbeddedCSS" class="text-danger"></span>
|
|
</div>
|
|
<div class="form-group">
|
|
<button type="submit" class="btn btn-primary" id="SaveSettings">Save Settings</button>
|
|
<div class="btn-group">
|
|
<a class="btn btn-outline-primary" asp-action="ListInvoices" asp-controller="Invoice" asp-route-searchterm="@Model.SearchTerm">Invoices</a>
|
|
<a class="btn btn-outline-primary" asp-action="ListInvoices" asp-controller="Invoice" asp-route-searchterm="@Model.SearchTerm"
|
|
target="viewinvoices_@Model.Id"><span class="fa fa-external-link"></span></a>
|
|
</div>
|
|
<div class="btn-group">
|
|
<a class="btn btn-outline-primary" asp-action="ViewPointOfSale" asp-controller="AppsPublic" asp-route-appId="@Model.Id" id="ViewApp">View App</a>
|
|
<a class="btn btn-outline-primary" asp-action="ViewPointOfSale" asp-controller="AppsPublic" asp-route-appId="@Model.Id"
|
|
target="viewapp_@Model.Id"><span class="fa fa-external-link"></span></a>
|
|
</div>
|
|
<a class="btn btn-outline-primary" target="_blank" asp-action="ListApps">Back to the app list</a>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="accordion" id="accordian-dev-info">
|
|
<div class="card">
|
|
<div class="card-header" id="accordian-dev-info-embed-payment-button-header">
|
|
<h2 class="mb-0">
|
|
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#accordian-dev-info-embed-payment-button" aria-expanded="true" aria-controls="accordian-dev-info-embed-payment-button">
|
|
Embed Payment Button linking to POS item
|
|
</button>
|
|
</h2>
|
|
</div>
|
|
<div id="accordian-dev-info-embed-payment-button" class="collapse" aria-labelledby="accordian-dev-info-embed-payment-button-header" data-parent="#accordian-dev-info">
|
|
<div class="card-body">
|
|
<p>You can host point of sale buttons in an external website with the following code.</p>
|
|
@if (Model.Example1 != null)
|
|
{
|
|
<span>For anything with a custom amount</span>
|
|
<pre><code class="html">@Model.Example1</code></pre>
|
|
}
|
|
@if (Model.Example2 != null)
|
|
{
|
|
<span>For a specific item of your template</span>
|
|
<pre><code class="html">@Model.Example2</code></pre>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-header" id="accordian-dev-info-embed-pos-iframe-header">
|
|
<h2 class="mb-0">
|
|
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#accordian-dev-info-embed-pos-iframe" aria-expanded="false" aria-controls="accordian-dev-info-embed-pos-iframe">
|
|
Embed POS with Iframe
|
|
|
|
</button>
|
|
</h2>
|
|
</div>
|
|
<div id="accordian-dev-info-embed-pos-iframe" class="collapse" aria-labelledby="accordian-dev-info-embed-pos-iframe-header" data-parent="#accordian-dev-info">
|
|
<div class="card-body">
|
|
You can embed the POS using an iframe
|
|
@{
|
|
var iframe = $"<iframe src='{(Url.Action("ViewPointOfSale", "AppsPublic", new { appId = Model.Id }, Context.Request.Scheme))}' style='max-width: 100%; border: 0;'></iframe>";
|
|
}
|
|
<pre><code class="html">@iframe</code></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-header" id="accordian-dev-info-notification-header">
|
|
<h2 class="mb-0">
|
|
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#accordian-dev-info-notification" aria-expanded="false" aria-controls="accordian-dev-info-notification">
|
|
Notification Url Callbacks
|
|
</button>
|
|
</h2>
|
|
</div>
|
|
<div id="accordian-dev-info-notification" class="collapse" aria-labelledby="accordian-dev-info-notification-header" data-parent="#accordian-dev-info">
|
|
<div class="card-body">
|
|
<p>A <code>POST</code> callback will be sent to notification with the following form will be sent to <code>notificationUrl</code> once the enough is paid and once again once there is enough confirmations to the payment:</p>
|
|
<pre><code class="json">@Model.ExampleCallback</code></pre>
|
|
<p><strong>Never</strong> trust anything but <code>id</code>, <strong>ignore</strong> the other fields completely, an attacker can spoof those, they are present only for backward compatibility reason:</p>
|
|
<p>
|
|
<ul>
|
|
<li>Send a <code>GET</code> request to <code>https://btcpay.example.com/invoices/{invoiceId}</code> with <code>Content-Type: application/json; Authorization: Basic YourLegacyAPIkey"</code>, Legacy API key can be created with Access Tokens in Store settings</li>
|
|
<li>Verify that the <code>orderId</code> is from your backend, that the <code>price</code> is correct and that <code>status</code> is either <code>confirmed</code> or <code>complete</code></li>
|
|
<li>You can then ship your order</li>
|
|
</ul>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
@section Scripts {
|
|
<link rel="stylesheet" href="~/vendor/highlightjs/default.min.css" asp-append-version="true">
|
|
<script src="~/vendor/highlightjs/highlight.min.js" asp-append-version="true"></script>
|
|
<script>hljs.initHighlightingOnLoad();</script>
|
|
<script id="template-product-item" type="text/template">
|
|
<div class="col-sm-4 col-md-3 mb-3">
|
|
<div class="card">
|
|
{image}
|
|
<div class="card-body">
|
|
<h6 class="card-title">{title}</h6>
|
|
<a href="#" class="js-product-edit btn btn-primary" data-toggle="modal" data-target="#product-modal">Edit</a>
|
|
<a href="#" class="js-product-remove btn btn-danger"><i class="fa fa-trash"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
<script id="template-product-content" type="text/template">
|
|
<div class="mb-3">
|
|
<input class="js-product-id" type="hidden" name="id" value="{id}">
|
|
<input class="js-product-index" type="hidden" name="index" value="{index}">
|
|
<div class="form-row">
|
|
<div class="col-sm-6">
|
|
<label>Title</label>*
|
|
<input type="text" class="js-product-title form-control mb-2" value="{title}" autofocus />
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<label>Price</label>*
|
|
<input class="js-product-price form-control mb-2"
|
|
inputmode="numeric"
|
|
pattern="\d*"
|
|
type="number"
|
|
value="{price}" />
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<label>Custom price</label>
|
|
<select class="js-product-custom form-control">
|
|
{custom}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="col">
|
|
<label>Image</label>
|
|
<input type="text" class="js-product-image form-control mb-2" value="{image}" />
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="col">
|
|
<label>Description</label>
|
|
<textarea rows="3" cols="40" class="js-product-description form-control mb-2">{description}</textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="col">
|
|
<label>Inventory (leave blank to not use inventory feature)</label>
|
|
<input type="number" step="1" class="js-product-inventory form-control mb-2" value="{inventory}" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
|
|
<bundle name="wwwroot/bundles/pos-admin-bundle.min.js" asp-append-version="true"></bundle>
|
|
<bundle name="wwwroot/bundles/pos-admin-bundle.min.css" asp-append-version="true"></bundle>
|
|
}
|