taler-docs

commit 88f2230c1247fe5171c509ccd1faf8a4cdd080dc
parent 8cff4a00e5bac4397b58b65ceb57b01c815122ef
Author: Sebastian <sebasjm@gmail.com>
Date:   Fri, 10 May 2024 10:59:20 -0300

update screen shots

Diffstat:
M
design-documents/054-dynamic-form.rst
 | 
90
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------
A
screenshots/dynamic-forms.amount.png
 | 
0

A
screenshots/dynamic-forms.decorative-elements.png
 | 
0

A
screenshots/dynamic-forms.time.png
 | 
0

4 files changed, 84 insertions(+), 6 deletions(-)
diff --git a/design-documents/054-dynamic-form.rst b/design-documents/054-dynamic-form.rst
@@ -287,9 +287,8 @@ Example
       }
     }
 
-.. image:: ../images/dynamic-forms.decorative-elements.png
-  :width: 800
-
+.. image:: ../screenshots/dynamic-forms.decorative-elements.png
+  :width: 400
 
 Time input
 ``````````
@@ -299,12 +298,43 @@ This may be rendered as a calendar
 .. code-block:: typescript
 
   type UIFormFieldAbsoluteTime = {
-    type: "absoluteTime";
+    type: "absoluteTimeText";
     max?: TalerProtocolTimestamp;
     min?: TalerProtocolTimestamp;
     pattern: string;
   } & UIFormFieldBaseConfig;
 
+.. code-block:: json
+
+  {
+      "label": "Example form",
+      "id": "example",
+      "version": 1,
+      "config": {
+        "type": "double-column",
+        "design": [
+          {
+            "title": "Time inputs",
+            "fields": [
+              {
+                "type": "absoluteTime",
+                "name": "thedate",
+                "id": ".birthdate",
+                "converterId": "Taler.AbsoluteTime",
+                "help": "the day you born",
+                "pattern":"dd/MM/yyyy",
+                "label": "Birthdate"
+              }
+            ]
+          }
+        ]
+      }
+    }
+
+.. image:: ../screenshots/dynamic-forms.time.png
+  :width: 400
+
+
 Amount input
 ````````````
 
@@ -319,6 +349,37 @@ Money input.
     currency: string;
   } & UIFormFieldBaseConfig;
 
+.. code-block:: json
+
+  {
+      "label": "Example form",
+      "id": "example",
+      "version": 1,
+      "config": {
+        "type": "double-column",
+        "design": [
+          {
+            "title": "Amount inputs",
+            "fields": [
+              {
+                "type": "amount",
+                "name": "thedate",
+                "id": ".amount",
+                "converterId": "Taler.Amount",
+                "help": "how much do you have?",
+                "currency":"EUR",
+                "label": "Amount"
+              }
+            ]
+          }
+        ]
+      }
+    }
+
+.. image:: ../screenshots/dynamic-forms.amount.png
+  :width: 400
+
+
 List input
 ``````````
 
@@ -335,6 +396,10 @@ already present in the list, and for that it will use ``labelFieldId``.
     fields: UIFormElementConfig[];
   } & UIFormFieldBaseConfig;
 
+
+.. image:: ../screenshots/dynamic-forms.list.png
+  :width: 400
+
 Choice input
 ````````````
 
@@ -389,6 +454,8 @@ will produce a list of values in the resulting JSON.
     choices: Array<SelectUiChoice>;
   } & UIFormFieldBaseConfig;
 
+.. image:: ../screenshots/dynamic-forms.choice.png
+  :width: 400
 
 File input
 ``````````
@@ -404,11 +471,12 @@ File input
     accept?: string;
   } & UIFormFieldBaseConfig;
 
+.. image:: ../screenshots/dynamic-forms.file.png
+  :width: 400
+
 Number input
 ````````````
 
-
-
 .. code-block:: typescript
 
   type UIFormFieldInteger = {
@@ -417,6 +485,10 @@ Number input
     min?: Integer;
   } & UIFormFieldBaseConfig;
 
+
+.. image:: ../screenshots/dynamic-forms.number.png
+  :width: 400
+
 Text input
 ````````````
 
@@ -432,6 +504,10 @@ A bigger multi-line of text
 
   type UIFormFieldTextArea = { type: "textArea" } & UIFormFieldBaseConfig;
 
+
+.. image:: ../screenshots/dynamic-forms.text.png
+  :width: 400
+
 Boolean input
 `````````````
 
@@ -439,6 +515,8 @@ Boolean input
 
   type UIFormFieldToggle = { type: "toggle" } & UIFormFieldBaseConfig;
 
+.. image:: ../screenshots/dynamic-forms.boolean.png
+  :width: 400
 
 Examples
 ========
diff --git a/screenshots/dynamic-forms.amount.png b/screenshots/dynamic-forms.amount.png
Binary files differ.
diff --git a/screenshots/dynamic-forms.decorative-elements.png b/screenshots/dynamic-forms.decorative-elements.png
Binary files differ.
diff --git a/screenshots/dynamic-forms.time.png b/screenshots/dynamic-forms.time.png
Binary files differ.