Feature Descriptor (#3831)

btcpayserver · Feb 13, 2023 · 72a9e67 · 72a9e67
1 parent 3658b39
commit 72a9e67
Show file tree

Hide file tree

Showing 33 changed files with 219 additions and 158 deletions.
diff --git a/BTCPayServer/Views/Shared/Bitcoin/ViewBitcoinLikePaymentData.cshtml b/BTCPayServer/Views/Shared/Bitcoin/ViewBitcoinLikePaymentData.cshtml
@@ -61,8 +61,8 @@
                 {
                     <th>
                         Network Fee
-                        <a href="https://docs.btcpayserver.org/FAQ/Stores/#allow-anyone-to-create-invoice" target="_blank" rel="noreferrer noopener">
-                            <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                        <a href="https://docs.btcpayserver.org/FAQ/Stores/#allow-anyone-to-create-invoice" target="_blank" rel="noreferrer noopener" title="More information...">
+                            <vc:icon symbol="info" />
                         </a>
                     </th>
                 }

diff --git a/BTCPayServer/Views/Shared/Crowdfund/Public/ViewCrowdfund.cshtml b/BTCPayServer/Views/Shared/Crowdfund/Public/ViewCrowdfund.cshtml
@@ -82,14 +82,14 @@
                 {
                     <span v-if="srvModel.enforceTargetAmount" class="h5 ms-2">
                         Hardcap Goal
-                        <span class="fa fa-question-circle" v-b-tooltip title="No contributions allowed after the goal has been reached"></span>
+                        <span v-b-tooltip title="No contributions allowed after the goal has been reached"><vc:icon symbol="info" /></span>
                     </span>
                 }
                 else
                 {
                     <span v-if="!srvModel.enforceTargetAmount" class="h5 ms-2">
                         Softcap Goal
-                        <span class="fa fa-question-circle" v-b-tooltip title="Contributions allowed even after goal is reached"></span>
+                        <span v-b-tooltip title="Contributions allowed even after goal is reached"><vc:icon symbol="info" /></span>
                     </span>
                 }
             </span>

diff --git a/BTCPayServer/Views/Shared/Crowdfund/UpdateCrowdfund.cshtml b/BTCPayServer/Views/Shared/Crowdfund/UpdateCrowdfund.cshtml
@@ -300,8 +300,8 @@
                             <div class="accordion-body">
                                 <div class="form-group">
                                     <label asp-for="CustomCSSLink" class="form-label"></label>
-                                    <a href="https://docs.btcpayserver.org/Development/Theme/#2-bootstrap-themes" target="_blank" rel="noreferrer noopener">
-                                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                                    <a href="https://docs.btcpayserver.org/Development/Theme/#2-bootstrap-themes" target="_blank" rel="noreferrer noopener" title="More information...">
+                                        <vc:icon symbol="info" />
                                     </a>
                                     <input asp-for="CustomCSSLink" class="form-control" />
                                     <span asp-validation-for="CustomCSSLink" class="text-danger"></span>

diff --git a/BTCPayServer/Views/Shared/LNURL/LightningAddressOption.cshtml b/BTCPayServer/Views/Shared/LNURL/LightningAddressOption.cshtml
@@ -11,8 +11,8 @@
         <span class="d-flex flex-wrap flex-fill flex-column flex-sm-row">
             <strong class="me-3">
                 Lightning Address
-                <a href="https://lightningaddress.com/" target="_blank" rel="noreferrer noopener">
-                    <span class="fa fa-question-circle-o" title="More information..."></span>
+                <a href="https://lightningaddress.com/" target="_blank" rel="noreferrer noopener" title="More information...">
+                    <vc:icon symbol="info" />
                 </a>
             </strong>
         </span>

diff --git a/BTCPayServer/Views/Shared/PointOfSale/UpdatePointOfSale.cshtml b/BTCPayServer/Views/Shared/PointOfSale/UpdatePointOfSale.cshtml
@@ -255,8 +255,8 @@
                             <div class="accordion-body">
                                 <div class="form-group">
                                     <label asp-for="CustomCSSLink" class="form-label"></label>
-                                    <a href="https://docs.btcpayserver.org/Development/Theme/#2-bootstrap-themes" target="_blank" rel="noreferrer noopener">
-                                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                                    <a href="https://docs.btcpayserver.org/Development/Theme/#2-bootstrap-themes" target="_blank" rel="noreferrer noopener" title="More information...">
+                                        <vc:icon symbol="info" />
                                     </a>
                                     <input asp-for="CustomCSSLink" class="form-control" />
                                     <span asp-validation-for="CustomCSSLink" class="text-danger"></span>

diff --git a/BTCPayServer/Views/Shared/Shopify/StoreIntegrationsList.cshtml b/BTCPayServer/Views/Shared/Shopify/StoreIntegrationsList.cshtml
@@ -10,8 +10,8 @@
         <span class="d-flex flex-wrap flex-fill flex-column flex-sm-row">
             <strong class="me-3">
                 Shopify
-                <a href="https://docs.btcpayserver.org/Shopify" target="_blank" rel="noreferrer noopener">
-                    <span class="fa fa-question-circle-o" title="More information..."></span>
+                <a href="https://docs.btcpayserver.org/Shopify" target="_blank" rel="noreferrer noopener" title="More information...">
+                    <vc:icon symbol="info" />
                 </a>
             </strong>
             <span title="" class="d-flex me-3">

diff --git a/BTCPayServer/Views/UIApps/ListApps.cshtml b/BTCPayServer/Views/UIApps/ListApps.cshtml
@@ -16,8 +16,8 @@
     <h2 class="mb-0">
         @ViewData["Title"]
         <small>
-            <a href="https://docs.btcpayserver.org/Apps/" target="_blank" rel="noreferrer noopener">
-                <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+            <a href="https://docs.btcpayserver.org/Apps/" target="_blank" rel="noreferrer noopener" title="More information...">
+                <vc:icon symbol="info" />
             </a>
         </small>
     </h2>

diff --git a/BTCPayServer/Views/UIInvoice/ListInvoices.cshtml b/BTCPayServer/Views/UIInvoice/ListInvoices.cshtml
@@ -126,18 +126,29 @@
 <div class="sticky-header d-sm-flex align-items-center justify-content-between">
     <h2 class="mb-0">
         @ViewData["Title"]
-        <small>
-            <a href="https://docs.btcpayserver.org/Invoices/" class="ms-1" target="_blank" rel="noreferrer noopener">
-                <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
-            </a>
-        </small>
+        <a href="#descriptor" data-bs-toggle="collapse">
+            <vc:icon symbol="info" />
+        </a>
     </h2>
     <a id="CreateNewInvoice" asp-action="CreateInvoice" asp-route-storeId="@Model.StoreId" asp-route-searchTerm="@Model.SearchTerm" class="btn btn-primary mt-3 mt-sm-0">
         <span class="fa fa-plus"></span>
         Create Invoice
     </a>
 </div>
 
+<div id="descriptor" class="collapse">
+    <div class="d-flex px-4 py-4 mb-4 bg-tile rounded">
+        <div class="flex-fill">
+            <p class="mb-2">Invoices are documents issued by the seller to a buyer to collect payment.</p>
+            <p class="mb-3">An invoice must be paid within a defined time interval at a fixed exchange rate to protect the issuer from price fluctuations.</p>
+            <a href="https://docs.btcpayserver.org/Invoices/" target="_blank" rel="noreferrer noopener">Learn More</a>
+        </div>
+        <button type="button" class="btn-close ms-auto" data-bs-toggle="collapse" data-bs-target="#descriptor" aria-expanded="false" aria-label="Close">
+            <vc:icon symbol="close" />
+        </button>
+    </div>
+</div>
+
 <partial name="_StatusMessage" />
 
 <partial name="InvoiceStatusChangePartial" />
@@ -270,8 +281,8 @@
                     <a asp-action="Export" asp-route-timezoneoffset="0" asp-route-format="csv" asp-route-storeId="@Model.StoreId" asp-route-searchTerm="@Model.SearchTerm" class="dropdown-item export-link" target="_blank">CSV</a>
                     <a asp-action="Export" asp-route-timezoneoffset="0" asp-route-format="json" asp-route-storeId="@Model.StoreId" asp-route-searchTerm="@Model.SearchTerm" class="dropdown-item export-link" target="_blank">JSON</a>
                 </div>
-                <a href="https://docs.btcpayserver.org/Accounting/" target="_blank" rel="noreferrer noopener">
-                    <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                <a href="https://docs.btcpayserver.org/Accounting/" target="_blank" rel="noreferrer noopener" title="More information...">
+                    <vc:icon symbol="info" />
                 </a>
             </div>
         </div>

diff --git a/BTCPayServer/Views/UIPaymentRequest/EditPaymentRequest.cshtml b/BTCPayServer/Views/UIPaymentRequest/EditPaymentRequest.cshtml
@@ -126,8 +126,8 @@
                             <div class="accordion-body">
                                 <div class="form-group">
                                     <label asp-for="CustomCSSLink" class="form-label"></label>
-                                    <a href="https://docs.btcpayserver.org/Development/Theme/#2-bootstrap-themes" target="_blank" rel="noreferrer noopener">
-                                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                                    <a href="https://docs.btcpayserver.org/Development/Theme/#2-bootstrap-themes" target="_blank" rel="noreferrer noopener" title="More information...">
+                                        <vc:icon symbol="info" />
                                     </a>
                                     <input asp-for="CustomCSSLink" class="form-control" />
                                     <span asp-validation-for="CustomCSSLink" class="text-danger"></span>

diff --git a/BTCPayServer/Views/UIPaymentRequest/GetPaymentRequests.cshtml b/BTCPayServer/Views/UIPaymentRequest/GetPaymentRequests.cshtml
@@ -12,24 +12,35 @@
 <div class="sticky-header d-sm-flex align-items-center justify-content-between">
     <h2 class="mb-0">
         @ViewData["Title"]
-        <small>
-            <a href="https://docs.btcpayserver.org/PaymentRequests/" class="ms-1" target="_blank" rel="noreferrer noopener">
-                <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
-            </a>
-        </small>
+        <a href="#descriptor" data-bs-toggle="collapse">
+            <vc:icon symbol="info" />
+        </a>
     </h2>
     <a asp-action="EditPaymentRequest" asp-route-storeId="@Context.GetStoreData().Id" class="btn btn-primary mt-3 mt-sm-0" role="button" id="CreatePaymentRequest">
         <span class="fa fa-plus"></span>
         Create Payment Request
     </a>
 </div>
 
+<div id="descriptor" class="collapse">
+    <div class="d-flex px-4 py-4 mb-4 bg-tile rounded">
+        <div class="flex-fill">
+            <p class="mb-2">Payment requests are persistent shareable pages that enable the receiver to pay at their convenience. Funds are paid to a payment request at the current exchange rate.</p>
+            <p class="mb-3">Requests may be paid in partial. They will remain valid until time expires or when paid what is due.</p>
+            <a href="https://docs.btcpayserver.org/PaymentRequests/" target="_blank" rel="noreferrer noopener">Learn More</a>
+        </div>
+        <button type="button" class="btn-close ms-auto" data-bs-toggle="collapse" data-bs-target="#descriptor" aria-expanded="false" aria-label="Close">
+            <vc:icon symbol="close" />
+        </button>
+    </div>
+</div>
+
 <partial name="_StatusMessage" />
 
 <div class="row mb-2">
     <div class="col col-lg-8 col-xl-6 mr-auto">
         <form asp-action="GetPaymentRequests" method="get">
-            <input type="hidden" asp-for="Count"/>
+            <input type="hidden" asp-for="Count" />
             <input type="hidden" asp-for="TimezoneOffset" />
             <div class="input-group">
                 <input asp-for="SearchTerm" class="form-control" />

diff --git a/BTCPayServer/Views/UIPullPayment/EditPullPayment.cshtml b/BTCPayServer/Views/UIPullPayment/EditPullPayment.cshtml
@@ -72,7 +72,7 @@
                                 <div class="form-group">
                                     <label asp-for="CustomCSSLink" class="form-label"></label>
                                     <a href="https://docs.btcpayserver.org/Development/Theme/#2-bootstrap-themes" target="_blank" rel="noreferrer noopener">
-                                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                                        <vc:icon symbol="info" />
                                     </a>
                                     <input asp-for="CustomCSSLink" class="form-control" />
                                     <span asp-validation-for="CustomCSSLink" class="text-danger"></span>

diff --git a/BTCPayServer/Views/UIServer/DynamicDnsServices.cshtml b/BTCPayServer/Views/UIServer/DynamicDnsServices.cshtml
@@ -10,8 +10,8 @@
             <h3 class="mb-0">
                 @ViewData["Title"]
                 <small>
-                    <a href="https://docs.btcpayserver.org/Apps/" target="_blank" rel="noreferrer noopener">
-                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                    <a href="https://docs.btcpayserver.org/Apps/" target="_blank" rel="noreferrer noopener" title="More information...">
+                        <vc:icon symbol="info" />
                     </a>
                 </small>
             </h3>

diff --git a/BTCPayServer/Views/UIServer/Files.cshtml b/BTCPayServer/Views/UIServer/Files.cshtml
@@ -18,17 +18,17 @@
             <p>
                 Before being able to upload you first need to
                 <a asp-action="storage" asp-route-forceChoice="true" asp-route-returnurl="@ViewData["ReturnUrl"]">choose your file storage service provider</a>.
-                <a href="https://docs.btcpayserver.org/FAQ/ServerSettings/#how-to-upload-files-to-btcpay" target="_blank" rel="noreferrer noopener">
-                    <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                <a href="https://docs.btcpayserver.org/FAQ/ServerSettings/#how-to-upload-files-to-btcpay" target="_blank" rel="noreferrer noopener" title="More information...">
+                    <vc:icon symbol="info" />
                 </a>
             </p>
         }
         else
         {
             <p>
                 Change your <a asp-action="storage" asp-route-forceChoice="true" asp-route-returnurl="@ViewData["ReturnUrl"]">file storage service</a> provider.
-                <a href="https://docs.btcpayserver.org/FAQ/ServerSettings/#how-to-upload-files-to-btcpay" target="_blank" rel="noreferrer noopener">
-                    <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                <a href="https://docs.btcpayserver.org/FAQ/ServerSettings/#how-to-upload-files-to-btcpay" target="_blank" rel="noreferrer noopener" title="More information...">
+                    <vc:icon symbol="info" />
                 </a>
             </p>
 

diff --git a/BTCPayServer/Views/UIServer/ListPlugins.cshtml b/BTCPayServer/Views/UIServer/ListPlugins.cshtml
@@ -332,7 +332,7 @@
                             }
                             else if (recommended)
                             {
-                                <div class="badge bg-light text-nowrap" data-bs-toggle="tooltip" title="This plugin has been recommended to be installed by your deployment method.">Recommended <span class="fa fa-question-circle-o text-secondary"></span></div>
+                                <div class="badge bg-light text-nowrap" data-bs-toggle="tooltip" title="This plugin has been recommended to be installed by your deployment method.">Recommended <vc:icon symbol="info" /></div>
                             }
                         </h5>
                         <p class="card-text">@plugin.Description</p>

diff --git a/BTCPayServer/Views/UIServer/Policies.cshtml b/BTCPayServer/Views/UIServer/Policies.cshtml
@@ -24,15 +24,15 @@
                     <input asp-for="AllowLightningInternalNodeForAll" type="checkbox" class="form-check-input"/>
                     <label asp-for="AllowLightningInternalNodeForAll" class="form-check-label"></label>
                     <a href="https://docs.btcpayserver.org/FAQ/LightningNetwork/#how-many-users-can-use-lightning-network-in-btcpay" target="_blank" rel="noreferrer noopener">
-                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                        <vc:icon symbol="info" />
                     </a>
                     <span asp-validation-for="AllowLightningInternalNodeForAll" class="text-danger"></span>
                 </div>
                 <div class="form-check my-3">
                     <input asp-for="AllowHotWalletForAll" type="checkbox" class="form-check-input"/>
                     <label asp-for="AllowHotWalletForAll" class="form-check-label"></label>
                     <a href="https://docs.btcpayserver.org/CreateWallet/#requirements-to-create-wallets" target="_blank" rel="noreferrer noopener">
-                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                        <vc:icon symbol="info" />
                     </a>
                     <span asp-validation-for="AllowHotWalletForAll" class="text-danger"></span>
                 </div>
@@ -55,7 +55,7 @@
                     <input asp-for="RequiresConfirmedEmail" type="checkbox" class="form-check-input" disabled="@(isEmailConfigured ? null : "disabled")"/>
                     <label asp-for="RequiresConfirmedEmail" class="form-check-label"></label>
                     <a href="https://docs.btcpayserver.org/FAQ/ServerSettings/#how-to-allow-registration-on-my-btcpay-server" target="_blank" rel="noreferrer noopener">
-                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                        <vc:icon symbol="info" />
                     </a>
                     <span asp-validation-for="RequiresConfirmedEmail" class="text-danger"></span>
                     @if (!isEmailConfigured)
@@ -84,15 +84,15 @@
                     <input asp-for="DisableInstantNotifications" type="checkbox" class="form-check-input"/>
                     <label asp-for="DisableInstantNotifications" class="form-check-label"></label>
                     <a href="https://docs.btcpayserver.org/Notifications/#notifications" target="_blank" rel="noreferrer noopener">
-                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                        <vc:icon symbol="info" />
                     </a>
                     <span asp-validation-for="DisableInstantNotifications" class="text-danger"></span>
                 </div>
                 <div class="form-check my-3">
                     <input asp-for="DisableStoresToUseServerEmailSettings" type="checkbox" class="form-check-input"/>
                     <label asp-for="DisableStoresToUseServerEmailSettings" class="form-check-label"></label>
                     <a href="https://docs.btcpayserver.org/Notifications/#server-emails" target="_blank" rel="noreferrer noopener">
-                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                        <vc:icon symbol="info" />
                     </a>
                     <span asp-validation-for="DisableStoresToUseServerEmailSettings" class="text-danger"></span>
                 </div>
@@ -112,7 +112,7 @@
                     <input asp-for="DiscourageSearchEngines" type="checkbox" class="form-check-input"/>
                     <label asp-for="DiscourageSearchEngines" class="form-check-label"></label>
                     <a href="https://docs.btcpayserver.org/FAQ/ServerSettings/#how-to-hide-my-btcpay-server-from-search-engines" target="_blank" rel="noreferrer noopener">
-                        <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                        <vc:icon symbol="info" />
                     </a>
                     <span asp-validation-for="DiscourageSearchEngines" class="text-danger"></span>
                 </div>

diff --git a/BTCPayServer/Views/UIShopify/EditShopify.cshtml b/BTCPayServer/Views/UIShopify/EditShopify.cshtml
@@ -16,8 +16,8 @@
         <h3 class="mb-3">
             @ViewData["Title"]
             <small>
-                <a href="https://docs.btcpayserver.org/Shopify" target="_blank" rel="noreferrer noopener">
-                    <span class="fa fa-question-circle-o text-secondary" title="More information..."></span>
+                <a href="https://docs.btcpayserver.org/Shopify" target="_blank" rel="noreferrer noopener" title="More information...">
+                    <vc:icon symbol="info" />
                 </a>
             </small>
         </h3>