# HG changeset patch
# User Jaroslav Tulach <jaroslav.tulach@apidesign.org>
# Date 1403874303 -7200
# Node ID 8236300893698d23f6c57ecd475f5d1d10772e99
# Parent  898432e8f056ce35bf6fe6a494eb07ac1568bdd0
Using CSS:after instead of computed HTML fragment

diff -r 898432e8f056 -r 823630089369 minesweeper/src/main/java/org/apidesign/demo/minesweeper/MinesModel.java
--- a/minesweeper/src/main/java/org/apidesign/demo/minesweeper/MinesModel.java	Thu Jun 19 09:49:01 2014 +0200
+++ b/minesweeper/src/main/java/org/apidesign/demo/minesweeper/MinesModel.java	Fri Jun 27 15:05:03 2014 +0200
@@ -55,17 +55,6 @@
         @Property(name = "mine", type = boolean.class)
     })
     static class SquareModel {
-        @ComputedProperty static String html(SquareType state) {
-            if (state == null) return "&nbsp;";
-            switch (state) {
-                case EXPLOSION: return "&#x2717;";
-                case UNKNOWN: return "&nbsp;";
-                case DISCOVERED: return "&#x2714;";  
-                case N_0: return "&nbsp;";
-            }
-            return "&#x278" + (state.ordinal() - 1);
-        }
-        
         @ComputedProperty static String style(SquareType state) {
             return state == null ? null : state.toString();
         }
diff -r 898432e8f056 -r 823630089369 minesweeper/src/main/webapp/pages/index.html
--- a/minesweeper/src/main/webapp/pages/index.html	Thu Jun 19 09:49:01 2014 +0200
+++ b/minesweeper/src/main/webapp/pages/index.html	Fri Jun 27 15:05:03 2014 +0200
@@ -63,7 +63,7 @@
                 </button>
             </div>
         </div>
-        
+
 
         <script type="text/html" id="field">
           <center>
@@ -73,7 +73,7 @@
                     <tr>
                         <!-- ko foreach: columns -->
                         <td data-bind="css: style, click: $parents[1].click" >
-                            <div data-bind='html: html'></div>
+                            <div></div>
                         </td>
                         <!-- /ko -->
                     </tr>
diff -r 898432e8f056 -r 823630089369 minesweeper/src/main/webapp/pages/mines.css
--- a/minesweeper/src/main/webapp/pages/mines.css	Thu Jun 19 09:49:01 2014 +0200
+++ b/minesweeper/src/main/webapp/pages/mines.css	Fri Jun 27 15:05:03 2014 +0200
@@ -61,6 +61,43 @@
 table.field td.DISCOVERED {
     background-color: #9DB2B1;
 }
+
+table.field td.UNKNOWN div::after {
+    content: " ";
+}
+table.field td.EXPLOSION div::after {
+    content: "\002717";
+}
+table.field td.DISCOVERED div::after {
+    content: "\002714";
+}
+table.field td.N_0 div::after {
+    content: " ";
+}
+table.field td.N_1 div::after {
+    content: "\002780";
+}
+table.field td.N_2 div::after {
+    content: "\002781";
+}
+table.field td.N_3 div::after {
+    content: "\002782";
+}
+table.field td.N_4 div::after {
+    content: "\002783";
+}
+table.field td.N_5 div::after {
+    content: "\002784";
+}
+table.field td.N_6 div::after {
+    content: "\002785";
+}
+table.field td.N_7 div::after {
+    content: "\002786";
+}
+table.field td.N_8 div::after {
+    content: "\002787";
+}
 .but-orientation {
     margin-top:20px;
 }