New version of dart:html

client/samples/dartcombat/views.dart

 // Copyright (c) 2011, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 /** Base class for all views. */
 class View {
   Document doc;
   View(this.doc) {}
 }
 
@@ skipping 27 matching lines @@
     String rows = _rows.toString();
     String table = "<div class='vbox'>${rows}</div>";
     _rootNode.innerHTML = table;
 
     // Attaches listeners onto this view.
     new PlaceBoatView(state, _rootNode).attach();
   }
 
   /** Adds to this view the respresentation of a missed shot. */
   void addMiss(int x, int y) {
-    Element node = ViewUtil.createDiv(this, "icons miss");
+    Element node = ViewUtil.createDiv("icons miss");
     ViewUtil.placeNodeAt(node, x, y);
     _rootNode.nodes.add(node);
   }
 
   /** Adds to this view the respresentation of a shot that hits our boat. */
   void addHit(int x, int y) {
-    Element node = ViewUtil.createDiv(this, "icons hit-onboat");
+    Element node = ViewUtil.createDiv("icons hit-onboat");
     ViewUtil.placeNodeAt(node, x, y);
     _rootNode.nodes.add(node);
   }
 }
 
 /** View used to interactively set a new boat on the board. */
 class PlaceBoatView extends View {
   PlayerState state;
 
   /** root of the grid. */
@@ skipping 26 matching lines @@
     e.preventDefault();
     ViewUtil.positionFromEvent(_rootNode, e).then((List<int> pos) {
       _boatStartX = pos[0];
       _boatStartY = pos[1];
       // error case when the mouse was released out of the boat-placing area
       if (_moveListener != null) {
         _rootNode.on.mouseMove.remove(_moveListener, false);
         _possibleBoat.remove();
         _moveListener = null;
       }
-      _possibleBoat = ViewUtil.createDiv(this, "icons boat2");
+      _possibleBoat = ViewUtil.createDiv("icons boat2");
       ViewUtil.placeNodeAt(_possibleBoat, _boatStartX, _boatStartY);
       _rootNode.nodes.add(_possibleBoat);
       _moveListener = handleMouseMove;
       _rootNode.on.mouseMove.add(_moveListener);
     });
   }
 
   void handleMouseMove(e) {
     e.preventDefault();
     ViewUtil.positionFromEvent(_rootNode, e).then((List<int> pos) {
@@ skipping 95 matching lines @@
   void setEnemyReady() {
     if (!_enemyReady) {
       _enemyReady = true;
       _rootNode.query(".notready").remove();
     }
   }
 
 
   /** Update the view to indicate a shot that hit an enemy's boat. */
   void addHit(int x, int y) {
-    Element node = ViewUtil.createDiv(this, "icons hit");
+    Element node = ViewUtil.createDiv("icons hit");
     ViewUtil.placeNodeAt(node, x, y);
     _rootNode.nodes.add(node);
   }
 
   /** Update the view to indicate a shot that missed an enemy's boat. */
   void addMiss(int x, int y) {
-    Element node = ViewUtil.createDiv(this, "icons miss");
+    Element node = ViewUtil.createDiv("icons miss");
     ViewUtil.placeNodeAt(node, x, y);
     _rootNode.nodes.add(node);
   }
 
   /** Update the view to indicate a shot is in progress. */
   void addMaybeHit(int x, int y) {
-    Element node = ViewUtil.createDiv(this, "icons maybe-hit");
+    Element node = ViewUtil.createDiv("icons maybe-hit");
     ViewUtil.placeNodeAt(node, x, y);
     _rootNode.nodes.add(node);
   }
 
   /**
    * Remove the icon indicating that a shot is in progress (only called when
    * shots failed due to network errors).
    */
   void removeMaybeHit(int x, int y) {
     for (Element node in _rootNode.queryAll(".maybe-hit")) {
       int xoffset = x * 50;
       int yoffset = y * 50;
       if (node.style.getPropertyValue("top") == "${yoffset}px"
           && node.style.getPropertyValue("left") == "${xoffset}px") {
         node.remove();
         return;
       }
     }
   }
 }
 
 class ShootingStatusView extends View {
   PlayerState state;
   Element _rootNode;
 
   ShootingStatusView(this.state, Document doc)
       : super(doc) {
-    _rootNode = ViewUtil.createDiv(this, "shooting-status");
+    _rootNode = ViewUtil.createDiv("shooting-status");
     updateStatus();
   }
 
   /** Update the view to indicate we sunk another enemy's boat. */
   void updateStatus() {
     final total = state.totalShots;
     final hit = state.totalHits;
     final miss = state.totalMisses;
     final accounted = hit + miss;
     final sunk = state.boatsSunk;
@@ skipping 18 matching lines @@
 
   /** Given a grid node (square or boat) place it at a grid coordinate. */
   static void placeNodeAt(Element node, int x, int y) {
     int xoffset = x * 50;
     int yoffset = y * 50;
     node.style.setProperty("top", yoffset.toString() + "px");
     node.style.setProperty("left", xoffset.toString() + "px");
   }
 
   /** Create a div node with a given class name. */
-  static Element createDiv(View view, String className) {
-    Element node = view.doc.createElement("div");
+  static Element createDiv(String className) {
+    Element node = new Element.tag("div");
     node.attributes["class"] = className;
     return node;
   }
 }