[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[taler-docs] branch master updated: details page
|
From: |
gnunet |
|
Subject: |
[taler-docs] branch master updated: details page |
|
Date: |
Tue, 30 Mar 2021 20:57:34 +0200 |
This is an automated email from the git hooks/post-receive script.
sebasjm pushed a commit to branch master
in repository docs.
The following commit(s) were added to refs/heads/master by this push:
new c768a39 details page
c768a39 is described below
commit c768a39a846258f97a25cd122aaf0f00ffb3c83c
Author: Sebastian <sebasjm@gmail.com>
AuthorDate: Tue Mar 30 15:57:04 2021 -0300
details page
---
backoffice-order-details.claimed.svg | 16 ++++
backoffice-order-details.paid.svg | 6 +-
backoffice-order-details.refunded.svg | 16 ++++
backoffice-order-details.unpaid.svg | 16 ++++
backoffice-order-list.svg | 6 +-
backoffice-order-refund.svg | 16 ++++
.../015-merchant-backoffice-routing.rst | 4 +-
.../016-backoffice-order-management.rst | 106 +++++++++++++--------
8 files changed, 136 insertions(+), 50 deletions(-)
diff --git a/backoffice-order-details.claimed.svg
b/backoffice-order-details.claimed.svg
new file mode 100644
index 0000000..dfc3ec8
--- /dev/null
+++ b/backoffice-order-details.claimed.svg
@@ -0,0 +1,16 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 732 731"
width="732" height="731">
+ <!-- svg-source:excalidraw -->
+ <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2
--><!-- payload-start
-->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO2dW3Oiylx1MDAxNsff51NY2edx6/T9kjc1idFcXDTGaDKndqWIYiBRUcBcdTAwMTjdtb/7aZyZiFxuXGaYyJBdx5qaXHUwMDE5XHUwMDA1RJpfr/6v1atcdTAwMTd/f8nlXHUwMDBl3PlYPzjMXHUwMDFk6K9dbWD2bG128Kf3+YtuO6Y1UpvQ8r1jTe3uck/DdcfO4devqyNcbl1r+P0ofaBcdTAwMGb1keuo/f6r3udyfy//9p3H1ruuNnpcdTAwMWPoy1x1MDAwM5abfKdCaPPTS2u0PC1cdTAwMTVcY
[...]
+ <defs>
+ <style>
+ @font-face {
+ font-family: "Virgil";
+ src: url("https://excalidraw.com/Virgil.woff2";);
+ }
+ @font-face {
+ font-family: "Cascadia";
+ src: url("https://excalidraw.com/Cascadia.woff2";);
+ }
+ </style>
+ </defs>
+ <rect x="0" y="0" width="732" height="731" fill="#ffffff"></rect><g
transform="translate(10 10) rotate(0 356 355.5)"><path d="M0.4417973451316357
-0.4003531508147717 C218.48239935040473 -1.1999100227355957, 438.3987757392228
-0.6788687486648559, 711.3234317474067 0.5738790698349476 M0.34496696926653386
-0.09942653514444828 C152.55734228752556 -2.0128741817325353, 305.1977789003402
-2.661992497906089, 711.6562983963638 0.3798908796161413 M711.7507497482002
0.44109537079930305 C712.20889 [...]
\ No newline at end of file
diff --git a/backoffice-order-details.paid.svg
b/backoffice-order-details.paid.svg
index 8ab4b39..f11828f 100644
--- a/backoffice-order-details.paid.svg
+++ b/backoffice-order-details.paid.svg
@@ -1,6 +1,6 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 732 1016"
width="732" height="1016">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 732
783.1428571428571" width="732" height="783.1428571428571">
<!-- svg-source:excalidraw -->
- <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2
--><!-- payload-start
-->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO2dW1Piylx1MDAxNsff51NQ7vO4dfp+8U1cdTAwMTRcdTAwMDVcdTAwMTRBUERP7bJcIlx1MDAwNIgkXHUwMDA0kqDCrv3dT4OjXHUwMDA00sFsJpxCXHUwMDBiypqaJJ2Qy69cdTAwMTf/tXr1yt8/Mpm9YDww91x1MDAwZTN75mvTsK2WZ7zs/Tld/2x6vuX21SY0W/bdkdectexcdTAwMDbBwD/8+XO+x0HTdd72Mm3TMfuBr9r9Vy1nMn/P/lVbrNbsW7J+XHSWe0NcdTAwMGZcdTAwMWM3XHUwMDFlb
[...]
+ <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2
--><!-- payload-start
-->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO2da3OiytbH38+nsLKfl1un75e8U5OouWnUaJKnTqWIYiDeXHUwMDAx4+XU/u6ncWZcdTAwMTJQYNBEhpw67l0zo4BA++vV/1691uLf3zKZI2c50Y+OM0f6oqNccsyupc2P/nY/f9Ut21x1MDAxY4/UJrR+b49nVme9p+E4XHUwMDEz+/j79/cjcp3x8MdR+kBcdTAwMWbqI8dW+/2/ep/J/Hv9p+c8lt5xtNHzQF9cdTAwMWaw3uQ5XHUwMDE1kZufXo9H69NCQjlcdTAwMTOMYPG2h2mfqPM5eldt7mlcd
[...]
<defs>
<style>
@font-face {
@@ -13,4 +13,4 @@
}
</style>
</defs>
- <rect x="0" y="0" width="732" height="1016" fill="#ffffff"></rect><g
transform="translate(10 10) rotate(0 356 498)"><path d="M0.4417973451316357
-0.4003531508147717 C218.48239935040473 -1.1999100227355957, 438.3987757392228
-0.6788687486648559, 711.3234317474067 0.5738790698349476 M0.34496696926653386
-0.09942653514444828 C152.55734228752556 -2.0128741817325353, 305.1977789003402
-2.661992497906089, 711.6562983963638 0.3798908796161413 M711.7507497482002
0.44109537079930305 C712.567343 [...]
\ No newline at end of file
+ <rect x="0" y="0" width="732" height="783.1428571428571"
fill="#ffffff"></rect><g transform="translate(10 10) rotate(0 356
381.57142857142856)"><path d="M0.4417973451316357 -0.4003531508147717
C218.48239935040473 -1.1999100227355957, 438.3987757392228 -0.6788687486648559,
711.3234317474067 0.5738790698349476 M0.34496696926653386 -0.09942653514444828
C152.55734228752556 -2.0128741817325353, 305.1977789003402 -2.661992497906089,
711.6562983963638 0.3798908796161413 M711.7507497482002 0.4 [...]
\ No newline at end of file
diff --git a/backoffice-order-details.refunded.svg
b/backoffice-order-details.refunded.svg
new file mode 100644
index 0000000..1d4f0a8
--- /dev/null
+++ b/backoffice-order-details.refunded.svg
@@ -0,0 +1,16 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 732
783.1428571428571" width="732" height="783.1428571428571">
+ <!-- svg-source:excalidraw -->
+ <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2
--><!-- payload-start
-->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO2da1PiytbH3+9PQTnn5Ybp+8V3gIigXHUwMDAyXHUwMDAygvrUKStCkCDXJIhwan/3p4OOJJBkXHUwMDAyXG7Gc4Y9NXvIhYTw69X/Xmv16v/8lUhcdTAwMWPZ87F+dJw40l9aWt9om9rs6G9n+7NuWsZoqHah5XtrNDVbyyO7tj22jn/+XFydkWqNXHUwMDA2r2fpfX2gXHUwMDBmbUtcdTAwMWT3f+p9XCLxn+XfruuYesvWho99fXnCcpfrUkSuby2NhsvLQkI5XHUwMDEzjGDxfoRhnajr2Xpb7e5of
[...]
+ <defs>
+ <style>
+ @font-face {
+ font-family: "Virgil";
+ src: url("https://excalidraw.com/Virgil.woff2";);
+ }
+ @font-face {
+ font-family: "Cascadia";
+ src: url("https://excalidraw.com/Cascadia.woff2";);
+ }
+ </style>
+ </defs>
+ <rect x="0" y="0" width="732" height="783.1428571428571"
fill="#ffffff"></rect><g transform="translate(10 10) rotate(0 356
381.57142857142856)"><path d="M0.4417973451316357 -0.4003531508147717
C218.48239935040473 -1.1999100227355957, 438.3987757392228 -0.6788687486648559,
711.3234317474067 0.5738790698349476 M0.34496696926653386 -0.09942653514444828
C152.55734228752556 -2.0128741817325353, 305.1977789003402 -2.661992497906089,
711.6562983963638 0.3798908796161413 M711.7507497482002 0.4 [...]
\ No newline at end of file
diff --git a/backoffice-order-details.unpaid.svg
b/backoffice-order-details.unpaid.svg
new file mode 100644
index 0000000..37de925
--- /dev/null
+++ b/backoffice-order-details.unpaid.svg
@@ -0,0 +1,16 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 732 731"
width="732" height="731">
+ <!-- svg-source:excalidraw -->
+ <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2
--><!-- payload-start
-->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nN2bbVPaTFx1MDAxN8ff91Mw9n5ZcZ9cdTAwMWZ8p4iIrYKgqL3nXHUwMDFhJ5JAUlx1MDAwMlx0SVx1MDAxMOGafvd7XHUwMDEzW1x0kNCAQuPNdDqSzbLJ5nfO+Z+zm38/XHUwMDE1XG57wcQ19lx1MDAwZVx1MDAwYnvGc1uzLd3TxntfwuNPhudbzkA1oei774y8dnSmXHUwMDE5XHUwMDA0rn94cDDrUWw7/Zdehm30jUHgq/P+q75cdTAwMTdcbv9G/8fG8Yx2oFxyurZcdTAwMTF1iJpiQyG0ePTSX
[...]
+ <defs>
+ <style>
+ @font-face {
+ font-family: "Virgil";
+ src: url("https://excalidraw.com/Virgil.woff2";);
+ }
+ @font-face {
+ font-family: "Cascadia";
+ src: url("https://excalidraw.com/Cascadia.woff2";);
+ }
+ </style>
+ </defs>
+ <rect x="0" y="0" width="732" height="731" fill="#ffffff"></rect><g
transform="translate(10 10) rotate(0 356 355.5)"><path d="M0.4417973451316357
-0.4003531508147717 C218.48239935040473 -1.1999100227355957, 438.3987757392228
-0.6788687486648559, 711.3234317474067 0.5738790698349476 M0.34496696926653386
-0.09942653514444828 C152.55734228752556 -2.0128741817325353, 305.1977789003402
-2.661992497906089, 711.6562983963638 0.3798908796161413 M711.7507497482002
0.44109537079930305 C712.20889 [...]
\ No newline at end of file
diff --git a/backoffice-order-list.svg b/backoffice-order-list.svg
index fe27432..fb8fc12 100644
--- a/backoffice-order-list.svg
+++ b/backoffice-order-list.svg
@@ -1,6 +1,6 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0
1107.7777777777778 788.8888888888889" width="1107.7777777777778"
height="788.8888888888889">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0
932.7777777777778 671.8888888888889" width="932.7777777777778"
height="671.8888888888889">
<!-- svg-source:excalidraw -->
- <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2
--><!-- payload-start
-->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO1daVPqyrr+vn+FtfbXbVbPw666XHUwMDFmXHUwMDE0UFx1MDAxY1x1MDAxMFx1MDAxNFx1MDAxNfHWKSpAmFxmU1x1MDAxMmQ4df777aBLXHUwMDAypDFsRdpzV/au1DJcdTAwMDM0yfM+/c797z9cdTAwMGVcdTAwMGV+XHUwMDA004Hz4++DXHUwMDFmzqRmu+26Z49//Fx1MDAxNVx1MDAxZX92PL/d76lTaP6331x1MDAxZnm1+ZWtIFx1MDAxOPh///y5uMOq9bsvdzmu03V6ga+u+1/198HBv+f7y
[...]
+ <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2
--><!-- payload-start
-->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO2dWXPiyLKA3+dXOHpeXHUwMDA3Te3LvJnFxlx1MDAwYmazjfGNXHUwMDEzhFx1MDAwMLGZVVx1MDAxMmY5cf77KWG3XHUwMDExoJJFuzHyudZMKNpa0PZlVmZWVta//zg5+eEuxtaPf05+WPOG2e82bXP24y9v+7NlO93RUO1Cq7+d0dRurI7suO7Y+efvv9dnXHUwMDE4jdHg5Syrb1xyrKHrqOP+T/19cvLv1dp3XHUwMDFk22q45rDdt1YnrHatL1x1MDAwNVx02N56M1x1MDAxYa4uXHUwMDBiXHUwM
[...]
<defs>
<style>
@font-face {
@@ -13,4 +13,4 @@
}
</style>
</defs>
- <rect x="0" y="0" width="1107.7777777777778" height="788.8888888888889"
fill="#ffffff"></rect><g transform="translate(10 10.000000000000028) rotate(0
543.8888888888889 384.44444444444446)"><path d="M0.723124372214079
0.3365711458027363 C391.95835639294245 -0.8412361631087131, 783.2162072796376
0.4376990547486479, 1087.0107315519617 -0.48836636468768124
M-0.002941369637846947 -0.382853788509965 C389.9257119967499
-1.4828408934962418, 779.9215532446074 -1.5276771166216996, 1087.688130210 [...]
\ No newline at end of file
+ <rect x="0" y="0" width="932.7777777777778" height="671.8888888888889"
fill="#ffffff"></rect><g transform="translate(10 10) rotate(0 456.3888888888889
325.94444444444446)"><path d="M0.723124372214079 0.3365711458027363
C328.937027554866 -0.8056074681609041, 657.1735496034847 0.47332774969645686,
912.010731551962 -0.48836636468768124 M-0.002941369637846947 -0.382853788509965
C327.2054897261681 -1.188606366500673, 654.4811087034437 -1.2334425896261307,
912.6881302108783 -0.17770181335508 [...]
\ No newline at end of file
diff --git a/backoffice-order-refund.svg b/backoffice-order-refund.svg
new file mode 100644
index 0000000..9a9ea84
--- /dev/null
+++ b/backoffice-order-refund.svg
@@ -0,0 +1,16 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0
644.0084090429265 518" width="644.0084090429265" height="518">
+ <!-- svg-source:excalidraw -->
+ <!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2
--><!-- payload-start
-->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nO2aWVPiSlx1MDAxNMff/Vx1MDAxNFx1MDAxNPM6zvSe9LxcdOo44zJcdTAwMTBcdTAwMTfUW1NWTFx1MDAwMjSEJCRBlqn57rdcdTAwMTOVhCyIXGbe8k7Bg2VvSafzO+f8T3d+7VQq1XDqWdUvlao1MXRbmL4+rn6M6lx1MDAxZiw/XHUwMDEwriObUFxcXHUwMDBl3JFvxD27YehcdTAwMDVfPn9ORnwy3MHjKMu2XHUwMDA2llx1MDAxM1x1MDAwNrLfP7JcXKn8iv/KXHUwMDE2YUZj62dX6ox5Pmoq6
[...]
+ <defs>
+ <style>
+ @font-face {
+ font-family: "Virgil";
+ src: url("https://excalidraw.com/Virgil.woff2";);
+ }
+ @font-face {
+ font-family: "Cascadia";
+ src: url("https://excalidraw.com/Cascadia.woff2";);
+ }
+ </style>
+ </defs>
+ <rect x="0" y="0" width="644.0084090429265" height="518"
fill="#ffffff"></rect><g transform="translate(10.008409042926473 10) rotate(0
312 249)"><path d="M-0.4760916903614998 -0.6219854399561883 C189.61389595419172
1.1354212455153465, 379.10767235606914 2.3468578509688376, 624.6179180428386
0.32184586077928545 M0.3462494589388371 0.20763243660330774 C173.50591007545594
-1.1522088258564473, 346.6094893015922 -1.126167103558779, 624.3083407379687
-0.08423751369118691 M624.7826078289066 0 [...]
\ No newline at end of file
diff --git a/design-documents/015-merchant-backoffice-routing.rst
b/design-documents/015-merchant-backoffice-routing.rst
index 771b0d3..c12e375 100644
--- a/design-documents/015-merchant-backoffice-routing.rst
+++ b/design-documents/015-merchant-backoffice-routing.rst
@@ -21,8 +21,6 @@ This 3 definitions are going to be use in this document:
* INSTANCE the name of the instance being manage
-.. _routing:
-
Application Ready definition
============================
@@ -149,7 +147,7 @@ For any case that the backend respond 404 the application
will render a
custom not found page
Default instance is missing
-------------------------
+---------------------------
If the **user is admin** AND is loading the setting page (/update), product
list
(/products), order list (/orders) or transfer list (/transfers) AND **gets a
diff --git a/design-documents/016-backoffice-order-management.rst
b/design-documents/016-backoffice-order-management.rst
index ec68b22..7b2acc8 100644
--- a/design-documents/016-backoffice-order-management.rst
+++ b/design-documents/016-backoffice-order-management.rst
@@ -24,7 +24,7 @@ User should use the backoffice to manage orders by:
* searching for orders
* showing details about the order and the activity history
* refund order that are refundable
-* create orders
+* create orders ( if admin )
Proposed Solution
=================
@@ -35,14 +35,6 @@ Listing orders
.. image:: ../backoffice-order-list.svg
:width: 800
-Will show the SearchBar component that allow multiple filter.
-Filter will allow paid, refunded, wired status and date.
-
- * paid: yes/no
- * refunded: yes/no
- * wired: yes/no
- * date: 'dd/MM/yyyy'
-
4 tabs will be show for a easy access to common filter, click on any of this
and
search will reset all filter except date
@@ -60,7 +52,7 @@ Columns for the order listings will be:
Actions per row:
* refund: pop up with amount and reason (select box and text)
-* copy payment id
+* copy payment url (if not status==unpaid)
* view details
An export button will allow the user to download the result page in CSV format.
@@ -75,24 +67,16 @@ An infinity scroll is propose instead of a pagination,
reasons:
Create orders
-------------
-Form with 4 fields:
+Form with 2 fields from MinimalOrderDetail:
* amount
* summary
-* time until refund ( dropdown: 1week, 2weeks, custom )
-* description
-* payment method
Creation order success
**********************
-Example message:
-
- Creation successful
-
- We've create an order for for USD:10.00.
-
- Send url to the customer: ``taler_pay_uri``
+A success message showing the amount, summary and the order id. Additionally
the
+taler_pay_uri can be shown to be copied to send to the customer.
action buttons that allow the following:
@@ -136,19 +120,40 @@ On line per status updated, with datetime and a short
description.
Info taken from:
-* refund_details
-* wire_reports
-* wire_details
-* contractTerm.extra for custom notes ({date: timestamp, description: string})
+* refund_details: a row showing date an amount
+
+* wire_details: a row date and id
+
+
+ About wire details
+
+ Normally one wire transfer will involve more than one payment from the same
+ exchange. And an order can have multiple wire transfers if the payment
+ involved more than one exchange.
+
+
+
+Error status
+************
+
+This section is not going to be shown if there is no error
+
+* Wire Error: info taking from wire_reports in contractTerm. for every element
+ in the list show hint and error code
+
+* Exchange Error: connection with exchange failed, info taking from exchange_ec
+ and exhange_hc
Payment details
***************
+If the order was claimed
+
* summary
-* amount (deposit_total)
-* fee
+* amount (contract.amount)
+* fee (contract.amount - deposit_total)
* refund_amount (if status is refunded)
-* net (amount - fee - refund)
+* net (deposit_total - refund_amount)
* current status
@@ -183,15 +188,6 @@ collapsed as default. show disabled if unpaid
* auto_refund
-
-Last response from exchange
-***************************
-
-collapsed as default, showing a green check if everything is ok or a yellow
-warning otherwise
-
-When open show 2 boxes with text translated from ``exchange_ec`` and
``exchange_hc``
-
refund popup
--------------
@@ -202,8 +198,6 @@ If there is any refund:
* if expanded show a timeline vertically showing amount a reason
``refund_details``
-Show a small notice telling that the refund is going to take ``refund_delay``
time.
-
Warn if there is a pending refund when ``refund_pending`` is true
Ask for:
@@ -214,19 +208,33 @@ Ask for:
* drop down options: duplicated, fraudulent, requested by customer, other
* after selecting, free text for additional information
-examples
---------
+.. image:: ../backoffice-order-refund.svg
+ :width: 800
+
+
+Example of details by status
+----------------------------
.. image:: ../backoffice-order-details.paid.svg
:width: 800
+.. image:: ../backoffice-order-details.unpaid.svg
+ :width: 800
+
+.. image:: ../backoffice-order-details.claimed.svg
+ :width: 800
+
+.. image:: ../backoffice-order-details.refunded.svg
+ :width: 800
Alternatives
============
+pagination
+-----------
order list was originally thought with pagination footer
.. image:: ../backoffice-order-list.pagination.svg
@@ -235,6 +243,22 @@ order list was originally thought with pagination footer
ascending boolean flag cloud be eliminated using the load before and load after
and a design without random access to pages was proposed
+search box
+----------
+
+A SearchBox was considered for managing filter.
+Filter will allow paid, refunded, wired status and date.
+
+* paid: yes/no
+* refunded: yes/no
+* wired: yes/no
+* date: 'dd/MM/yyyy'
+
+The UI of the search box is an input field with tags showing ``field=value``
for
+any filter set. Additionally a custom criteria can be supported like
+``date>last_week`` or ``amount>USD:10``
+
+
Discussion / Q&A
================
--
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.
| [Prev in Thread] |
Current Thread |
[Next in Thread] |
- [taler-docs] branch master updated: details page,
gnunet <=