# HG changeset patch
# User Jaroslav Tulach <jtulach@netbeans.org>
# Date 1391784056 -3600
# Node ID 8e31706fc5dac9365acc10acbd71db9426ca4a65
# Parent  3a82f9e6edddafac53f54757b0c434322ceaa042
Assign the style to the table cell

diff -r 3a82f9e6eddd -r 8e31706fc5da minesweeper/src/main/java/org/apidesign/demo/minesweeper/MinesModel.java
--- a/minesweeper/src/main/java/org/apidesign/demo/minesweeper/MinesModel.java	Fri Feb 07 15:21:54 2014 +0100
+++ b/minesweeper/src/main/java/org/apidesign/demo/minesweeper/MinesModel.java	Fri Feb 07 15:40:56 2014 +0100
@@ -63,6 +63,10 @@
             }
             return "" + state.ordinal();
         }
+        
+        @ComputedProperty static String style(SquareType state) {
+            return state == null ? null : state.toString();
+        }
     }
     
     enum SquareType {
diff -r 3a82f9e6eddd -r 8e31706fc5da minesweeper/src/main/webapp/pages/index.html
--- a/minesweeper/src/main/webapp/pages/index.html	Fri Feb 07 15:21:54 2014 +0100
+++ b/minesweeper/src/main/webapp/pages/index.html	Fri Feb 07 15:40:56 2014 +0100
@@ -41,8 +41,8 @@
                 <!-- ko foreach: rows -->
                 <tr>
                     <!-- ko foreach: columns -->
-                    <td data-bind="click: $parents[1].click" >
-                        <span data-bind='css: state, text: text'></span>
+                    <td data-bind="css: style, click: $parents[1].click" >
+                        <span data-bind='text: text'></span>
                     </td>
                     <!-- /ko -->
                 </tr>
diff -r 3a82f9e6eddd -r 8e31706fc5da minesweeper/src/main/webapp/pages/mines.css
--- a/minesweeper/src/main/webapp/pages/mines.css	Fri Feb 07 15:21:54 2014 +0100
+++ b/minesweeper/src/main/webapp/pages/mines.css	Fri Feb 07 15:40:56 2014 +0100
@@ -44,15 +44,12 @@
     margin:10px;
 }
 
-table.field td span.UNKNOWN {
+table.field td.UNKNOWN {
     background-color: #D0D0D0;
     cursor: pointer;
 }
-table.field td span.N_0 {
-    background-color: #A0A0A0;
-}
-table.field td span.MINE {
-    background-color: #bce8f1;
+table.field td.MINE {
+    background-color: #f1100c;
 }
 .but-orientation {
     margin-top:20px;