OS.bee Customer Display - Revision history

Mollik: /* changes in UI */

2020-06-18T13:00:07Z

‎changes in UI

Mollik: /* changes in UI */

2020-06-18T12:59:17Z

‎changes in UI

Mollik at 12:57, 18 June 2020

2020-06-18T12:57:39Z

Riegel: /* Customer Display */

2019-03-12T08:18:41Z

‎Customer Display

Riegel: /* Customer Display */

2018-10-23T07:17:20Z

‎Customer Display

Riegel at 08:36, 11 September 2018

2018-09-11T08:36:30Z

Riegel: /* Important prerequisite */

2018-09-11T08:35:19Z

‎Important prerequisite

Riegel at 08:34, 11 September 2018

2018-09-11T08:34:10Z

Yang: /* changes in Statemachine */

2018-04-18T07:25:01Z

‎changes in Statemachine

Yang: /* changes in Statemachine */

2018-04-18T07:14:54Z

‎changes in Statemachine

@@ Line 46: / Line 46: @@
 * New '''UI''':
 *:<syntaxhighlight lang="java">
-  display CustomerDpl //
+  display CustomerDisplay //
+  {
 	rootType CustomerDisplayDto

@@ Line 46: / Line 46: @@
 * New '''UI''':
 *:<syntaxhighlight lang="java">
+  {
 	rootType CustomerDisplayDto
@@ Line 53: / Line 54: @@
 	datasource img:BlobConverter
 	horizontalLayout(styles "os-padding os-cash-register os-cash-display") //
-−
+	{
 		verticalLayout left //
-−
+		{
 			horizontalLayout hl {
 				image info align middle-left

@@ Line 5: / Line 5: @@
 Multiple displays can be connected to a master just by using a pattern on the address line of the slave-browser:
-<code>  http://''server_host-name''/osbpdisplay/#''host-name_of_the_master''?display=''DialogName''Display (as defined in Dialog DSL)&locale=''language tag of locale''</code>
+<code>  http://''server_host-name''/osbpdisplay/#''client-hostname''?display=''DialogName''Display (as defined in Dialog DSL)&locale=''language tag of locale''</code>
-► example: http://dv999.compex.de:8081/osbpdisplay/#dv999.compex.de?display=CashSlipDisplay&locale=de-DE
+► example: http://dv999.compex.de:8081/osbpdisplay/#localhost?display=CashSlipDisplay&locale=de-DE
-DisplayName must be followed by the postfix Display as the class is generated like this to be seprarate from other dialogs.
+'client-hostname' can be either "localhost" or the Network machine name of the machine, where the link is launched.
 Language tags specify a language locale with its country component, like "de-DE", "de-AT", "en-US", "en-EN". The country component is necessary to decide the currency symbol and other country specific formats.
@@ Line 24: / Line 25: @@
 * New '''dto''' "'''CustomerDisplayDto'''":
 *:<syntaxhighlight lang="java">
-dto CustomerDisplayDto {
+	dto CustomerDisplayDto {
-	var double totalAmount
+		var double totalAmount
-	var boolean left
+		var boolean left
-	var String message
+		var String message
-	var boolean right
+		var boolean right
-	var BlobMapping image
+		var BlobMapping image
-	ref CashSlipDto slip
+		ref CashSlipDto slip
+		var Filter positionfilter
 </syntaxhighlight>
 ** '''totalAmount''' : total amount of all cash position.
@@ Line 41: / Line 46: @@
 * New '''UI''':
 *:<syntaxhighlight lang="java">
-display Customer {
 	rootType CustomerDisplayDto
 	datasource main:CustomerDisplayDto
 	datasource img:BlobConverter
-	horizontalLayout {
+	horizontalLayout(styles "os-padding os-cash-register os-cash-display") //
 		verticalLayout left {
-			textfield(i18n noCaption readonly) message
+		verticalLayout left //
-			table(i18n noCaption) slip {
-				scrollToBottom
+			horizontalLayout hl {
-				type CashPositionDto
+				image info align middle-left
-				columns {
+				textarea(i18n noCaption readonly styles "os-span-h-triple os-no-underline") message align fill-fill
-					column quantity
-					column product.sku
-					column product.product_name
+			gridViewer(i18n noCaption) positions {
-					column price
+				scrollTo Bottom dto CashPositionDto {
-					column amount
+					prop num style numberStyle format "#0" prop quantity style numberStyle format "#0.000" prop bundle.name style
+				}
 				sort {
-					column now asc
+					prop num
+				}
+			}
-			align fill-left
+			align fill-fill
 			form(styles "os-cash-total") {
 				decimalField(precision= 2 readonly) totalAmount
+			}
-			bind [this.message].value <-- img.input
+			align top-right
-			bind [this.slip].collection <-- main.slip.positions
+			bind img.input <-- main.^image
 			bind [this.totalAmount].value <-- main.totalAmount
+		}
-		verticalLayout right {
+		align fill-fill
-			image info
+		horizontalLayout right {
 			bind img.input <-- main.^image
 			bind [this.info].resource <-- img.output
+		}
 		bind [this.left].visible <-- main.left
 		bind [this.right].visible <-- main.right
+	}
+}
 </syntaxhighlight>
@@ Line 88: / Line 106: @@
 	. . .
 stateMachine.set("CustomerDisplayImage", cashregister.store.company.companyImage)
 . . .
+}
@@ Line 96: / Line 115: @@
 	. . .
 	stateMachine.set("CustomerDisplayTotalAmount", amount);
 	. . .
+}

@@ Line 1: / Line 1: @@
 == Customer Display ==
-The latest version of the Statemachine DSL (Finite State-Machine) covers the synchronization of external (slave) browsers to a main (master) browser connected to an OS.bee server. The requirement was mainly inspired by the need of a customer display for the OS.bee POS application OS.pos. In this context it is required parts of the main screen's data which is shared on the slave browser working as a display.
+The Statemachine DSL (Finite State-Machine) covers the synchronization of external (slave) browsers to a main (master) browser connected to an OS.bee server. The requirement was mainly inspired by the need of a customer display for the OS.bee application OS.pos. In this context it was required to display data for the customer on a secondary display.
 Multiple displays can be connected to a master just by using a pattern on the address line of the slave-browser:
-<code>  http://{server_host-name}/osbpdisplay/#{host-name_of_the_master}§{DisplayName_as_defined_in_the_ui_model} </code>
+<code>  http://''server_host-name''/osbpdisplay/#''host-name_of_the_master''?display=''DialogName''Display (as defined in Dialog DSL)&locale=''language tag of locale''</code>
-* '''''http://dv999.compex.de:8081/osbp''''': this part as same as the address in main display, including server host-name and port number.
+► example: http://dv999.compex.de:8081/osbpdisplay/#dv999.compex.de?display=CashSlipDisplay&locale=de-DE
-* '''''display/''''':  this part is the slave name, you can attach one or more slaves on the same master.
-* '''''#dv888.compex.de-''''': this part is master machine.
+DisplayName must be followed by the postfix Display as the class is generated like this to be seprarate from other dialogs.
-* '''''CustomerDisplay''''': this part is the display name which is used by this slave, and it is as same as the display name which is defined in the UI model.
+Language tags specify a language locale with its country component, like "de-DE", "de-AT", "en-US", "en-EN". The country component is necessary to decide the currency symbol and other country specific formats.
 === Important prerequisite ===

@@ Line 5: / Line 5: @@
 Multiple displays can be connected to a master just by using a pattern on the address line of the slave-browser:
-<code>  http://{server_host-name}/osbpdisplay/#{host-name_of_the_master}-{DisplayName_as_defined_in_the_ui_model} </code>
+<code>  http://{server_host-name}/osbpdisplay/#{host-name_of_the_master}§{DisplayName_as_defined_in_the_ui_model} </code>
-► example: http://dv999.compex.de:8081/osbpdisplay/#dv888.compex.de-CustomerDisplay
+► example: http://dv999.compex.de:8081/osbpdisplay/#dv888.compex.de§CustomerDisplay
 * '''''http://dv999.compex.de:8081/osbp''''': this part as same as the address in main display, including server host-name and port number.

@@ Line 16: / Line 16: @@
 === Important prerequisite ===
 In order to use external displays you must add the bundle ''org.eclipse.osbp.display'' to your product's launch configuration and set auto-start to true.
-[[File:display_autostart.png|600px]]
 === Technical changes in DSL model ===

@@ Line 116: / Line 116: @@
 :► The referenced DTO must be the rootType of the Display definition in the ui model.
+Now I will show the changes in statmachine:
 # New '''events''' "'''dataProvider DataControl'''":
 #:<syntaxhighlight lang="java">