configure images to preview properly on GitHub

mojavelinux · mojavelinux · commit fe73b3277b83 · 2014-01-29T02:43:28.000-07:00
- set imagesdir per document
- remove hardcoded path to images in image macros
- override imagesdir in convert script
- use proper inline image syntax
- update convert script to accept list of formats
- set doctype to book in document
diff --git a/docs/chapters/acks.adoc b/docs/chapters/acks.adoc
@@ -1,3 +1,5 @@
+:imagesdir: ../images
+
 == Acknowledgements
 
 The following Java EE community members graciously reviewed and contributed to this hands-on lab:
diff --git a/docs/chapters/appendix.adoc b/docs/chapters/appendix.adoc
diff --git a/docs/chapters/batch.adoc b/docs/chapters/batch.adoc
@@ -1,3 +1,5 @@
+:imagesdir: ../images
+
 [[batch]]
 == Ticket Sales (Batch Applications for the Java Platform)
 
@@ -13,7 +15,7 @@ Applications for the Java Platform (JSR 352) will define a programming
 model for batch applications and a runtime for scheduling and executing
 jobs.
 
-image::images/5.0-batch-intro.png[title="Introduction to Batch"]
+image::5.0-batch-intro.png[title="Introduction to Batch"]
 
 The core concepts of Batch Processing are:
 
@@ -303,7 +305,7 @@ the bean to be injectable in an EL expression.
 +
 Resolve the imports.
 +
-image::images/5.10-imports.png[title="RequestScoped import"]
+image::5.10-imports.png[title="RequestScoped import"]
 +
 . Inject `EntityManagerFactory` in the class as:
 +
@@ -392,13 +394,13 @@ needs to be repeated for `f:` prefix.
 +
 . Run the project to see the output as shown.
 +
-image::images/5.14-sales.png[title="Sales link on main page"]
+image::5.14-sales.png[title="Sales link on main page"]
 +
 Notice, a new `Sales' entry is displayed in the left navigation bar.
 +
 . Click on `Sales' to see the output as shown.
 +
-image::images/5.15-sales.png[title="Movie Sales page"]
+image::5.15-sales.png[title="Movie Sales page"]
 +
 The empty table indicates that there is no sales data in the database.
 +
@@ -407,7 +409,7 @@ file. Look for `Waiting for localhost' in the browser status bar,
 wait for a couple of seconds for the processing to finish, and then
 click on `Refresh' button to see the updated output as shown.
 +
-image::images/5.16-sales-output.png[title="Movie Sales output page"]
+image::5.16-sales-output.png[title="Movie Sales output page"]
 +
 Now the table is populated with the sales data.
 +
diff --git a/docs/chapters/conclusion.adoc b/docs/chapters/conclusion.adoc
@@ -1,3 +1,5 @@
+:imagesdir: ../images
+
 == Conclusion
 
 This hands-on lab built a trivial 3-tier web application using Java EE 7
diff --git a/docs/chapters/introduction.adoc b/docs/chapters/introduction.adoc
@@ -1,3 +1,5 @@
+:imagesdir: ../images
+
 == Introduction
 
 The Java EE 7 platform continues the ease of development push that
@@ -49,7 +51,7 @@ http://netbeans.org/downloads/[http://netbeans.org/downloads/]. A
 snapshot of the downloads page is shown and highlights the exact
 `Download' button to be clicked.
 +
-image::images/1.1-netbeans-download.png[title="NetBeans download"]
+image::1.1-netbeans-download.png[title="NetBeans download"]
 endif::ide-netbeans[]
 +
 ifdef::server-glassfish[]
diff --git a/docs/chapters/jaxrs.adoc b/docs/chapters/jaxrs.adoc
@@ -1,3 +1,5 @@
+:imagesdir: ../images
+
 [[jaxrs]]
 == View and Delete Movie (Java API for RESTful Web Services)
 
@@ -38,7 +40,7 @@ Resolve the imports.
 +
 WARNING: Make sure to pick `javax.enterprise.context.RequestScoped` class.
 +
-image::images/6.2-imports.png[title="RequestScoped import"]
+image::6.2-imports.png[title="RequestScoped import"]
 +
 . Add the following code to the class:
 +
@@ -139,7 +141,7 @@ Click on the yellow bulb in the left bar to resolve the namespace
 prefix-to-URI resolution. This needs to be completed for `h:`, `c:`,
 and `f:` prefixes.
 +
-image::images/6.6-imports.png[title="Namespace prefix imports"]
+image::6.6-imports.png[title="Namespace prefix imports"]
 +
 . Right-click on `org.javaee7.movieplex7.client' package, select
 `New', `Java Class', specify the value as `MovieBackingBean' and click
@@ -174,7 +176,7 @@ WARNING: Make sure to import `javax.enterprise.context.SessionScoped`.
 Running the project (Fn + F6 shortcut on Mac) and clicking on `Movies'
 in the left navigation bar shows the output as shown.
 +
-image::images/6.8-output.png[title="List of movies output page"]
+image::6.8-output.png[title="List of movies output page"]
 +
 The list of all the movies with a radio button next to them is
 displayed.
@@ -252,7 +254,7 @@ using the `id`, `name`, and `actors` property values.
 select a radio button next to any movie, and click on details to see the
 output as shown.
 +
-image::images/6.12-output.png[title="Movie Details page"]
+image::6.12-output.png[title="Movie Details page"]
 +
 Click on the `Back' button to select another movie.
 +
@@ -293,7 +295,7 @@ Make sure to resolve the imports.
 +
 Running the project shows the output shown.
 +
-image::images/6.14-output.png[title="Delete button"]
+image::6.14-output.png[title="Delete button"]
 +
 Select a movie and click on Delete button. This deletes the movie from
 the database and refreshes list on the page. Note that a redeploy of the
diff --git a/docs/chapters/jms.adoc b/docs/chapters/jms.adoc
@@ -1,3 +1,5 @@
+:imagesdir: ../images
+
 [[jms]]
 == Movie Points (Java Message Service)
 
@@ -37,7 +39,7 @@ passivated with the request.
 +
 Resolve the imports.
 +
-image::images/8.2-imports.png[title="RequestScoped import"]
+image::8.2-imports.png[title="RequestScoped import"]
 +
 . A message to a JMS Queue is sent after the customer has bought the
 tickets. Another bean will then retrieve this message and update the
@@ -266,41 +268,41 @@ message is displayed on the screen.
 +
 . Run the project. The update page looks like as shown:
 +
-image::images/8.10-output.png[title="Points link on main page"]
+image::8.10-output.png[title="Points link on main page"]
 +
 Click on `Points' to see the output as:
 +
-image::images/8.10-output2.png[title="Points output page"]
+image::8.10-output2.png[title="Points output page"]
 +
 The output shows that the queue has 0 messages. Enter a message `1212'
 in the text box and click on `Send Message' to see the output as shown.
 +
-image::images/8.10-output3.png[title="Validation message on Points page"]
+image::8.10-output3.png[title="Validation message on Points page"]
 +
 This message is not meeting the validation criteria and so the error
 message is displayed.
 +
 Enter a message as `12,12' in the text box and click on `Send Message'
 button to see the output as:
 +
-image::images/8.10-output4.png[title="Correct input for Points page - Send Message (queue size=1)"]
+image::8.10-output4.png[title="Correct input for Points page - Send Message (queue size=1)"]
 +
 The updated count now shows that there is 1 message in the queue. Click
 on `Receive Message' button to see output as:
 +
-image::images/8.10-output5.png[title="Correct input for Points page - Receive Message (queue size=0)"]
+image::8.10-output5.png[title="Correct input for Points page - Receive Message (queue size=0)"]
 +
 The updated count now shows that the message has been consumed and the
 queue has 0 messages.
 +
 Click on `Send Message' 4 times to see the output as:
 +
-image::images/8.10-output6.png[title="Correct input for Points page - Send Message (queue size=4)"]
+image::8.10-output6.png[title="Correct input for Points page - Send Message (queue size=4)"]
 +
 The updated count now shows that the queue has 4 messages. Click on
 `Receive Message' 2 times to see the output as:
 +
-image::images/8.10-output7.png[title="Correct input for Points page - Receive Message (queue size=2)"]
+image::8.10-output7.png[title="Correct input for Points page - Receive Message (queue size=2)"]
 +
 The count is once again updated to reflect the 2 consumed and 2
 remaining messages in the queue.
diff --git a/docs/chapters/jsf.adoc b/docs/chapters/jsf.adoc
@@ -1,3 +1,5 @@
+:imagesdir: ../images
+
 [[jsf]]
 == Show Booking (JavaServer Faces)
 
@@ -76,7 +78,7 @@ commandButton refers to the next view in the flow, i.e.
 Click on the yellow bulb as shown and click on the suggestion to
 add namespace prefix/URI mapping for `h:`. Repeat the same for `f:` prefix as well.
 +
-image::images/9.3-imports.png[title="Namespace prefix mapping imports"]
+image::9.3-imports.png[title="Namespace prefix mapping imports"]
 +
 . Right-click on `Source Packages', select `New', `Java Class'.
 Specify the class name as `Booking' and the package name as
@@ -368,24 +370,24 @@ which defines the flow of the pages.
 . Run the project by right clicking on the project and selecting
 `Run'. The browser shows the updated output.
 +
-image::images/9.11-output.png[title="Book a movie link on main page"]
+image::9.11-output.png[title="Book a movie link on main page"]
 +
 Click on `Book a movie' to see the page as shown.
 +
-image::images/9.11-output2.png[title="Book a movie page"]
+image::9.11-output2.png[title="Book a movie page"]
 +
 Select a movie, say `The Shiningr and click on `Pick a time' to see the
 page output as shown.
 +
-image::images/9.11-output3.png[title="Show Timings page"]
+image::9.11-output3.png[title="Show Timings page"]
 +
 Pick a time slot, say `04:00', click on `Confirm' to see the output as shown.
 +
-image::images/9.11-output4.png[title="Confirm? page"]
+image::9.11-output4.png[title="Confirm? page"]
 +
 Click on `Book' to confirm and see the output as:
 +
-image::images/9.11-output5.png[title="Reservation Confirmed page"]
+image::9.11-output5.png[title="Reservation Confirmed page"]
 +
 Feel free to enter other combinations, go back and forth in the flow and
 notice how the values in the bean are preserved.
diff --git a/docs/chapters/json.adoc b/docs/chapters/json.adoc
@@ -1,3 +1,5 @@
+:imagesdir: ../images
+
 [[json]]
 == Add Movie (Java API for JSON Processing)
 
@@ -50,11 +52,11 @@ this implementation will consume a JSON representation of the resource.
 +
 Make sure to resolve imports from the appropriate package as shown.
 +
-image::images/7.2-imports.png[title="Provider import"]
+image::7.2-imports.png[title="Provider import"]
 +
 . Make the class implements `MessageBodyReader<Movie>`.
 +
-image::images/7.3-implements.png[title="Implement abstract methods for MessageBodyReader"]
+image::7.3-implements.png[title="Implement abstract methods for MessageBodyReader"]
 +
 Click on the hint (shown as yellow bulb) on the class definition and
 select `Implement all abstract methods'.
@@ -132,7 +134,7 @@ this implementation will produce a JSON representation of the resource.
 +
 Resolve the imports as shown.
 +
-image::images/7.6-imports.png[title="Provider import"]
+image::7.6-imports.png[title="Provider import"]
 +
 . Make this class implement `MessageBodyWriter` interface by adding the following code:
 [source, java]
@@ -142,7 +144,7 @@ Resolve the imports.
 +
 The IDE provide a hint to implement abstract methods as:
 +
-image::images/7.7-implements.png[title="Implement abstract methods for MessageBodyWriter"]
+image::7.7-implements.png[title="Implement abstract methods for MessageBodyWriter"]
 +
 Click on the hint (show as yellow bulb) on the class definition and
 select `Implement all abstract methods'.
@@ -230,7 +232,7 @@ then renders `movies.xhtml'.
 Click on the hint (show as yellow bulb) to resolve the namespace
 prefix/URI mapping as shown.
 +
-image::images/7.11-imports.png[title="Namespace prefix mapping imports"]
+image::7.11-imports.png[title="Namespace prefix mapping imports"]
 +
 . Add `movieName` and `actors` field to `MovieBackingBean` as:
 +
@@ -273,17 +275,17 @@ the POJO to JSON. Media type of `application/json` is specified using `MediaType
 +
 Resolve the imports as shown
 +
-image::images/7.14-imports.png[title="Entity import"]
+image::7.14-imports.png[title="Entity import"]
 +
 . Run the project to see the updated main page as:
 +
-image::images/7.15-output.png[title="New Movie button"]
+image::7.15-output.png[title="New Movie button"]
 +
 A new movie can be added by clicking on `New Movie' button.
 +
 . Enter the details as shown:
 +
-image::images/7.16-output.png[title="Add a New Movie page"]
+image::7.16-output.png[title="Add a New Movie page"]
 +
 Click on `Add' button. The `Movie Id' value has to be greater than 20
 otherwise the primary key constraint will be violated. The table
@@ -292,6 +294,6 @@ sequence; however this is not done in the application.
 +
 The updated page looks like as shown
 +
-image::images/7.16-output2.png[title="Newly added movie"]
+image::7.16-output2.png[title="Newly added movie"]
 +
 Note that the newly added movie is now displayed.
diff --git a/docs/chapters/revision.adoc b/docs/chapters/revision.adoc
@@ -1,3 +1,5 @@
+:imagesdir: ../images
+
 == Revision History
 
 . Added IntelliJ IDEA specific instructions. (Jan 22, 2014)
diff --git a/docs/chapters/solutions.adoc b/docs/chapters/solutions.adoc
@@ -1,3 +1,5 @@
+:imagesdir: ../images
+
 == Completed Solutions
 
 The completed solution can be downloaded from https://github.com/javaee-samples/javaee7-hol/blob/master/solution/movieplex7-solution.zip[javaee7-hol].
diff --git a/docs/chapters/statement.adoc b/docs/chapters/statement.adoc
@@ -1,3 +1,5 @@
+:imagesdir: ../images
+
 == Problem Statement
 
 This hands-on lab builds a typical 3-tier Java EE 7 Web application that
@@ -7,7 +9,7 @@ existing movies. Customers can discuss the movie in a chat room. Total
 sales from each showing are calculated at the end of the day. Customers
 also accrue points for watching movies.
 
-image::images/2.0-problem-statement.png[title="Architecture diagram"]
+image::2.0-problem-statement.png[title="Architecture diagram"]
 
 This figure shows the key components of the application. The User
 Interface initiates all the flows in the application. Show Booking,
@@ -20,7 +22,7 @@ various Java technologies and web standards in their implementation. The
 following figure shows how Java EE technologies are used in different
 flows.
 
-image::images/2.0-technologies.png[title="Technologies used in the application"]
+image::2.0-technologies.png[title="Technologies used in the application"]
 
 The table below details the components and the selected technology used
 in its’ implementation.
@@ -91,7 +93,7 @@ to the editor. This keeps the code legible.
 This functionality can be accessed by right-clicking in the editor pane
 and selecting “Format” as shown.
 
-image::images/2.1-format.png[title="Format code in NetBeans"]
+image::2.1-format.png[title="Format code in NetBeans"]
 
 This functionality is also accessible using the following keyboard
 shortcuts:
@@ -115,12 +117,12 @@ not auto-import the classes. This is required to be done manually in
 order for the classes to compile. This can be fixed for each missing
 import statement by clicking on the yellow bulb shown in the side bar.
 
-image::images/2.1-server-endpoint.png[title="ServerEndpoint import"]
+image::2.1-server-endpoint.png[title="ServerEndpoint import"]
 
 Alternatively all the imports can be resolved by right-clicking on the
 editor pane and selecting ``Fix Imports'' as shown.
 
-image::images/2.1-fix-imports.png[title="Fix Imports in NetBeans"]
+image::2.1-fix-imports.png[title="Fix Imports in NetBeans"]
 
 This functionality is also accessible using the following keyboard
 shortcuts:
diff --git a/docs/chapters/todo.adoc b/docs/chapters/todo.adoc
@@ -1,3 +1,5 @@
+:imagesdir: ../images
+
 == TODO
 
 .  Add the following use cases:
diff --git a/docs/chapters/troubleshooting.adoc b/docs/chapters/troubleshooting.adoc
@@ -1,3 +1,5 @@
+:imagesdir: ../images
+
 == Troubleshooting
 
 [qanda]
@@ -17,12 +19,12 @@ node, and select
 ifdef::server-glassfish[]
 `View Domain Server Log'.
 +
-image::images/netbeans-view-log.png[title="View GlassFish server log in NetBeans"]
+image::netbeans-view-log.png[title="View GlassFish server log in NetBeans"]
 endif::server-glassfish[]
 ifdef::server-wildfly[]
 `View Server Log'.
 +
-image::images/11-wildfly-server-log.png[title="View WildFly server log in NetBeans"]
+image::11-wildfly-server-log.png[title="View WildFly server log in NetBeans"]
 endif::server-wildfly[]
 +
 In addition, the web-based administration console can be seen by clicking on
diff --git a/docs/chapters/walkthrough.adoc b/docs/chapters/walkthrough.adoc
diff --git a/docs/chapters/websocket.adoc b/docs/chapters/websocket.adoc
diff --git a/docs/convert.sh b/docs/convert.sh
diff --git a/docs/javaee7-hol.adoc b/docs/javaee7-hol.adoc

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+:imagesdir: ../images`
	`2`	`+`
`1`	`3`	`== Acknowledgements`
`2`	`4`
`3`	`5`	`The following Java EE community members graciously reviewed and contributed to this hands-on lab:`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+:imagesdir: ../images`
	`2`	`+`
`1`	`3`	`[[batch]]`
`2`	`4`	`== Ticket Sales (Batch Applications for the Java Platform)`
`3`	`5`
`@@ -13,7 +15,7 @@ Applications for the Java Platform (JSR 352) will define a programming`
`13`	`15`	`model for batch applications and a runtime for scheduling and executing`
`14`	`16`	`jobs.`
`15`	`17`
`16`		`-image::images/5.0-batch-intro.png[title="Introduction to Batch"]`
	`18`	`+image::5.0-batch-intro.png[title="Introduction to Batch"]`
`17`	`19`
`18`	`20`	`The core concepts of Batch Processing are:`
`19`	`21`
`@@ -303,7 +305,7 @@ the bean to be injectable in an EL expression.`
`303`	`305`	`+`
`304`	`306`	`Resolve the imports.`
`305`	`307`	`+`
`306`		`-image::images/5.10-imports.png[title="RequestScoped import"]`
	`308`	`+image::5.10-imports.png[title="RequestScoped import"]`
`307`	`309`	`+`
`308`	`310`	. Inject `EntityManagerFactory` in the class as:
`309`	`311`	`+`
@@ -392,13 +394,13 @@ needs to be repeated for `f:` prefix.
`392`	`394`	`+`
`393`	`395`	`. Run the project to see the output as shown.`
`394`	`396`	`+`
`395`		`-image::images/5.14-sales.png[title="Sales link on main page"]`
	`397`	`+image::5.14-sales.png[title="Sales link on main page"]`
`396`	`398`	`+`
`397`	`399`	Notice, a new `Sales' entry is displayed in the left navigation bar.
`398`	`400`	`+`
`399`	`401`	. Click on `Sales' to see the output as shown.
`400`	`402`	`+`
`401`		`-image::images/5.15-sales.png[title="Movie Sales page"]`
	`403`	`+image::5.15-sales.png[title="Movie Sales page"]`
`402`	`404`	`+`
`403`	`405`	`The empty table indicates that there is no sales data in the database.`
`404`	`406`	`+`
@@ -407,7 +409,7 @@ file. Look for `Waiting for localhost' in the browser status bar,
`407`	`409`	`wait for a couple of seconds for the processing to finish, and then`
`408`	`410`	click on `Refresh' button to see the updated output as shown.
`409`	`411`	`+`
`410`		`-image::images/5.16-sales-output.png[title="Movie Sales output page"]`
	`412`	`+image::5.16-sales-output.png[title="Movie Sales output page"]`
`411`	`413`	`+`
`412`	`414`	`Now the table is populated with the sales data.`
`413`	`415`	`+`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+:imagesdir: ../images`
	`2`	`+`
`1`	`3`	`== Conclusion`
`2`	`4`
`3`	`5`	`This hands-on lab built a trivial 3-tier web application using Java EE 7`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+:imagesdir: ../images`
	`2`	`+`
`1`	`3`	`== Introduction`
`2`	`4`
`3`	`5`	`The Java EE 7 platform continues the ease of development push that`
`@@ -49,7 +51,7 @@ http://netbeans.org/downloads/[http://netbeans.org/downloads/]. A`
`49`	`51`	`snapshot of the downloads page is shown and highlights the exact`
`50`	`52`	`Download' button to be clicked.
`51`	`53`	`+`
`52`		`-image::images/1.1-netbeans-download.png[title="NetBeans download"]`
	`54`	`+image::1.1-netbeans-download.png[title="NetBeans download"]`
`53`	`55`	`endif::ide-netbeans[]`
`54`	`56`	`+`
`55`	`57`	`ifdef::server-glassfish[]`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+:imagesdir: ../images`
	`2`	`+`
`1`	`3`	`[[jaxrs]]`
`2`	`4`	`== View and Delete Movie (Java API for RESTful Web Services)`
`3`	`5`
`@@ -38,7 +40,7 @@ Resolve the imports.`
`38`	`40`	`+`
`39`	`41`	WARNING: Make sure to pick `javax.enterprise.context.RequestScoped` class.
`40`	`42`	`+`
`41`		`-image::images/6.2-imports.png[title="RequestScoped import"]`
	`43`	`+image::6.2-imports.png[title="RequestScoped import"]`
`42`	`44`	`+`
`43`	`45`	`. Add the following code to the class:`
`44`	`46`	`+`
`@@ -139,7 +141,7 @@ Click on the yellow bulb in the left bar to resolve the namespace`
`139`	`141`	prefix-to-URI resolution. This needs to be completed for `h:`, `c:`,
`140`	`142`	and `f:` prefixes.
`141`	`143`	`+`
`142`		`-image::images/6.6-imports.png[title="Namespace prefix imports"]`
	`144`	`+image::6.6-imports.png[title="Namespace prefix imports"]`
`143`	`145`	`+`
`144`	`146`	. Right-click on `org.javaee7.movieplex7.client' package, select
`145`	`147`	`New', `Java Class', specify the value as `MovieBackingBean' and click
@@ -174,7 +176,7 @@ WARNING: Make sure to import `javax.enterprise.context.SessionScoped`.
`174`	`176`	Running the project (Fn + F6 shortcut on Mac) and clicking on `Movies'
`175`	`177`	`in the left navigation bar shows the output as shown.`
`176`	`178`	`+`
`177`		`-image::images/6.8-output.png[title="List of movies output page"]`
	`179`	`+image::6.8-output.png[title="List of movies output page"]`
`178`	`180`	`+`
`179`	`181`	`The list of all the movies with a radio button next to them is`
`180`	`182`	`displayed.`
@@ -252,7 +254,7 @@ using the `id`, `name`, and `actors` property values.
`252`	`254`	`select a radio button next to any movie, and click on details to see the`
`253`	`255`	`output as shown.`
`254`	`256`	`+`
`255`		`-image::images/6.12-output.png[title="Movie Details page"]`
	`257`	`+image::6.12-output.png[title="Movie Details page"]`
`256`	`258`	`+`
`257`	`259`	Click on the `Back' button to select another movie.
`258`	`260`	`+`
`@@ -293,7 +295,7 @@ Make sure to resolve the imports.`
`293`	`295`	`+`
`294`	`296`	`Running the project shows the output shown.`
`295`	`297`	`+`
`296`		`-image::images/6.14-output.png[title="Delete button"]`
	`298`	`+image::6.14-output.png[title="Delete button"]`
`297`	`299`	`+`
`298`	`300`	`Select a movie and click on Delete button. This deletes the movie from`
`299`	`301`	`the database and refreshes list on the page. Note that a redeploy of the`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+:imagesdir: ../images`
	`2`	`+`
`1`	`3`	`[[jms]]`
`2`	`4`	`== Movie Points (Java Message Service)`
`3`	`5`
`@@ -37,7 +39,7 @@ passivated with the request.`
`37`	`39`	`+`
`38`	`40`	`Resolve the imports.`
`39`	`41`	`+`
`40`		`-image::images/8.2-imports.png[title="RequestScoped import"]`
	`42`	`+image::8.2-imports.png[title="RequestScoped import"]`
`41`	`43`	`+`
`42`	`44`	`. A message to a JMS Queue is sent after the customer has bought the`
`43`	`45`	`tickets. Another bean will then retrieve this message and update the`
`@@ -266,41 +268,41 @@ message is displayed on the screen.`
`266`	`268`	`+`
`267`	`269`	`. Run the project. The update page looks like as shown:`
`268`	`270`	`+`
`269`		`-image::images/8.10-output.png[title="Points link on main page"]`
	`271`	`+image::8.10-output.png[title="Points link on main page"]`
`270`	`272`	`+`
`271`	`273`	Click on `Points' to see the output as:
`272`	`274`	`+`
`273`		`-image::images/8.10-output2.png[title="Points output page"]`
	`275`	`+image::8.10-output2.png[title="Points output page"]`
`274`	`276`	`+`
`275`	`277`	The output shows that the queue has 0 messages. Enter a message `1212'
`276`	`278`	in the text box and click on `Send Message' to see the output as shown.
`277`	`279`	`+`
`278`		`-image::images/8.10-output3.png[title="Validation message on Points page"]`
	`280`	`+image::8.10-output3.png[title="Validation message on Points page"]`
`279`	`281`	`+`
`280`	`282`	`This message is not meeting the validation criteria and so the error`
`281`	`283`	`message is displayed.`
`282`	`284`	`+`
`283`	`285`	Enter a message as `12,12' in the text box and click on `Send Message'
`284`	`286`	`button to see the output as:`
`285`	`287`	`+`
`286`		`-image::images/8.10-output4.png[title="Correct input for Points page - Send Message (queue size=1)"]`
	`288`	`+image::8.10-output4.png[title="Correct input for Points page - Send Message (queue size=1)"]`
`287`	`289`	`+`
`288`	`290`	`The updated count now shows that there is 1 message in the queue. Click`
`289`	`291`	on `Receive Message' button to see output as:
`290`	`292`	`+`
`291`		`-image::images/8.10-output5.png[title="Correct input for Points page - Receive Message (queue size=0)"]`
	`293`	`+image::8.10-output5.png[title="Correct input for Points page - Receive Message (queue size=0)"]`
`292`	`294`	`+`
`293`	`295`	`The updated count now shows that the message has been consumed and the`
`294`	`296`	`queue has 0 messages.`
`295`	`297`	`+`
`296`	`298`	Click on `Send Message' 4 times to see the output as:
`297`	`299`	`+`
`298`		`-image::images/8.10-output6.png[title="Correct input for Points page - Send Message (queue size=4)"]`
	`300`	`+image::8.10-output6.png[title="Correct input for Points page - Send Message (queue size=4)"]`
`299`	`301`	`+`
`300`	`302`	`The updated count now shows that the queue has 4 messages. Click on`
`301`	`303`	`Receive Message' 2 times to see the output as:
`302`	`304`	`+`
`303`		`-image::images/8.10-output7.png[title="Correct input for Points page - Receive Message (queue size=2)"]`
	`305`	`+image::8.10-output7.png[title="Correct input for Points page - Receive Message (queue size=2)"]`
`304`	`306`	`+`
`305`	`307`	`The count is once again updated to reflect the 2 consumed and 2`
`306`	`308`	`remaining messages in the queue.`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+:imagesdir: ../images`
	`2`	`+`
`1`	`3`	`[[jsf]]`
`2`	`4`	`== Show Booking (JavaServer Faces)`
`3`	`5`
`@@ -76,7 +78,7 @@ commandButton refers to the next view in the flow, i.e.`
`76`	`78`	`Click on the yellow bulb as shown and click on the suggestion to`
`77`	`79`	add namespace prefix/URI mapping for `h:`. Repeat the same for `f:` prefix as well.
`78`	`80`	`+`
`79`		`-image::images/9.3-imports.png[title="Namespace prefix mapping imports"]`
	`81`	`+image::9.3-imports.png[title="Namespace prefix mapping imports"]`
`80`	`82`	`+`
`81`	`83`	. Right-click on `Source Packages', select `New', `Java Class'.
`82`	`84`	Specify the class name as `Booking' and the package name as
`@@ -368,24 +370,24 @@ which defines the flow of the pages.`
`368`	`370`	`. Run the project by right clicking on the project and selecting`
`369`	`371`	`Run'. The browser shows the updated output.
`370`	`372`	`+`
`371`		`-image::images/9.11-output.png[title="Book a movie link on main page"]`
	`373`	`+image::9.11-output.png[title="Book a movie link on main page"]`
`372`	`374`	`+`
`373`	`375`	Click on `Book a movie' to see the page as shown.
`374`	`376`	`+`
`375`		`-image::images/9.11-output2.png[title="Book a movie page"]`
	`377`	`+image::9.11-output2.png[title="Book a movie page"]`
`376`	`378`	`+`
`377`	`379`	Select a movie, say `The Shiningr and click on `Pick a time' to see the
`378`	`380`	`page output as shown.`
`379`	`381`	`+`
`380`		`-image::images/9.11-output3.png[title="Show Timings page"]`
	`382`	`+image::9.11-output3.png[title="Show Timings page"]`
`381`	`383`	`+`
`382`	`384`	Pick a time slot, say `04:00', click on `Confirm' to see the output as shown.
`383`	`385`	`+`
`384`		`-image::images/9.11-output4.png[title="Confirm? page"]`
	`386`	`+image::9.11-output4.png[title="Confirm? page"]`
`385`	`387`	`+`
`386`	`388`	Click on `Book' to confirm and see the output as:
`387`	`389`	`+`
`388`		`-image::images/9.11-output5.png[title="Reservation Confirmed page"]`
	`390`	`+image::9.11-output5.png[title="Reservation Confirmed page"]`
`389`	`391`	`+`
`390`	`392`	`Feel free to enter other combinations, go back and forth in the flow and`
`391`	`393`	`notice how the values in the bean are preserved.`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+:imagesdir: ../images`
	`2`	`+`
`1`	`3`	`[[json]]`
`2`	`4`	`== Add Movie (Java API for JSON Processing)`
`3`	`5`
`@@ -50,11 +52,11 @@ this implementation will consume a JSON representation of the resource.`
`50`	`52`	`+`
`51`	`53`	`Make sure to resolve imports from the appropriate package as shown.`
`52`	`54`	`+`
`53`		`-image::images/7.2-imports.png[title="Provider import"]`
	`55`	`+image::7.2-imports.png[title="Provider import"]`
`54`	`56`	`+`
`55`	`57`	. Make the class implements `MessageBodyReader<Movie>`.
`56`	`58`	`+`
`57`		`-image::images/7.3-implements.png[title="Implement abstract methods for MessageBodyReader"]`
	`59`	`+image::7.3-implements.png[title="Implement abstract methods for MessageBodyReader"]`
`58`	`60`	`+`
`59`	`61`	`Click on the hint (shown as yellow bulb) on the class definition and`
`60`	`62`	select `Implement all abstract methods'.
`@@ -132,7 +134,7 @@ this implementation will produce a JSON representation of the resource.`
`132`	`134`	`+`
`133`	`135`	`Resolve the imports as shown.`
`134`	`136`	`+`
`135`		`-image::images/7.6-imports.png[title="Provider import"]`
	`137`	`+image::7.6-imports.png[title="Provider import"]`
`136`	`138`	`+`
`137`	`139`	. Make this class implement `MessageBodyWriter` interface by adding the following code:
`138`	`140`	`[source, java]`
`@@ -142,7 +144,7 @@ Resolve the imports.`
`142`	`144`	`+`
`143`	`145`	`The IDE provide a hint to implement abstract methods as:`
`144`	`146`	`+`
`145`		`-image::images/7.7-implements.png[title="Implement abstract methods for MessageBodyWriter"]`
	`147`	`+image::7.7-implements.png[title="Implement abstract methods for MessageBodyWriter"]`
`146`	`148`	`+`
`147`	`149`	`Click on the hint (show as yellow bulb) on the class definition and`
`148`	`150`	select `Implement all abstract methods'.
@@ -230,7 +232,7 @@ then renders `movies.xhtml'.
`230`	`232`	`Click on the hint (show as yellow bulb) to resolve the namespace`
`231`	`233`	`prefix/URI mapping as shown.`
`232`	`234`	`+`
`233`		`-image::images/7.11-imports.png[title="Namespace prefix mapping imports"]`
	`235`	`+image::7.11-imports.png[title="Namespace prefix mapping imports"]`
`234`	`236`	`+`
`235`	`237`	. Add `movieName` and `actors` field to `MovieBackingBean` as:
`236`	`238`	`+`
@@ -273,17 +275,17 @@ the POJO to JSON. Media type of `application/json` is specified using `MediaType
`273`	`275`	`+`
`274`	`276`	`Resolve the imports as shown`
`275`	`277`	`+`
`276`		`-image::images/7.14-imports.png[title="Entity import"]`
	`278`	`+image::7.14-imports.png[title="Entity import"]`
`277`	`279`	`+`
`278`	`280`	`. Run the project to see the updated main page as:`
`279`	`281`	`+`
`280`		`-image::images/7.15-output.png[title="New Movie button"]`
	`282`	`+image::7.15-output.png[title="New Movie button"]`
`281`	`283`	`+`
`282`	`284`	A new movie can be added by clicking on `New Movie' button.
`283`	`285`	`+`
`284`	`286`	`. Enter the details as shown:`
`285`	`287`	`+`
`286`		`-image::images/7.16-output.png[title="Add a New Movie page"]`
	`288`	`+image::7.16-output.png[title="Add a New Movie page"]`
`287`	`289`	`+`
`288`	`290`	Click on `Add' button. The `Movie Id' value has to be greater than 20
`289`	`291`	`otherwise the primary key constraint will be violated. The table`
`@@ -292,6 +294,6 @@ sequence; however this is not done in the application.`
`292`	`294`	`+`
`293`	`295`	`The updated page looks like as shown`
`294`	`296`	`+`
`295`		`-image::images/7.16-output2.png[title="Newly added movie"]`
	`297`	`+image::7.16-output2.png[title="Newly added movie"]`
`296`	`298`	`+`
`297`	`299`	`Note that the newly added movie is now displayed.`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+:imagesdir: ../images`
	`2`	`+`
`1`	`3`	`== Revision History`
`2`	`4`
`3`	`5`	`. Added IntelliJ IDEA specific instructions. (Jan 22, 2014)`