diff --git a/.vscode/launch.json b/.vscode/launch.json index f525061c..0cfdc18c 100644 --- a/.vscode/launch.json +++ b/.vscode/launch.json @@ -49,8 +49,8 @@ "AYANOVA_USE_URLS": "http://*:7575;", //"AYANOVA_PERMANENTLY_ERASE_DATABASE":"true", "AYANOVA_SERVER_TEST_MODE": "false", - //"AYANOVA_REPORT_RENDERING_TIMEOUT":"60", - "AYANOVA_SERVER_TEST_MODE_SEEDLEVEL": "small", + "AYANOVA_REPORT_RENDERING_TIMEOUT":"1", + "AYANOVA_SERVER_TEST_MODE_SEEDLEVEL": "large", "AYANOVA_BACKUP_PG_DUMP_PATH": "C:\\data\\code\\postgres_14\\bin\\" }, "sourceFileMap": { diff --git a/docs/8.0/ayanova/docs/ay-start-common-controls.md b/docs/8.0/ayanova/docs/ay-start-common-controls.md index 28d26a1d..62bf55b9 100644 --- a/docs/8.0/ayanova/docs/ay-start-common-controls.md +++ b/docs/8.0/ayanova/docs/ay-start-common-controls.md @@ -27,6 +27,10 @@ The street address context menu is accessed by clicking on the 3 vertical dot co - `Copy to clipboard` copies the street address to the device clipboard. - `Copy to Street address` copies the street address fields into the same street address fields to save typing if identical +### Attachment + +The attachment control is used throughout AyaNova on every business object form to attach files to objects and is documented in it's own [Attachments documentation page](ay-start-form-attachments.md) + ### Autocomplete The Autocomplete list is at the heart of many forms in AyaNova and is provided to quickly search for and select a related AyaNova business object. For example a Customer on a Work order. @@ -89,14 +93,8 @@ Which one is used is controlled in [User settings](home-user-settings.md/#user-b #### Default "Material" date and time picker: -Display mode: - ![date and time view material mode](img/control-date-time-view-material.png) -Picker mode: - -![date and time pick material mode](img/control-date-time-pick-material.png) - **Tip**: the quickest way to select the current date _and_ time is to bypass the date component and select `Now` in the time component which will set both the date and time at once. See the [date](#date) section for details on usage of the date component and the [time](#time) section for details on using the time component. @@ -135,6 +133,24 @@ The decimal control displays and accepts decimal (fractional) number input. The display and input format are controlled by the device and web browser default settings for decimal numbers. +### Dialog + +#### Confirmation dialogs + +![confirm control](img/control-confirmation.png) + +Confirmation dialogs are shown to confirm choices made that may have irrevocable consequences. + +#### Error and warning dialogs + +![confirm control more](img/control-confirmation-more.png) + +Error and warning dialogs display with a red or orange icon respectively. + +#### More... + +Some dialogs show a "More..." button as in the example above, which will open a documentation page explaining the error or warning in more detail. + ### Duration ![duration control](img/control-duration.png) @@ -261,17 +277,15 @@ Click in the clock itself to select specific hour or minute. Will function and display differently on each type of device and browser, in Windows on FireFox it looks like this: -Display mode: - -![time view browser mode](img/control-time-view-browser.png) - -Picker mode: - ![time pick browser mode](img/control-time-pick-browser.png) ### Upload -(import, report template upload etc etc) +![upload control](img/control-upload.png) + +The upload control appears in places in AyaNova where you can import or attach a file. + +Clicking on the control will open a file browser to select a file to upload. In the specific case of the [Attachment control](ay-start-form-attachments.md) you can also drag and drop a file on to it in addition to clicking in it to open the file selector. ### URL @@ -287,19 +301,34 @@ To the left of the URL display is an open button which when clicked will send th ### Chart +![chart control](img/control-chart.png) + +Charting controls are used in AyaNova to visualize information. + +Charts adapt to the width of the display, simplifying where there is limited width and providing more details when there is enough width to display them. + +Mousing over a chart provides specific details in some cases as in the image above where tracing the timeline with the mouse shows each data point in specific detail. + +In addition many charts allow hiding or showing plotted items on multiple item charts by clicking on their legend box that describes that item and it's color. + +Here is an example of a chart with multiple items plotted on it: +![chart control multiple](img/control-chart-multiple.png) + +Clicking on the "Private bytes" legend hides that plot line and adjusts the scale: + +![chart control multiple hide](img/control-chart-multiple-hide.png) + ## Notification -(snackbar gznotify disappears) +![notification control](img/control-notification.png) + +Notification controls are used to convey status results of long running operations. They appear at the bottom of the browser window briefly and then self close after a period of time determined by how much text is being displayed. Green notifications indicate successful status, Orange indicate a warning and Red indicate an error result. ### Data table -### Timeline +Data tables are used throughout AyaNova to display lists of business objects and are documented in their own [Data table documentation page](ay-start-form-data-tables.md) -## Special controls - -### Attachments - -### Confirmation dialog +00000000000000000000000000000000000000000000000000000000000000 ### Custom fields @@ -308,15 +337,3 @@ To the left of the URL display is an open button which when clicked will send th ### Schedule ### Wiki - -00000000000000000000000000000000000000000000000000000000000000 -[under construction] - -#b4beta (complete this, very important) - -TODO: - -### UTC - -All dates and times are stored at the server in UTC (GMT) values. The server has no knowledge of time zones so this value is used to display the time and date in your local Browser time zone. -While you can ovveride this setting it's generally best to allow it to be the default setting obtained from the browser itself. diff --git a/docs/8.0/ayanova/docs/img/control-chart-multiple-hide.png b/docs/8.0/ayanova/docs/img/control-chart-multiple-hide.png new file mode 100644 index 00000000..06f2fbe1 Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-chart-multiple-hide.png differ diff --git a/docs/8.0/ayanova/docs/img/control-chart-multiple.png b/docs/8.0/ayanova/docs/img/control-chart-multiple.png new file mode 100644 index 00000000..3726fc0c Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-chart-multiple.png differ diff --git a/docs/8.0/ayanova/docs/img/control-chart.png b/docs/8.0/ayanova/docs/img/control-chart.png new file mode 100644 index 00000000..03228c01 Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-chart.png differ diff --git a/docs/8.0/ayanova/docs/img/control-confirmation-more.png b/docs/8.0/ayanova/docs/img/control-confirmation-more.png new file mode 100644 index 00000000..c4824f0d Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-confirmation-more.png differ diff --git a/docs/8.0/ayanova/docs/img/control-confirmation.png b/docs/8.0/ayanova/docs/img/control-confirmation.png new file mode 100644 index 00000000..8091bba7 Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-confirmation.png differ diff --git a/docs/8.0/ayanova/docs/img/control-notification.png b/docs/8.0/ayanova/docs/img/control-notification.png new file mode 100644 index 00000000..f02d9ef9 Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-notification.png differ diff --git a/docs/8.0/ayanova/docs/img/control-upload.png b/docs/8.0/ayanova/docs/img/control-upload.png new file mode 100644 index 00000000..d584556c Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-upload.png differ