added AJAX

joinfaces · Sep 5, 2015 · 7d7b363 · 7d7b363
1 parent 0279a92
commit 7d7b363
Show file tree

Hide file tree

Showing 29 changed files with 43 additions and 7 deletions.
diff --git a/AJAX/src/main/webapp/wikimediaimages/.DS_Store b/AJAX/src/main/webapp/wikimediaimages/.DS_Store
diff --git a/AJAX/src/main/webapp/wikimediaimages/s_feld.png b/AJAX/src/main/webapp/wikimediaimages/s_feld.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/s_s_bauer.png b/AJAX/src/main/webapp/wikimediaimages/s_s_bauer.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/s_s_dame.png b/AJAX/src/main/webapp/wikimediaimages/s_s_dame.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/s_s_koenig.png b/AJAX/src/main/webapp/wikimediaimages/s_s_koenig.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/s_s_laeufer.png b/AJAX/src/main/webapp/wikimediaimages/s_s_laeufer.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/s_s_springer.png b/AJAX/src/main/webapp/wikimediaimages/s_s_springer.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/s_s_turm.png b/AJAX/src/main/webapp/wikimediaimages/s_s_turm.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/s_w_bauer.png b/AJAX/src/main/webapp/wikimediaimages/s_w_bauer.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/s_w_dame.png b/AJAX/src/main/webapp/wikimediaimages/s_w_dame.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/s_w_koenig.png b/AJAX/src/main/webapp/wikimediaimages/s_w_koenig.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/s_w_laeufer.png b/AJAX/src/main/webapp/wikimediaimages/s_w_laeufer.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/s_w_springer.png b/AJAX/src/main/webapp/wikimediaimages/s_w_springer.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/s_w_turm.png b/AJAX/src/main/webapp/wikimediaimages/s_w_turm.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/w_feld.png b/AJAX/src/main/webapp/wikimediaimages/w_feld.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/w_s_bauer.png b/AJAX/src/main/webapp/wikimediaimages/w_s_bauer.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/w_s_dame.png b/AJAX/src/main/webapp/wikimediaimages/w_s_dame.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/w_s_koenig.png b/AJAX/src/main/webapp/wikimediaimages/w_s_koenig.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/w_s_laeufer.png b/AJAX/src/main/webapp/wikimediaimages/w_s_laeufer.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/w_s_springer.png b/AJAX/src/main/webapp/wikimediaimages/w_s_springer.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/w_s_turm.png b/AJAX/src/main/webapp/wikimediaimages/w_s_turm.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/w_w_bauer.png b/AJAX/src/main/webapp/wikimediaimages/w_w_bauer.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/w_w_dame.png b/AJAX/src/main/webapp/wikimediaimages/w_w_dame.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/w_w_koenig.png b/AJAX/src/main/webapp/wikimediaimages/w_w_koenig.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/w_w_laeufer.png b/AJAX/src/main/webapp/wikimediaimages/w_w_laeufer.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/w_w_springer.png b/AJAX/src/main/webapp/wikimediaimages/w_w_springer.png
diff --git a/AJAX/src/main/webapp/wikimediaimages/w_w_turm.png b/AJAX/src/main/webapp/wikimediaimages/w_w_turm.png
diff --git a/BootsFacesChess/src/main/java/de/beyondjava/bootsfaces/chess/jsf/Board.java b/BootsFacesChess/src/main/java/de/beyondjava/bootsfaces/chess/jsf/Board.java
@@ -16,10 +16,20 @@ public class Board implements Serializable {
 
 	private Chessboard chessboard = new Chessboard();
 
+	private boolean isPieceSelected=false;
+
+	private int selectedPieceRow;
+
+	private int selectedPieceColumn;
+
 	private List<Row> rows;
 
 	public Board() {
 
+		redraw();
+	}
+
+	private void redraw() {
 		int[][] pieces = chessboard.board;
 		setRows(new ArrayList<Row>());
 		for (int i = 0; i < 8; i++) {
@@ -34,5 +44,24 @@ public List<Row> getRows() {
 	public void setRows(List<Row> rows) {
 		this.rows = rows;
 	}
+
+	public String getOpacity(int row, int column) {
+		if (!isPieceSelected) return "1.0";
+		if (selectedPieceColumn==column && selectedPieceRow==row) return "1.0";
+		return "0.7";
+	}
+
+	public void onclick(int row, int column) {
+		if (isPieceSelected) {
+			isPieceSelected=false;
+		}
+		else
+		{
+			isPieceSelected=true;
+			selectedPieceRow=row;
+			selectedPieceColumn=column;
+		}
+		redraw();
+	}
 
 }
diff --git a/BootsFacesChess/src/main/webapp/index.xhtml b/BootsFacesChess/src/main/webapp/index.xhtml
@@ -14,8 +14,8 @@
 </h:head>
 <h:body style="padding-top:75px">
   <b:container id="menu">
-    <b:navBar brand="BootsFaces plays chess!" inverse="true" brandHref="#"
-      fixed="top">
+    <b:navBar brand="BootsFaces plays chess!" inverse="true"
+      brandHref="#" fixed="top">
       <b:navbarLinks>
         <b:navLink value="New game (white)" iconAwesome="home" href="#"></b:navLink>
         <b:navLink value="New game (black)" icon="cross" href="#"></b:navLink>
@@ -26,13 +26,20 @@
   </b:container>
 
   <b:container id="content">
-    <ui:repeat id="rows" var="row" value="#{board.rows}">
-      <ui:repeat id="fields" var="image" value="#{row.images}">
+    <h:form>
+      <ui:repeat id="rows" var="row" value="#{board.rows}"
+        varStatus="rowStatus">
+        <ui:repeat id="fields" var="image" value="#{row.images}"
+          varStatus="columnStatus">
 
-        <b:image value="#{image}" style="width:70px;height:70px" />
+          <b:image value="#{image}"
+            style="width:70px;height:70px;opacity:#{board.getOpacity(rowStatus.index,columnStatus.index)}"
+            onclick="ajax:board.onclick(rowStatus.index,columnStatus.index)"
+            update="@form" />
+        </ui:repeat>
+        <br />
       </ui:repeat>
-      <br />
-    </ui:repeat>
+    </h:form>
   </b:container>
 </h:body>
 </html>