commit 2508c10baedca10e09549fcea7396d5dc0a75f92
parent 8c119eb5fa3e996daa279377e4170a1ea6080237
Author: Vlada Svirsh <svirv1@bfh.ch>
Date: Mon, 4 May 2026 20:41:39 +0200
dd94 small fix
Diffstat:
1 file changed, 22 insertions(+), 23 deletions(-)
diff --git a/design-documents/094-discounts-passes-wallet.rst b/design-documents/094-discounts-passes-wallet.rst
@@ -15,15 +15,14 @@ Merchants can provide users with discounts or passes that apply to specific prod
* Clear presentation of available discounts and passes
* Ability for users to review and apply them during checkout
* Overview of all owned items, including:
- - Currently active
- - Not yet active (future validity)
- - Available for use
+
+ - Currently active
+ - Not yet active (future validity)
+ - Available for use
A consistent design ensures users can easily understand what benefits they have, when they can use them, and how they
affect their purchases.
-Requirements
-============
Requirements
============
@@ -73,12 +72,12 @@ Inside card next information is displayed:
- For discount card: "Redeemable at:" with the merchant name. For pass card: "Provided by:" with the merchant name.
- Validity section:
- * For active items: "Valid until" with the expiration date. Background color is SecondaryContainer. Text color is onSecondaryContainer.
- * For future items: "Valid from" with the start date.
+ * For active items: "Valid until" with the expiration date. Background color is SecondaryContainer. Text color is onSecondaryContainer.
+ * For future items: "Valid from" with the start date.
- Badge used to indicate number of items of the same type. If only one item of the same type is owned, the badge is not shown.
- * For active items: badge background color is Primary. Text color is onPrimary.
- * For future items: badge background color is SurfaceVariant. Text color is onSurfaceVariant.
+ * For active items: badge background color is Primary. Text color is onPrimary.
+ * For future items: badge background color is SurfaceVariant. Text color is onSurfaceVariant.
Expired
~~~~~~~
@@ -98,13 +97,13 @@ Inside card next information is displayed:
- Description
- For discount card:
- * Redeemed: "Redeemable at" + merchant name + "on" + redeemed date. Text button with ``primary color`` "View order" with the link to the order details page.
- * Not redeemed: "Was redeemable at:" with the merchant name.
+ * Redeemed: "Redeemable at" + merchant name + "on" + redeemed date. Text button with ``primary color`` "View order" with the link to the order details page.
+ * Not redeemed: "Was redeemable at:" with the merchant name.
- For pass card:
- * "Provided by:" with the merchant name.
- * For used pass show text button Primary color "View orders" with the link to the orders list.
+ * "Provided by:" with the merchant name.
+ * For used pass show text button Primary color "View orders" with the link to the orders list.
- Validity section: "Validity period" and date range.
- Badge used to indicate number of items of the same type. If only one item of the same type is owned, the badge is not shown.
@@ -130,20 +129,20 @@ On this page next information is displayed:
- Merchant name
- "Review order" section collapsed by default. Linear blur is applied to give a hint to user what is inside this section. When user clicks on "Review order" section, the section expands and blur is removed. In this section next information is displayed:
- * Order summary
- * List of products with:
+ * Order summary
+ * List of products with:
- - Picture
- - Name
- - Description
- - Quantity with unit name
- - Price, calculated as ``(product price * quantity)`` and currency code
+ - Picture
+ - Name
+ - Description
+ - Quantity with unit name
+ - Price, calculated as ``(product price * quantity)`` and currency code
- "Payment options" section. Chosen option has ``primary color`` border and primary button "Confirm payment". For each option next information is displayed:
- * Price
- * "Spend now:" section with the list of discounts and passes applied to the order.
- * "Get with your purchase:" section with the list of discounts and passes that will be added to the wallet after the order is completed.
+ * Price
+ * "Spend now:" section with the list of discounts and passes applied to the order.
+ * "Get with your purchase:" section with the list of discounts and passes that will be added to the wallet after the order is completed.
Test Plan
=========
