update to Dart 1.0

README.md

@@ -4,11 +4,9 @@ https://plus.google.com/u/0/b/113649577593294551754/113649577593294551754/posts
 
 mb_spirals in Dart
 by Dzenan Ridjanovic
-2012-01-23 -- 2013-09-22
+2012-01-23 -- 2013-11-09
 
-updated for Dart beta on 2013-09-22
-
-Learning Dart in spirals by developing 
+Learning Dart in spirals by developing
 [Model Concepts](https://github.com/dzenanr/model_concepts).
 
 Teaching Dart by using [spirals](https://github.com/dzenanr/mb_spirals) on Learning Dart.

s00/s00/mb.dart

@@ -13,7 +13,7 @@ class mb {
 
   void write(String message) {
     // the HTML library defines a global "document" variable
-    document.query('#status').innerHtml = message;
+    document.querySelector('#status').innerHtml = message;
   }
 }
 

s01/s00/mb.dart

@@ -4,7 +4,7 @@ import 'dart:html';
 
 main() {
   // Get a reference to the canvas.
-  var canvas = document.query('#canvas');
+  var canvas = document.querySelector('#canvas');
   var context = canvas.getContext("2d");
   var width = canvas.width;
   var height = canvas.height;

s01/s01/mb.dart

@@ -4,7 +4,7 @@ import 'dart:html';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   CanvasRenderingContext2D context = canvas.getContext("2d");
   int width = canvas.width;
   int height = canvas.height;

s01/s02/mb.dart

@@ -19,6 +19,6 @@ void displayBoxes(CanvasElement canvas) {
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   displayBoxes(canvas);
 }

s01/s03/mb.dart

@@ -23,6 +23,6 @@ void displayBord(CanvasElement canvas) {
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   displayBord(canvas);
 }

s01/s04/mb.dart

@@ -8,6 +8,6 @@ part 'board.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   new Board(canvas);
 }

s01/s05/mb.dart

@@ -9,6 +9,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s02/s00/mb.dart

@@ -10,6 +10,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s02/s01/mb.dart

@@ -10,6 +10,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s02/s02/box.dart

@@ -30,7 +30,7 @@ class Box {
 
   // Change a position of the box with mouse mouvements.
   void onMouseMove(MouseEvent event) {
-    if (isPointInside(event.offsetX, event.offsetY)) {
+    if (isPointInside(event.offset.x, event.offset.y)) {
       x = event.offset.x;
       y = event.offset.y;
     }

s02/s02/mb.dart

@@ -10,6 +10,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s02/s03/box.dart

@@ -31,7 +31,7 @@ class Box {
 
   // Change a position of the box with mouse mouvements.
   void onMouseMove(MouseEvent event) {
-    if (isPointInside(event.offsetX, event.offsetY)) {
+    if (isPointInside(event.offset.x, event.offset.y)) {
       x = event.offset.x - width / 2;
       y = event.offset.y - height / 2;
     }

s02/s03/mb.dart

@@ -10,6 +10,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s02/s04/mb.dart

@@ -10,6 +10,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s03/s00/board.dart

@@ -43,7 +43,7 @@ class Board {
 
   // Create a box in the position of the mouse click on the board.
   void onMouseDown(MouseEvent event) {
-    Box box = new Box(this, event.offsetX, event.offsetY, 60, 100);
+    Box box = new Box(this, event.offset.x, event.offset.y, 60, 100);
     boxes.add(box);
   }
 

s03/s00/mb.dart

@@ -10,6 +10,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s03/s01/mb.dart

@@ -10,6 +10,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s03/s02/mb.dart

@@ -10,6 +10,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s03/s03/mb.dart

@@ -10,6 +10,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s03/s04/mb.dart

@@ -10,6 +10,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s03/s05/mb.dart

@@ -10,6 +10,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s04/s00/mb.dart

@@ -10,6 +10,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s04/s01/mb.dart

@@ -15,6 +15,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s04/s02/mb.dart

@@ -15,6 +15,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s05/s00/board.dart

@@ -20,7 +20,7 @@ class Board {
     boxes = new List();
 
     // Canvas event
-    document.query('#canvas').onMouseDown.listen(onMouseDown);
+    document.querySelector('#canvas').onMouseDown.listen(onMouseDown);
     // Redraw every INTERVAL ms.
     new Timer.periodic(const Duration(milliseconds: INTERVAL), (t) => redraw());
   }

s05/s00/box.dart

@@ -29,9 +29,9 @@ class Box {
     titleNo = board.nextBoxNo;
     draw();
     // Box events (actually, canvas events).
-    document.query('#canvas').onMouseDown.listen(onMouseDown);
-    document.query('#canvas').onMouseUp.listen(onMouseUp);
-    document.query('#canvas').onMouseMove.listen(onMouseMove);
+    document.querySelector('#canvas').onMouseDown.listen(onMouseDown);
+    document.querySelector('#canvas').onMouseUp.listen(onMouseUp);
+    document.querySelector('#canvas').onMouseMove.listen(onMouseMove);
   }
 
   void draw() {

s05/s00/mb.dart

@@ -17,6 +17,6 @@ part 'box.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s05/s01/board.dart

@@ -22,7 +22,7 @@ class Board {
     toolBar = new ToolBar(this);
 
     // Canvas event
-    document.query('#canvas').onMouseDown.listen(onMouseDown);
+    document.querySelector('#canvas').onMouseDown.listen(onMouseDown);
     // Redraw every INTERVAL ms.
     new Timer.periodic(const Duration(milliseconds: INTERVAL), (t) => redraw());
   }

s05/s01/box.dart

@@ -29,9 +29,9 @@ class Box {
     titleNo = board.nextBoxNo;
     draw();
     // Box events (actually, canvas events).
-    document.query('#canvas').onMouseDown.listen(onMouseDown);
-    document.query('#canvas').onMouseUp.listen(onMouseUp);
-    document.query('#canvas').onMouseMove.listen(onMouseMove);
+    document.querySelector('#canvas').onMouseDown.listen(onMouseDown);
+    document.querySelector('#canvas').onMouseUp.listen(onMouseUp);
+    document.querySelector('#canvas').onMouseMove.listen(onMouseMove);
   }
 
   void draw() {

s05/s01/mb.dart

@@ -18,6 +18,6 @@ part 'tool_bar.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s05/s01/tool_bar.dart

@@ -11,8 +11,8 @@ class ToolBar {
   bool _boxToolDblClicked = false;
 
   ToolBar(this.board) {
-    ButtonElement selectButton = document.query('#select');
-    ButtonElement boxButton = document.query('#box');
+    ButtonElement selectButton = document.querySelector('#select');
+    ButtonElement boxButton = document.querySelector('#box');
 
     // Tool bar events.
     selectButton.onClick.listen((MouseEvent e) {

s05/s02/board.dart

@@ -22,7 +22,7 @@ class Board {
     toolBar = new ToolBar(this);
 
     // Canvas event
-    document.query('#canvas').onMouseDown.listen(onMouseDown);
+    document.querySelector('#canvas').onMouseDown.listen(onMouseDown);
     // Redraw every INTERVAL ms.
     new Timer.periodic(const Duration(milliseconds: INTERVAL), (t) => redraw());
   }

s05/s02/box.dart

@@ -29,9 +29,9 @@ class Box {
     titleNo = board.nextBoxNo;
     draw();
     // Box events (actually, canvas events).
-    document.query('#canvas').onMouseDown.listen(onMouseDown);
-    document.query('#canvas').onMouseUp.listen(onMouseUp);
-    document.query('#canvas').onMouseMove.listen(onMouseMove);
+    document.querySelector('#canvas').onMouseDown.listen(onMouseDown);
+    document.querySelector('#canvas').onMouseUp.listen(onMouseUp);
+    document.querySelector('#canvas').onMouseMove.listen(onMouseMove);
   }
 
   void draw() {
@@ -88,7 +88,7 @@ class Box {
   // Change a position of the box with mouse mouvements.
   void onMouseMove(MouseEvent e) {
     if (contains(e.offset.x, e.offset.y) && isSelected() && _mouseDown &&
-        board.countSelectedBoxesContain(e.offsetX, e.offsetY) < 2) {
+        board.countSelectedBoxesContain(e.offset.x, e.offset.y) < 2) {
       x =  e.offset.x - width / 2;
       if (x < 0) {
         x = 1;

s05/s02/mb.dart

@@ -18,6 +18,6 @@ part 'tool_bar.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s05/s02/tool_bar.dart

@@ -11,8 +11,8 @@ class ToolBar {
   bool _boxToolDblClicked = false;
 
   ToolBar(this.board) {
-    ButtonElement selectButton = document.query('#select');
-    ButtonElement boxButton = document.query('#box');
+    ButtonElement selectButton = document.querySelector('#select');
+    ButtonElement boxButton = document.querySelector('#box');
 
     // Tool bar events.
     selectButton.onClick.listen((MouseEvent e) {

s06/s00/board.dart

@@ -26,7 +26,7 @@ class Board {
     toolBar = new ToolBar(this);
 
     // Canvas event
-    document.query('#canvas').onMouseDown.listen(onMouseDown);
+    document.querySelector('#canvas').onMouseDown.listen(onMouseDown);
     // Redraw every INTERVAL ms.
     new Timer.periodic(const Duration(milliseconds: INTERVAL), (t) => redraw());
   }

s06/s00/box.dart

@@ -29,9 +29,9 @@ class Box {
     titleNo = board.nextBoxNo;
     draw();
     // Box events (actually, canvas events).
-    document.query('#canvas').onMouseDown.listen(onMouseDown);
-    document.query('#canvas').onMouseUp.listen(onMouseUp);
-    document.query('#canvas').onMouseMove.listen(onMouseMove);
+    document.querySelector('#canvas').onMouseDown.listen(onMouseDown);
+    document.querySelector('#canvas').onMouseUp.listen(onMouseUp);
+    document.querySelector('#canvas').onMouseMove.listen(onMouseMove);
   }
 
   void draw() {

s06/s00/mb.dart

@@ -19,6 +19,6 @@ part 'menu_bar.dart';
 
 void main() {
   // Get a reference to the canvas.
-  CanvasElement canvas = document.query('#canvas');
+  CanvasElement canvas = document.querySelector('#canvas');
   Board board = new Board(canvas);
 }

s06/s00/menu_bar.dart

@@ -8,8 +8,8 @@ class MenuBar {
   ButtonElement deleteBoxesButton;
 
   MenuBar(this.board) {
-    createBoxesButton = document.query('#create-boxes');
-    deleteBoxesButton = document.query('#delete-boxes');
+    createBoxesButton = document.querySelector('#create-boxes');
+    deleteBoxesButton = document.querySelector('#delete-boxes');
 
     // Menu bar events.
     createBoxesButton.onClick.listen((MouseEvent e) {

s06/s00/tool_bar.dart

@@ -11,8 +11,8 @@ class ToolBar {
   bool _boxToolDblClicked = false;
 
   ToolBar(this.board) {
-    ButtonElement selectButton = document.query('#select');
-    ButtonElement boxButton = document.query('#box');
+    ButtonElement selectButton = document.querySelector('#select');
+    ButtonElement boxButton = document.querySelector('#box');
 
     // Tool bar events.
     selectButton.onClick.listen((MouseEvent e) {

s06/s01/board.dart

@@ -26,7 +26,7 @@ class Board {
     toolBar = new ToolBar(this);
 
     // Canvas event
-    document.query('#canvas').onMouseDown.listen(onMouseDown);
+    document.querySelector('#canvas').onMouseDown.listen(onMouseDown);
     // Redraw every INTERVAL ms.
     new Timer.periodic(const Duration(milliseconds: INTERVAL), (t) => redraw());
   }