Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(260)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: src/diagrams/tutorials/polymer/connections.graffle

Issue 24269013: first draft of polymer element tutorial (Closed) Base URL: https://github.com/dart-lang/dartlang.org.git@master
Patch Set: resolving some xx's Created 7 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « src/diagrams/tutorials/polymer/click-handler.graffle/image2.png ('k') | src/diagrams/tutorials/polymer/css-styling.graffle/data.plist » ('j') | src/site/docs/tutorials/polymer/index.markdown » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: src/diagrams/tutorials/polymer/connections.graffle
diff --git a/src/diagrams/tutorials/fetchdata/portmanteaux-code.graffle/data.plist b/src/diagrams/tutorials/polymer/connections.graffle
similarity index 71%
copy from src/diagrams/tutorials/fetchdata/portmanteaux-code.graffle/data.plist
copy to src/diagrams/tutorials/polymer/connections.graffle
index 81af0b577cf6365c5bf5975f3f995632a63c3bdd..3e91d484339902427120a4539131597728c5e137 100644
--- a/src/diagrams/tutorials/fetchdata/portmanteaux-code.graffle/data.plist
+++ b/src/diagrams/tutorials/polymer/connections.graffle
@@ -42,7 +42,7 @@
<key>ColumnSpacing</key>
<real>36</real>
<key>CreationDate</key>
- <string>2013-01-31 22:58:44 +0000</string>
+ <string>2013-09-18 20:38:13 +0000</string>
<key>Creator</key>
<string>Mary Campione</string>
<key>DisplayScale</key>
@@ -53,7 +53,7 @@
<array>
<dict>
<key>Bounds</key>
- <string>{{325.847038321941, 138.47342842714826}, {123, 26}}</string>
+ <string>{{8, 544}, {344, 22}}</string>
<key>Class</key>
<string>ShapedGraphic</string>
<key>FitText</key>
@@ -64,27 +64,68 @@
<dict>
<key>Color</key>
<dict>
- <key>w</key>
+ <key>b</key>
+ <string>0</string>
+ <key>g</key>
<string>0</string>
+ <key>r</key>
+ <string>0.501961</string>
</dict>
<key>Font</key>
- <string>HelveticaNeue-Light</string>
+ <string>HelveticaNeue-BoldItalic</string>
<key>Size</key>
- <real>13</real>
+ <real>14</real>
</dict>
<key>ID</key>
- <integer>34206</integer>
- <key>Line</key>
+ <integer>63</integer>
+ <key>Shape</key>
+ <string>Rectangle</string>
+ <key>Style</key>
<dict>
- <key>ID</key>
- <integer>34189</integer>
- <key>Position</key>
- <real>0.57922583818435669</real>
- <key>RotationType</key>
+ <key>fill</key>
+ <dict>
+ <key>Draws</key>
+ <string>NO</string>
+ </dict>
+ <key>shadow</key>
+ <dict>
+ <key>Draws</key>
+ <string>NO</string>
+ </dict>
+ <key>stroke</key>
+ <dict>
+ <key>Draws</key>
+ <string>NO</string>
+ </dict>
+ </dict>
+ <key>Text</key>
+ <dict>
+ <key>Align</key>
<integer>0</integer>
+ <key>Pad</key>
+ <integer>2</integer>
+ <key>Text</key>
+ <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
+\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
+{\colortbl;\red255\green255\blue255;\red128\green0\blue0;}
+\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
+
+\f0\i\b\fs28 \cf2 Save to $tutorial/polymer/images/connections.png}</string>
+ <key>VerticalPad</key>
+ <integer>2</integer>
</dict>
+ <key>Wrap</key>
+ <string>NO</string>
+ </dict>
+ <dict>
+ <key>Bounds</key>
+ <string>{{487, 356}, {103, 28}}</string>
+ <key>Class</key>
+ <string>ShapedGraphic</string>
+ <key>ID</key>
+ <integer>34214</integer>
<key>Shape</key>
- <string>Rectangle</string>
+ <string>Speech Bubble</string>
<key>Style</key>
<dict>
<key>fill</key>
@@ -92,67 +133,121 @@
<key>Color</key>
<dict>
<key>b</key>
- <string>0.604698</string>
+ <string>1</string>
<key>g</key>
- <string>0.928911</string>
+ <string>0.860429</string>
<key>r</key>
- <string>1</string>
+ <string>0.745947</string>
</dict>
</dict>
- <key>shadow</key>
+ </dict>
+ <key>Text</key>
+ <dict>
+ <key>Text</key>
+ <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
+\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
+{\colortbl;\red255\green255\blue255;}
+\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc
+
+\f0\fs24 \cf0 Implement}</string>
+ <key>VerticalPad</key>
+ <integer>0</integer>
+ </dict>
+ <key>TextRelativeArea</key>
+ <string>{{0.14999999999999999, 0.14999999999999999}, {0.69999999999999996, 0.69999999999999996}}</string>
+ </dict>
+ <dict>
+ <key>Bounds</key>
+ <string>{{618, 91}, {103, 28}}</string>
+ <key>Class</key>
+ <string>ShapedGraphic</string>
+ <key>ID</key>
+ <integer>34213</integer>
+ <key>Shape</key>
+ <string>Speech Bubble</string>
+ <key>Style</key>
+ <dict>
+ <key>fill</key>
<dict>
- <key>Draws</key>
- <string>NO</string>
+ <key>Color</key>
+ <dict>
+ <key>b</key>
+ <string>1</string>
+ <key>g</key>
+ <string>0.860429</string>
+ <key>r</key>
+ <string>0.745947</string>
+ </dict>
</dict>
- <key>stroke</key>
+ </dict>
+ <key>Text</key>
+ <dict>
+ <key>Text</key>
+ <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
+\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
+{\colortbl;\red255\green255\blue255;}
+\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc
+
+\f0\fs24 \cf0 Define}</string>
+ <key>VerticalPad</key>
+ <integer>0</integer>
+ </dict>
+ <key>TextRelativeArea</key>
+ <string>{{0.14999999999999999, 0.14999999999999999}, {0.69999999999999996, 0.69999999999999996}}</string>
+ </dict>
+ <dict>
+ <key>Bounds</key>
+ <string>{{221.5, 179}, {103, 28}}</string>
+ <key>Class</key>
+ <string>ShapedGraphic</string>
+ <key>ID</key>
+ <integer>25</integer>
+ <key>Shape</key>
+ <string>Speech Bubble</string>
+ <key>Style</key>
+ <dict>
+ <key>fill</key>
<dict>
- <key>Draws</key>
- <string>NO</string>
+ <key>Color</key>
+ <dict>
+ <key>b</key>
+ <string>1</string>
+ <key>g</key>
+ <string>0.860429</string>
+ <key>r</key>
+ <string>0.745947</string>
+ </dict>
</dict>
</dict>
<key>Text</key>
<dict>
<key>Text</key>
<string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
-\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}
+\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc
-\f0\fs26 \cf0 mouse-click handler}</string>
+\f0\fs24 \cf0 Instantiate}</string>
+ <key>VerticalPad</key>
+ <integer>0</integer>
</dict>
- <key>Wrap</key>
- <string>NO</string>
+ <key>TextRelativeArea</key>
+ <string>{{0.14999999999999999, 0.14999999999999999}, {0.69999999999999996, 0.69999999999999996}}</string>
</dict>
<dict>
<key>Bounds</key>
- <string>{{59.698638916015625, 111.28305053710938}, {419, 186}}</string>
+ <string>{{432, 113}, {291, 164}}</string>
<key>Class</key>
<string>ShapedGraphic</string>
<key>FitText</key>
<string>Vertical</string>
<key>Flow</key>
<string>Resize</string>
- <key>FontInfo</key>
- <dict>
- <key>Color</key>
- <dict>
- <key>b</key>
- <string>0</string>
- <key>g</key>
- <string>0</string>
- <key>r</key>
- <string>0</string>
- </dict>
- <key>Font</key>
- <string>CourierNewPSMT</string>
- <key>Size</key>
- <real>12</real>
- </dict>
<key>ID</key>
- <integer>3</integer>
+ <integer>34168</integer>
<key>Magnets</key>
<array>
- <string>{-0.25910931174089069, 0.043604651162790553}</string>
+ <string>{-0.21999999999999997, -0.45161290322580649}</string>
</array>
<key>Shape</key>
<string>Rectangle</string>
@@ -178,8 +273,6 @@
<dict>
<key>Align</key>
<integer>0</integer>
- <key>Pad</key>
- <integer>2</integer>
<key>Text</key>
<string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
\cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}
@@ -187,142 +280,163 @@
\deftab720
\pard\pardeftab720
-\f0\fs24 \cf0 import 'dart:html';\
-import 'dart:json' as json;\
+\f0\fs24 \cf0 &lt;polymer-element name="tute-stopwatch"&gt;\
+ \
+ &lt;template&gt;\
+ ...\
+ &lt;/template&gt;\
\
-...\
-void makeRequest(Event e) \{\
- var path = 'portmanteaux.json';\
- var httpRequest = new HttpRequest();\
- httpRequest\
- ..open('GET', path)\
- ..onLoadEnd.listen((e) =&gt; requestComplete(httpRequest))\
- ..send('');\
-\}\
-...}</string>
- <key>VerticalPad</key>
- <integer>2</integer>
+ &lt;script type="application/dart"\
+ src="tute_stopwatch.dart"&gt;\
+ &lt;/script&gt;\
+\
+&lt;/polymer-element&gt;}</string>
</dict>
</dict>
<dict>
+ <key>Bounds</key>
+ <string>{{15, 20}, {385, 248}}</string>
<key>Class</key>
- <string>LineGraphic</string>
- <key>Head</key>
- <dict>
- <key>ID</key>
- <integer>34203</integer>
- <key>Info</key>
- <integer>2</integer>
- </dict>
+ <string>ShapedGraphic</string>
+ <key>FitText</key>
+ <string>YES</string>
+ <key>Flow</key>
+ <string>Resize</string>
<key>ID</key>
- <integer>34207</integer>
- <key>Points</key>
- <array>
- <string>{144.03317666514712, 331.78305053710938}</string>
- <string>{144.2945556640625, 235.53305053710938}</string>
- </array>
+ <integer>34200</integer>
+ <key>Shape</key>
+ <string>Rectangle</string>
<key>Style</key>
<dict>
+ <key>fill</key>
+ <dict>
+ <key>Draws</key>
+ <string>NO</string>
+ </dict>
+ <key>shadow</key>
+ <dict>
+ <key>Draws</key>
+ <string>NO</string>
+ </dict>
<key>stroke</key>
<dict>
- <key>HeadArrow</key>
- <string>FilledArrow</string>
- <key>Legacy</key>
- <true/>
- <key>TailArrow</key>
- <string>0</string>
+ <key>CornerRadius</key>
+ <real>7</real>
</dict>
</dict>
- <key>Tail</key>
+ <key>Text</key>
<dict>
- <key>ID</key>
- <integer>34204</integer>
+ <key>Align</key>
+ <integer>0</integer>
+ <key>Text</key>
+ <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
+\cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}
+{\colortbl;\red255\green255\blue255;}
+\deftab720
+\pard\pardeftab720
+
+\f0\fs24 \cf0 \shad\shadx19\shady-20\shadr0\shado85 \shadc0 &lt;!DOCTYPE html&gt;\
+&lt;html&gt;\
+ &lt;head&gt;\
+ ...\
+ &lt;script src="packages/polymer/boot.js"&gt;&lt;/script&gt;\
+ &lt;link rel="import" href="tute_stopwatch.html"&gt;\
+ ...\
+ &lt;/head&gt;\
+ \
+ &lt;body&gt;\
+ \
+ &lt;h1&gt;Stopwatch&lt;/h1&gt;\
+\
+ &lt;tute-stopwatch&gt;&lt;/tute-stopwatch&gt;\
+ \
+ &lt;/body&gt;\
+&lt;/html&gt;}</string>
</dict>
+ <key>Wrap</key>
+ <string>NO</string>
</dict>
<dict>
<key>Bounds</key>
- <string>{{76.698638916015625, 197.28305816650391}, {250, 14}}</string>
+ <string>{{368, 322.99999809265137}, {291, 192}}</string>
<key>Class</key>
<string>ShapedGraphic</string>
+ <key>FitText</key>
+ <string>YES</string>
+ <key>Flow</key>
+ <string>Resize</string>
<key>ID</key>
- <integer>34170</integer>
- <key>Magnets</key>
- <array>
- <string>{-0.12799999999999989, 0.25}</string>
- </array>
+ <integer>3</integer>
<key>Shape</key>
<string>Rectangle</string>
<key>Style</key>
<dict>
<key>fill</key>
<dict>
- <key>Color</key>
- <dict>
- <key>b</key>
- <string>1</string>
- <key>g</key>
- <string>0.860429</string>
- <key>r</key>
- <string>0.745947</string>
- </dict>
- </dict>
- <key>shadow</key>
- <dict>
<key>Draws</key>
<string>NO</string>
</dict>
- <key>stroke</key>
+ <key>shadow</key>
<dict>
<key>Draws</key>
<string>NO</string>
</dict>
- </dict>
- </dict>
- <dict>
- <key>Class</key>
- <string>LineGraphic</string>
- <key>ID</key>
- <integer>34189</integer>
- <key>Points</key>
- <array>
- <string>{575.453369140625, 124.20406159804891}</string>
- <string>{250.69863891601562, 171.28305053710938}</string>
- </array>
- <key>Style</key>
- <dict>
<key>stroke</key>
<dict>
- <key>HeadArrow</key>
- <string>FilledArrow</string>
- <key>Legacy</key>
- <true/>
- <key>TailArrow</key>
- <string>0</string>
+ <key>CornerRadius</key>
+ <real>7</real>
</dict>
</dict>
- <key>Tail</key>
+ <key>Text</key>
<dict>
- <key>ID</key>
- <integer>34187</integer>
+ <key>Align</key>
+ <integer>0</integer>
+ <key>Text</key>
+ <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
+\cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}
+{\colortbl;\red255\green255\blue255;}
+\deftab720
+\pard\pardeftab720
+
+\f0\fs24 \cf0 import 'dart:html';\
+import 'dart:async';\
+import 'package:polymer/polymer.dart';\
+\
+@CustomTag('tute-stopwatch')\
+class TuteStopwatch\
+ extends PolymerElement\
+ with ObservableMixin \{\
+\
+ @observable String counter = '00:00';\
+ \
+ ...\
+\}}</string>
</dict>
+ <key>Wrap</key>
+ <string>NO</string>
</dict>
<dict>
<key>Bounds</key>
- <string>{{575.453369140625, 97.25}, {40.754718780517578, 48}}</string>
+ <string>{{55, 418}, {289, 18}}</string>
<key>Class</key>
<string>ShapedGraphic</string>
<key>ID</key>
- <integer>34187</integer>
- <key>ImageID</key>
- <integer>2</integer>
+ <integer>34212</integer>
<key>Shape</key>
<string>Rectangle</string>
<key>Style</key>
<dict>
<key>fill</key>
<dict>
- <key>Draws</key>
- <string>NO</string>
+ <key>Color</key>
+ <dict>
+ <key>b</key>
+ <string>0.909179</string>
+ <key>g</key>
+ <string>0.755853</string>
+ <key>r</key>
+ <string>1</string>
+ </dict>
</dict>
<key>shadow</key>
<dict>
@@ -335,20 +449,26 @@ void makeRequest(Event e) \{\
<string>NO</string>
</dict>
</dict>
+ <key>Text</key>
+ <dict>
+ <key>Align</key>
+ <integer>0</integer>
+ <key>Text</key>
+ <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
+\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
+{\colortbl;\red255\green255\blue255;}
+\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
+
+\f0\fs24 \cf0 Associate Dart class with Polymer element definition}</string>
+ </dict>
</dict>
<dict>
<key>Bounds</key>
- <string>{{154.69863891601562, 183.28305053710938}, {138, 14}}</string>
+ <string>{{151.5, 362}, {192.5, 18}}</string>
<key>Class</key>
<string>ShapedGraphic</string>
<key>ID</key>
- <integer>34205</integer>
- <key>Magnets</key>
- <array>
- <string>{0.38387096774193563, -0.25}</string>
- <string>{-0.39130434782608692, -0.25}</string>
- <string>{-0.10714285714285765, -1.7763568394002505e-15}</string>
- </array>
+ <integer>34211</integer>
<key>Shape</key>
<string>Rectangle</string>
<key>Style</key>
@@ -376,29 +496,26 @@ void makeRequest(Event e) \{\
<string>NO</string>
</dict>
</dict>
+ <key>Text</key>
+ <dict>
+ <key>Align</key>
+ <integer>0</integer>
+ <key>Text</key>
+ <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
+\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
+{\colortbl;\red255\green255\blue255;}
+\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
+
+\f0\fs24 \cf0 Import Polymer element definition}</string>
+ </dict>
</dict>
<dict>
<key>Bounds</key>
- <string>{{22.698638916015625, 331.78305053710938}, {138, 19}}</string>
+ <string>{{8, 390}, {336, 18}}</string>
<key>Class</key>
<string>ShapedGraphic</string>
- <key>FitText</key>
- <string>Vertical</string>
- <key>Flow</key>
- <string>Resize</string>
- <key>FontInfo</key>
- <dict>
- <key>Font</key>
- <string>HelveticaNeue</string>
- <key>Size</key>
- <real>12</real>
- </dict>
<key>ID</key>
- <integer>34204</integer>
- <key>Magnets</key>
- <array>
- <string>{0.37899537017379981, 0.14299734015213872}</string>
- </array>
+ <integer>34210</integer>
<key>Shape</key>
<string>Rectangle</string>
<key>Style</key>
@@ -408,11 +525,11 @@ void makeRequest(Event e) \{\
<key>Color</key>
<dict>
<key>b</key>
- <string>0.909179</string>
+ <string>1</string>
<key>g</key>
- <string>0.755853</string>
+ <string>0.860429</string>
<key>r</key>
- <string>1</string>
+ <string>0.745947</string>
</dict>
</dict>
<key>shadow</key>
@@ -430,31 +547,69 @@ void makeRequest(Event e) \{\
<dict>
<key>Align</key>
<integer>0</integer>
- <key>Pad</key>
- <integer>2</integer>
<key>Text</key>
<string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
-\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
+\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
-\f0\fs24 \cf0 HTTP method type: GET}</string>
- <key>VerticalPad</key>
- <integer>2</integer>
+\f0\fs24 \cf0 Define, implement, and instantiate Polymer element by name}</string>
+ </dict>
+ </dict>
+ <dict>
+ <key>Class</key>
+ <string>LineGraphic</string>
+ <key>Head</key>
+ <dict>
+ <key>ID</key>
+ <integer>34151</integer>
+ </dict>
+ <key>ID</key>
+ <integer>34207</integer>
+ <key>Points</key>
+ <array>
+ <string>{381, 102.56462376953451}</string>
+ <string>{432.00000000000011, 103}</string>
+ </array>
+ <key>Style</key>
+ <dict>
+ <key>stroke</key>
+ <dict>
+ <key>Color</key>
+ <dict>
+ <key>b</key>
+ <string>0.843326</string>
+ <key>g</key>
+ <string>1</string>
+ <key>r</key>
+ <string>0.588465</string>
+ </dict>
+ <key>HeadArrow</key>
+ <string>0</string>
+ <key>Legacy</key>
+ <true/>
+ <key>TailArrow</key>
+ <string>FilledArrow</string>
+ <key>Width</key>
+ <real>3</real>
+ </dict>
+ </dict>
+ <key>Tail</key>
+ <dict>
+ <key>ID</key>
+ <integer>34202</integer>
</dict>
</dict>
<dict>
<key>Bounds</key>
- <string>{{127.7945556640625, 225.03305053710938}, {33, 14}}</string>
+ <string>{{49, 207}, {238, 15}}</string>
<key>Class</key>
<string>ShapedGraphic</string>
<key>ID</key>
- <integer>34203</integer>
+ <integer>34206</integer>
<key>Magnets</key>
<array>
- <string>{0.38387096774193563, -0.25}</string>
- <string>{0, 0.25}</string>
- <string>{0, -0.25000000000000355}</string>
+ <string>{0.5, 0}</string>
</array>
<key>Shape</key>
<string>Rectangle</string>
@@ -465,11 +620,11 @@ void makeRequest(Event e) \{\
<key>Color</key>
<dict>
<key>b</key>
- <string>0.909179</string>
+ <string>1</string>
<key>g</key>
- <string>0.755853</string>
+ <string>0.860429</string>
<key>r</key>
- <string>1</string>
+ <string>0.745947</string>
</dict>
</dict>
<key>shadow</key>
@@ -483,33 +638,34 @@ void makeRequest(Event e) \{\
<string>NO</string>
</dict>
</dict>
+ <key>Text</key>
+ <dict>
+ <key>Align</key>
+ <integer>2</integer>
+ </dict>
</dict>
<dict>
<key>Bounds</key>
- <string>{{58.698638916015625, 89.033050537109375}, {120, 20}}</string>
+ <string>{{49, 79}, {346, 18}}</string>
<key>Class</key>
<string>ShapedGraphic</string>
- <key>FitText</key>
- <string>YES</string>
- <key>Flow</key>
- <string>Resize</string>
- <key>FontInfo</key>
- <dict>
- <key>Font</key>
- <string>HelveticaNeue-Bold</string>
- <key>Size</key>
- <real>13</real>
- </dict>
<key>ID</key>
- <integer>34151</integer>
+ <integer>34205</integer>
<key>Shape</key>
<string>Rectangle</string>
<key>Style</key>
<dict>
<key>fill</key>
<dict>
- <key>Draws</key>
- <string>NO</string>
+ <key>Color</key>
+ <dict>
+ <key>b</key>
+ <string>0.604698</string>
+ <key>g</key>
+ <string>0.928911</string>
+ <key>r</key>
+ <string>1</string>
+ </dict>
</dict>
<key>shadow</key>
<dict>
@@ -525,89 +681,112 @@ void makeRequest(Event e) \{\
<key>Text</key>
<dict>
<key>Align</key>
- <integer>0</integer>
- <key>Pad</key>
- <integer>2</integer>
- <key>Text</key>
- <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
-\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
-{\colortbl;\red255\green255\blue255;}
-\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
-
-\f0\b\fs26 \cf0 portmanteaux.dart}</string>
- <key>VerticalPad</key>
<integer>2</integer>
</dict>
- <key>Wrap</key>
- <string>NO</string>
</dict>
<dict>
+ <key>Bounds</key>
+ <string>{{202, 334}, {142, 18}}</string>
<key>Class</key>
- <string>LineGraphic</string>
- <key>Head</key>
- <dict>
- <key>ID</key>
- <integer>34171</integer>
- </dict>
+ <string>ShapedGraphic</string>
<key>ID</key>
- <integer>34196</integer>
- <key>Points</key>
- <array>
- <string>{304.69863891601562, 383.28305053710938}</string>
- <string>{339.69863891601562, 383.28305053710938}</string>
- <string>{339.99211586378311, 253}</string>
- </array>
+ <integer>34155</integer>
+ <key>Shape</key>
+ <string>Rectangle</string>
<key>Style</key>
<dict>
+ <key>fill</key>
+ <dict>
+ <key>Color</key>
+ <dict>
+ <key>b</key>
+ <string>0.604698</string>
+ <key>g</key>
+ <string>0.928911</string>
+ <key>r</key>
+ <string>1</string>
+ </dict>
+ </dict>
+ <key>shadow</key>
+ <dict>
+ <key>Draws</key>
+ <string>NO</string>
+ </dict>
<key>stroke</key>
<dict>
- <key>HeadArrow</key>
- <string>FilledArrow</string>
- <key>Legacy</key>
- <true/>
- <key>TailArrow</key>
- <string>0</string>
+ <key>Draws</key>
+ <string>NO</string>
</dict>
</dict>
- <key>Tail</key>
+ <key>Text</key>
<dict>
- <key>ID</key>
- <integer>34192</integer>
+ <key>Align</key>
+ <integer>0</integer>
+ <key>Text</key>
+ <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
+\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
+{\colortbl;\red255\green255\blue255;}
+\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
+
+\f0\fs24 \cf0 Polymer bootstrap script}</string>
</dict>
</dict>
<dict>
+ <key>Bounds</key>
+ <string>{{15, 0}, {69, 20}}</string>
<key>Class</key>
- <string>LineGraphic</string>
- <key>Head</key>
+ <string>ShapedGraphic</string>
+ <key>FitText</key>
+ <string>YES</string>
+ <key>Flow</key>
+ <string>Resize</string>
+ <key>FontInfo</key>
<dict>
- <key>ID</key>
- <integer>34190</integer>
+ <key>Font</key>
+ <string>HelveticaNeue-Bold</string>
+ <key>Size</key>
+ <real>13</real>
</dict>
<key>ID</key>
- <integer>34195</integer>
- <key>Points</key>
- <array>
- <string>{148.69863891601562, 362.1104276050321}</string>
- <string>{189, 362}</string>
- <string>{188.42974035572067, 239.03305053710938}</string>
- </array>
+ <integer>34201</integer>
+ <key>Shape</key>
+ <string>Rectangle</string>
<key>Style</key>
<dict>
+ <key>fill</key>
+ <dict>
+ <key>Draws</key>
+ <string>NO</string>
+ </dict>
+ <key>shadow</key>
+ <dict>
+ <key>Draws</key>
+ <string>NO</string>
+ </dict>
<key>stroke</key>
<dict>
- <key>HeadArrow</key>
- <string>FilledArrow</string>
- <key>Legacy</key>
- <true/>
- <key>TailArrow</key>
- <string>0</string>
+ <key>Draws</key>
+ <string>NO</string>
</dict>
</dict>
- <key>Tail</key>
+ <key>Text</key>
<dict>
- <key>ID</key>
- <integer>34191</integer>
+ <key>Align</key>
+ <integer>0</integer>
+ <key>Pad</key>
+ <integer>2</integer>
+ <key>Text</key>
+ <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
+\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
+{\colortbl;\red255\green255\blue255;}
+\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
+
+\f0\b\fs26 \cf0 index.html}</string>
+ <key>VerticalPad</key>
+ <integer>2</integer>
</dict>
+ <key>Wrap</key>
+ <string>NO</string>
</dict>
<dict>
<key>Class</key>
@@ -615,55 +794,55 @@ void makeRequest(Event e) \{\
<key>Head</key>
<dict>
<key>ID</key>
- <integer>34170</integer>
+ <integer>34182</integer>
</dict>
<key>ID</key>
- <integer>34194</integer>
+ <integer>34198</integer>
<key>Points</key>
<array>
- <string>{36, 310.40805053710938}</string>
- <string>{36, 207}</string>
- <string>{76.698638916015625, 207.2383674346064}</string>
+ <string>{442.18428659425587, 303}</string>
+ <string>{512.87957873232358, 230}</string>
</array>
<key>Style</key>
<dict>
<key>stroke</key>
<dict>
+ <key>Color</key>
+ <dict>
+ <key>b</key>
+ <string>0.909179</string>
+ <key>g</key>
+ <string>0.755853</string>
+ <key>r</key>
+ <string>1</string>
+ </dict>
<key>HeadArrow</key>
<string>FilledArrow</string>
<key>Legacy</key>
<true/>
<key>TailArrow</key>
<string>0</string>
+ <key>Width</key>
+ <real>3</real>
</dict>
</dict>
<key>Tail</key>
<dict>
<key>ID</key>
- <integer>34193</integer>
+ <integer>34153</integer>
</dict>
</dict>
<dict>
<key>Bounds</key>
- <string>{{22.698638916015625, 310.40805053710938}, {110.589111328125, 19}}</string>
+ <string>{{507, 215}, {182, 15}}</string>
<key>Class</key>
<string>ShapedGraphic</string>
- <key>FitText</key>
- <string>Vertical</string>
- <key>Flow</key>
- <string>Resize</string>
- <key>FontInfo</key>
- <dict>
- <key>Font</key>
- <string>HelveticaNeue</string>
- <key>Size</key>
- <real>12</real>
- </dict>
<key>ID</key>
- <integer>34193</integer>
+ <integer>34182</integer>
<key>Magnets</key>
<array>
- <string>{-0.37972268766571077, 0}</string>
+ <string>{-0.43046357615894015, 0.033333333333333215}</string>
+ <string>{0.038461538461538769, 0.25}</string>
</array>
<key>Shape</key>
<string>Rectangle</string>
@@ -674,11 +853,11 @@ void makeRequest(Event e) \{\
<key>Color</key>
<dict>
<key>b</key>
- <string>1</string>
+ <string>0.909179</string>
<key>g</key>
- <string>0.860429</string>
+ <string>0.755853</string>
<key>r</key>
- <string>0.745947</string>
+ <string>1</string>
</dict>
</dict>
<key>shadow</key>
@@ -695,38 +874,27 @@ void makeRequest(Event e) \{\
<key>Text</key>
<dict>
<key>Align</key>
- <integer>0</integer>
- <key>Pad</key>
- <integer>2</integer>
- <key>Text</key>
- <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
-\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
-{\colortbl;\red255\green255\blue255;}
-\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
-
-\f0\fs24 \cf0 HttpRequest object}</string>
- <key>VerticalPad</key>
<integer>2</integer>
</dict>
</dict>
<dict>
<key>Bounds</key>
- <string>{{22.698638916015625, 373.78305053710938}, {282, 19}}</string>
+ <string>{{368, 303}, {129, 20}}</string>
<key>Class</key>
<string>ShapedGraphic</string>
<key>FitText</key>
- <string>Vertical</string>
+ <string>YES</string>
<key>Flow</key>
<string>Resize</string>
<key>FontInfo</key>
<dict>
<key>Font</key>
- <string>HelveticaNeue</string>
+ <string>HelveticaNeue-Bold</string>
<key>Size</key>
- <real>12</real>
+ <real>13</real>
</dict>
<key>ID</key>
- <integer>34192</integer>
+ <integer>34153</integer>
<key>Shape</key>
<string>Rectangle</string>
<key>Style</key>
@@ -736,11 +904,11 @@ void makeRequest(Event e) \{\
<key>Color</key>
<dict>
<key>b</key>
- <string>1</string>
+ <string>0.909179</string>
<key>g</key>
- <string>0.780106</string>
+ <string>0.755853</string>
<key>r</key>
- <string>0.753377</string>
+ <string>1</string>
</dict>
</dict>
<key>shadow</key>
@@ -766,29 +934,35 @@ void makeRequest(Event e) \{\
{\colortbl;\red255\green255\blue255;}
\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
-\f0\fs24 \cf0 Callback function, called when request completes}</string>
+\f0\b\fs26 \cf0 tute_stopwatch.dart}</string>
<key>VerticalPad</key>
<integer>2</integer>
</dict>
+ <key>Wrap</key>
+ <string>NO</string>
</dict>
<dict>
<key>Bounds</key>
- <string>{{22.698638916015625, 352.78305053710938}, {126, 19}}</string>
+ <string>{{432, 93}, {132, 20}}</string>
<key>Class</key>
<string>ShapedGraphic</string>
<key>FitText</key>
- <string>Vertical</string>
+ <string>YES</string>
<key>Flow</key>
<string>Resize</string>
<key>FontInfo</key>
<dict>
<key>Font</key>
- <string>HelveticaNeue</string>
+ <string>HelveticaNeue-Bold</string>
<key>Size</key>
- <real>12</real>
+ <real>13</real>
</dict>
<key>ID</key>
- <integer>34191</integer>
+ <integer>34151</integer>
+ <key>Magnets</key>
+ <array>
+ <string>{-0.49999999999999911, 2.2204460492503131e-16}</string>
+ </array>
<key>Shape</key>
<string>Rectangle</string>
<key>Style</key>
@@ -828,22 +1002,23 @@ void makeRequest(Event e) \{\
{\colortbl;\red255\green255\blue255;}
\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
-\f0\fs24 \cf0 String containing URI}</string>
+\f0\b\fs26 \cf0 tute_stopwatch.html}</string>
<key>VerticalPad</key>
<integer>2</integer>
</dict>
+ <key>Wrap</key>
+ <string>NO</string>
</dict>
<dict>
<key>Bounds</key>
- <string>{{215, 239}, {250, 14}}</string>
+ <string>{{374, 381.99999809265137}, {207, 15}}</string>
<key>Class</key>
<string>ShapedGraphic</string>
<key>ID</key>
- <integer>34171</integer>
+ <integer>34180</integer>
<key>Magnets</key>
<array>
- <string>{0.38387096774193563, -0.25}</string>
- <string>{0, 0.25}</string>
+ <string>{-0.40821256038647347, 0}</string>
</array>
<key>Shape</key>
<string>Rectangle</string>
@@ -856,9 +1031,9 @@ void makeRequest(Event e) \{\
<key>b</key>
<string>1</string>
<key>g</key>
- <string>0.780106</string>
+ <string>0.860429</string>
<key>r</key>
- <string>0.753377</string>
+ <string>0.745947</string>
</dict>
</dict>
<key>shadow</key>
@@ -872,19 +1047,22 @@ void makeRequest(Event e) \{\
<string>NO</string>
</dict>
</dict>
+ <key>Text</key>
+ <dict>
+ <key>Align</key>
+ <integer>2</integer>
+ </dict>
</dict>
<dict>
<key>Bounds</key>
- <string>{{177.39727783203125, 225.03305053710938}, {28, 14}}</string>
+ <string>{{436, 118}, {281, 15}}</string>
<key>Class</key>
<string>ShapedGraphic</string>
<key>ID</key>
- <integer>34190</integer>
+ <integer>34179</integer>
<key>Magnets</key>
<array>
- <string>{0.38387096774193563, -0.25}</string>
- <string>{-0.39130434782608692, -0.25}</string>
- <string>{-0.10714285714285765, -1.7763568394002505e-15}</string>
+ <string>{-0.46797153024911031, 0.25}</string>
</array>
<key>Shape</key>
<string>Rectangle</string>
@@ -895,11 +1073,11 @@ void makeRequest(Event e) \{\
<key>Color</key>
<dict>
<key>b</key>
- <string>0.843326</string>
- <key>g</key>
<string>1</string>
+ <key>g</key>
+ <string>0.860429</string>
<key>r</key>
- <string>0.588465</string>
+ <string>0.745947</string>
</dict>
</dict>
<key>shadow</key>
@@ -913,18 +1091,23 @@ void makeRequest(Event e) \{\
<string>NO</string>
</dict>
</dict>
+ <key>Text</key>
+ <dict>
+ <key>Align</key>
+ <integer>2</integer>
+ </dict>
</dict>
<dict>
<key>Bounds</key>
- <string>{{59.698638916015625, 168.28305053710938}, {419, 97.5}}</string>
+ <string>{{49, 95}, {332, 15}}</string>
<key>Class</key>
<string>ShapedGraphic</string>
<key>ID</key>
- <integer>34155</integer>
+ <integer>34202</integer>
<key>Magnets</key>
<array>
- <string>{0.38387096774193563, -0.25}</string>
- <string>{-0.39130434782608692, -0.25}</string>
+ <string>{-0.43046357615894015, 0.033333333333333215}</string>
+ <string>{0.47719869706840401, 0}</string>
</array>
<key>Shape</key>
<string>Rectangle</string>
@@ -935,11 +1118,11 @@ void makeRequest(Event e) \{\
<key>Color</key>
<dict>
<key>b</key>
- <string>0.604698</string>
+ <string>0.843326</string>
<key>g</key>
- <string>0.928911</string>
- <key>r</key>
<string>1</string>
+ <key>r</key>
+ <string>0.588465</string>
</dict>
</dict>
<key>shadow</key>
@@ -953,168 +1136,11 @@ void makeRequest(Event e) \{\
<string>NO</string>
</dict>
</dict>
- </dict>
- <dict>
- <key>Bounds</key>
- <string>{{23, 35}, {245, 22}}</string>
- <key>Class</key>
- <string>ShapedGraphic</string>
- <key>FitText</key>
- <string>YES</string>
- <key>Flow</key>
- <string>Resize</string>
- <key>FontInfo</key>
- <dict>
- <key>Color</key>
- <dict>
- <key>b</key>
- <string>0</string>
- <key>g</key>
- <string>0</string>
- <key>r</key>
- <string>0.501961</string>
- </dict>
- <key>Font</key>
- <string>HelveticaNeue-BoldItalic</string>
- <key>Size</key>
- <real>14</real>
- </dict>
- <key>ID</key>
- <integer>64</integer>
- <key>Shape</key>
- <string>Rectangle</string>
- <key>Style</key>
- <dict>
- <key>fill</key>
- <dict>
- <key>Draws</key>
- <string>NO</string>
- </dict>
- <key>shadow</key>
- <dict>
- <key>Draws</key>
- <string>NO</string>
- </dict>
- <key>stroke</key>
- <dict>
- <key>Draws</key>
- <string>NO</string>
- </dict>
- </dict>
- <key>Text</key>
- <dict>
- <key>Align</key>
- <integer>0</integer>
- <key>Pad</key>
- <integer>2</integer>
- <key>Text</key>
- <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
-\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
-{\colortbl;\red255\green255\blue255;\red128\green0\blue0;}
-\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
-
-\f0\i\b\fs28 \cf2 Uses portmanteaux-screenshot.png}</string>
- <key>VerticalPad</key>
- <integer>2</integer>
- </dict>
- <key>Wrap</key>
- <string>NO</string>
- </dict>
- <dict>
- <key>Bounds</key>
- <string>{{23, 13}, {419, 22}}</string>
- <key>Class</key>
- <string>ShapedGraphic</string>
- <key>FitText</key>
- <string>YES</string>
- <key>Flow</key>
- <string>Resize</string>
- <key>FontInfo</key>
- <dict>
- <key>Color</key>
- <dict>
- <key>b</key>
- <string>0</string>
- <key>g</key>
- <string>0</string>
- <key>r</key>
- <string>0.501961</string>
- </dict>
- <key>Font</key>
- <string>HelveticaNeue-BoldItalic</string>
- <key>Size</key>
- <real>14</real>
- </dict>
- <key>ID</key>
- <integer>34169</integer>
- <key>Shape</key>
- <string>Rectangle</string>
- <key>Style</key>
- <dict>
- <key>fill</key>
- <dict>
- <key>Draws</key>
- <string>NO</string>
- </dict>
- <key>shadow</key>
- <dict>
- <key>Draws</key>
- <string>NO</string>
- </dict>
- <key>stroke</key>
- <dict>
- <key>Draws</key>
- <string>NO</string>
- </dict>
- </dict>
<key>Text</key>
<dict>
<key>Align</key>
- <integer>0</integer>
- <key>Pad</key>
- <integer>2</integer>
- <key>Text</key>
- <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
-\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
-{\colortbl;\red255\green255\blue255;\red128\green0\blue0;}
-\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
-
-\f0\i\b\fs28 \cf2 Save to $tutorial/httprequest/images/portmanteaux-code.png}</string>
- <key>VerticalPad</key>
<integer>2</integer>
</dict>
- <key>Wrap</key>
- <string>NO</string>
- </dict>
- <dict>
- <key>Bounds</key>
- <string>{{566, 40.473434448242188}, {228, 222}}</string>
- <key>Class</key>
- <string>ShapedGraphic</string>
- <key>ID</key>
- <integer>34208</integer>
- <key>ImageID</key>
- <integer>3</integer>
- <key>Shape</key>
- <string>Rectangle</string>
- <key>Style</key>
- <dict>
- <key>fill</key>
- <dict>
- <key>Draws</key>
- <string>NO</string>
- </dict>
- <key>shadow</key>
- <dict>
- <key>Draws</key>
- <string>NO</string>
- </dict>
- <key>stroke</key>
- <dict>
- <key>Draws</key>
- <string>NO</string>
- </dict>
- </dict>
</dict>
</array>
<key>GridInfo</key>
@@ -1126,17 +1152,7 @@ void makeRequest(Event e) \{\
<key>HPages</key>
<integer>2</integer>
<key>ImageCounter</key>
- <integer>4</integer>
- <key>ImageLinkBack</key>
- <array>
- <dict/>
- <dict/>
- </array>
- <key>ImageList</key>
- <array>
- <string>image3.png</string>
- <string>image2.png</string>
- </array>
+ <integer>1</integer>
<key>KeepToScale</key>
<false/>
<key>Layers</key>
@@ -1174,7 +1190,7 @@ void makeRequest(Event e) \{\
<key>MasterSheets</key>
<array/>
<key>ModificationDate</key>
- <string>2013-08-05 16:55:43 +0000</string>
+ <string>2013-09-19 23:26:43 +0000</string>
<key>Modifier</key>
<string>Mary Campione</string>
<key>NotesVisible</key>
@@ -1212,16 +1228,6 @@ void makeRequest(Event e) \{\
<string>int</string>
<string>0</string>
</array>
- <key>NSPrinter</key>
- <array>
- <string>coded</string>
- <string>BAtzdHJlYW10eXBlZIHoA4QBQISEhAlOU1ByaW50ZXIAhIQITlNPYmplY3QAhZKEhIQITlNTdHJpbmcBlIQBKxxnaWFudHMtY29sb3IuY29ycC5nb29nbGUuY29thoY=</string>
- </array>
- <key>NSPrinterName</key>
- <array>
- <string>string</string>
- <string>giants-color.corp.google.com</string>
- </array>
<key>NSRightMargin</key>
<array>
<string>float</string>
@@ -1265,7 +1271,7 @@ void makeRequest(Event e) \{\
</dict>
</array>
<key>Frame</key>
- <string>{{823, 588}, {891, 990}}</string>
+ <string>{{68, 478}, {1430, 1040}}</string>
<key>ListView</key>
<true/>
<key>OutlineWidth</key>
@@ -1279,7 +1285,7 @@ void makeRequest(Event e) \{\
<key>SidebarWidth</key>
<integer>120</integer>
<key>VisibleRegion</key>
- <string>{{0, -51}, {734, 836}}</string>
+ <string>{{-61, -84}, {1273, 901}}</string>
<key>Zoom</key>
<real>1</real>
<key>ZoomValues</key>
« no previous file with comments | « src/diagrams/tutorials/polymer/click-handler.graffle/image2.png ('k') | src/diagrams/tutorials/polymer/css-styling.graffle/data.plist » ('j') | src/site/docs/tutorials/polymer/index.markdown » ('J')

Powered by Google App Engine
This is Rietveld 408576698