src/diagrams/tutorials/polymer-intro/one-way-data-binding.graffle/data.plist - Issue 24269013: first draft of polymer element tutorial

Unified Diff: src/diagrams/tutorials/polymer-intro/one-way-data-binding.graffle/data.plist

Issue 24269013: first draft of polymer element tutorial (Closed) Base URL: https://github.com/dart-lang/dartlang.org.git@master

Patch Set: Created 7 years, 2 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-intro/dom-screenshot.png ('k') | src/diagrams/tutorials/polymer-intro/one-way-data-binding.graffle/image2.png » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: src/diagrams/tutorials/polymer-intro/one-way-data-binding.graffle/data.plist

diff --git a/src/diagrams/tutorials/indexeddb/milestoneclass.graffle/data.plist b/src/diagrams/tutorials/polymer-intro/one-way-data-binding.graffle/data.plist

similarity index 79%

copy from src/diagrams/tutorials/indexeddb/milestoneclass.graffle/data.plist

copy to src/diagrams/tutorials/polymer-intro/one-way-data-binding.graffle/data.plist

index a8928f1165f5fa9aa6421dc67b1fffa016ca7d59..b30c3528f314e61c40febfbf670fda2c421f4039 100644

--- a/src/diagrams/tutorials/indexeddb/milestoneclass.graffle/data.plist

+++ b/src/diagrams/tutorials/polymer-intro/one-way-data-binding.graffle/data.plist

@@ -7,7 +7,7 @@

<key>ApplicationVersion</key>

<array>

<string>com.omnigroup.OmniGrafflePro</string>

- <string>139.17.0.185490</string>

+ <string>139.18.0.187838</string>

</array>

<key>AutoAdjust</key>

<true/>

@@ -42,7 +42,7 @@

<key>ColumnSpacing</key>

<key>CreationDate</key>

- <string>2013-06-07 15:56:38 +0000</string>

+ <string>2013-09-16 22:57:59 +0000</string>

<key>Creator</key>

<string>Mary Campione</string>

<key>DisplayScale</key>

@@ -53,7 +53,7 @@

<array>

<dict>

<key>Bounds</key>

- <string>{{46, 430}, {226, 22}}</string>

+ <string>{{53, 594}, {221, 22}}</string>

<key>Class</key>

<string>ShapedGraphic</string>

<key>FitText</key>

@@ -77,7 +77,7 @@

</dict>

- <integer>34173</integer>

+ <integer>64</integer>

<key>Shape</key>

<string>Rectangle</string>

<key>Style</key>

@@ -110,7 +110,7 @@

{\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 countdown-screenshot.png}</string>

+\f0\i\b\fs28 \cf2 Uses stopwatch-screenshot.png}</string>

<key>VerticalPad</key>

</dict>

@@ -119,7 +119,7 @@

</dict>

<dict>

<key>Bounds</key>

- <string>{{46, 398}, {377, 22}}</string>

+ <string>{{53, 572}, {410, 22}}</string>

<key>Class</key>

<string>ShapedGraphic</string>

<key>FitText</key>

@@ -143,7 +143,7 @@

</dict>

- <integer>34171</integer>

+ <integer>63</integer>

<key>Shape</key>

<string>Rectangle</string>

<key>Style</key>

@@ -176,7 +176,7 @@

{\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/indexeddb/images/milestoneclass.png}</string>

+\f0\i\b\fs28 \cf2 Save to $tutorial/polymer/images/one-way-data-binding.png}</string>

<key>VerticalPad</key>

</dict>

@@ -184,8 +184,122 @@

</dict>

<dict>

+ <key>Class</key>

+ <string>LineGraphic</string>

+ <key>Head</key>

+ <dict>

+ <key>ID</key>

+ <integer>34220</integer>

+ </dict>

+ <key>ID</key>

+ <integer>34219</integer>

+ <key>Points</key>

+ <array>

+ <string>{185, 186.28030303030303}</string>

+ <string>{301.5, 230.8965265399089}</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>

+ </dict>

+ <key>Tail</key>

+ <dict>

+ <key>ID</key>

+ <integer>34218</integer>

+ </dict>

+ <dict>

+ <key>Bounds</key>

+ <string>{{301.5, 225}, {73, 26.5}}</string>

+ <key>Class</key>

+ <string>ShapedGraphic</string>

+ <key>ID</key>

+ <integer>34220</integer>

+ <key>Magnets</key>

+ <array>

+ <string>{0.38387096774193563, -0.25}</string>

+ <string>{0, 0.25}</string>

+ </array>

+ <key>Shape</key>

+ <string>Rectangle</string>

+ <key>Style</key>

+ <dict>

+ <key>fill</key>

+ <dict>

+ <key>Color</key>

+ <dict>

+ <key>a</key>

+ <string>0.5</string>

+ <key>b</key>

+ <string>0.909179</string>

+ <key>g</key>

+ <string>0.755853</string>

+ <key>r</key>

+ <string>1</string>

+ </dict>

+ <key>shadow</key>

+ <dict>

+ <key>Draws</key>

+ <string>NO</string>

+ </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>Width</key>

+ <real>3</real>

+ </dict>

+ <dict>

+ <key>Bounds</key>

+ <string>{{247, 209}, {182, 84}}</string>

+ <key>Class</key>

+ <string>ShapedGraphic</string>

+ <key>ID</key>

+ <integer>34221</integer>

+ <key>ImageID</key>

+ <integer>2</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>Bounds</key>

- <string>{{13, 192}, {407, 150}}</string>

+ <string>{{41, 317}, {479, 178}}</string>

<key>Class</key>

<string>ShapedGraphic</string>

<key>FitText</key>

@@ -200,7 +314,7 @@

</dict>

- <integer>4</integer>

+ <integer>34212</integer>

<key>Shape</key>

<string>Rectangle</string>

<key>Style</key>

@@ -232,85 +346,85 @@

\deftab720

\pard\pardeftab720

-\f0\fs24 \cf0 @observable class Milestone \{\

- String name;\

- String dateAndTime;\

- String display;\

- \

- Milestone(this.name, this.dateAndTime, this.display);\

- String toString() => this.name + ' '\

- + this.dateAndTime + ' '\

- + this.display;\

+\f0\fs24 \cf0 @CustomTag('tute-stopwatch')\

+class TuteStopwatch extends PolymerElement with ObservableMixin \{\

+ @observable String counter = '00:00';\

+ void updateTime(Timer _) \{\

+ ...\

+ counter = '$minute:$second';\

+ \}\

+...\

\}}</string>

</dict>

</dict>

<dict>

+ <key>Bounds</key>

+ <string>{{41, 118}, {291, 164}}</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>34191</integer>

+ <key>Font</key>

+ <string>HelveticaNeue</string>

+ <key>Size</key>

+ <real>13</real>

</dict>

- <integer>34195</integer>

- <key>Points</key>

- <array>

- <string>{134.2008310807002, 238}</string>

- <string>{236.48710831698099, 158}</string>

- </array>

+ <integer>34216</integer>

+ <key>Shape</key>

+ <string>Rectangle</string>

<key>Style</key>

<dict>

- <key>stroke</key>

+ <key>fill</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>

+ <key>shadow</key>

+ <dict>

+ <key>Draws</key>

+ <string>NO</string>

</dict>

- </dict>

- <key>Tail</key>

- <dict>

- <key>ID</key>

- <integer>34188</integer>

- </dict>

- <dict>

- <key>Class</key>

- <string>LineGraphic</string>

- <key>Head</key>

- <dict>

- <key>ID</key>

- <integer>34148</integer>

- </dict>

- <key>ID</key>

- <integer>34194</integer>

- <key>Points</key>

- <array>

- <string>{127.08571428571427, 224}</string>

- <string>{188.46530612244896, 121}</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>

- <key>Tail</key>

+ <key>Text</key>

<dict>

- <key>ID</key>

- <integer>34155</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 <polymer-element name="tute-stopwatch">\

+ <template>\

+ <div>\

+ \{\{counter\}\}\

+ </div>\

+ ...\

+ </div>\

+ </template>\

+...\

+</polymer-element>}</string>

</dict>

+ <key>Wrap</key>

+ <string>NO</string>

</dict>

<dict>

<key>Class</key>

@@ -318,14 +432,14 @@

<dict>

- <integer>34192</integer>

+ <integer>34218</integer>

</dict>

- <integer>34193</integer>

+ <integer>34198</integer>

<key>Points</key>

<array>

- <string>{56.40625, 210}</string>

- <string>{67.928571428571431, 121}</string>

+ <string>{284.19665639724542, 364}</string>

+ <string>{142.5, 189.5}</string>

</array>

<key>Style</key>

<dict>

@@ -347,97 +461,15 @@

</dict>

<dict>

<key>Bounds</key>

- <string>{{51.5, 89}, {126.5, 32}}</string>

- <key>Class</key>

- <string>ShapedGraphic</string>

- <key>ID</key>

- <integer>34192</integer>

- <key>Magnets</key>

- <array>

- <string>{-0.35375494071146252, 0}</string>

- </array>

- <key>Shape</key>

- <string>Rectangle</string>

- <key>Style</key>

- <dict>

- <key>fill</key>

- <dict>

- <key>Color</key>

- <dict>

- <key>a</key>

- <string>0.39</string>

- <key>b</key>

- <string>0.956946</string>

- <key>g</key>

- <string>0.334937</string>

- <key>r</key>

- <string>1</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>Bounds</key>

- <string>{{87, 126}, {437, 32}}</string>

- <key>Class</key>

- <string>ShapedGraphic</string>

- <key>ID</key>

- <integer>34191</integer>

- <key>Magnets</key>

- <array>

- <string>{-0.064044943820224631, 0}</string>

- <string>{-0.13451776649746205, 0.25}</string>

- </array>

- <key>Shape</key>

- <string>Rectangle</string>

- <key>Style</key>

- <dict>

- <key>fill</key>

- <dict>

- <key>Color</key>

- <dict>

- <key>a</key>

- <string>0.39</string>

- <key>b</key>

- <string>1</string>

- <key>g</key>

- <string>0.647405</string>

- <key>r</key>

- <string>0.626899</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>Bounds</key>

- <string>{{180, 89}, {254, 32}}</string>

+ <string>{{100, 179}, {85, 14}}</string>

<key>Class</key>

<string>ShapedGraphic</string>

- <integer>34148</integer>

+ <integer>34218</integer>

<key>Magnets</key>

<array>

- <string>{-0.42913385826771666, 0}</string>

+ <string>{0.38387096774193563, -0.25}</string>

+ <string>{0, 0.25}</string>

</array>

<key>Shape</key>

<string>Rectangle</string>

@@ -447,12 +479,10 @@

<dict>

<key>Color</key>

<dict>

- <key>a</key>

- <string>0.39</string>

- <string>0.160477</string>

+ <string>0.909179</string>

- <string>0.655234</string>

+ <string>0.755853</string>

</dict>

@@ -471,15 +501,15 @@

</dict>

<dict>

<key>Bounds</key>

- <string>{{32.5, 238}, {110, 14}}</string>

+ <string>{{75, 420}, {203, 14}}</string>

<key>Class</key>

<string>ShapedGraphic</string>

- <integer>34188</integer>

+ <integer>34217</integer>

<key>Magnets</key>

<array>

- <string>{-0.39130434782608692, -0.25}</string>

+ <string>{0, 0.25}</string>

</array>

<key>Shape</key>

<string>Rectangle</string>

@@ -490,11 +520,11 @@

<key>Color</key>

<dict>

- <string>1</string>

+ <string>0.909179</string>

- <string>0.780106</string>

+ <string>0.755853</string>

- <string>0.753377</string>

+ <string>1</string>

</dict>

<key>shadow</key>

@@ -511,16 +541,15 @@

</dict>

<dict>

<key>Bounds</key>

- <string>{{32.5, 224}, {139.5, 14}}</string>

+ <string>{{59, 364}, {258, 14}}</string>

<key>Class</key>

<string>ShapedGraphic</string>

- <integer>34155</integer>

+ <integer>34165</integer>

<key>Magnets</key>

<array>

- <string>{-0.39130434782608692, -0.25}</string>

- <string>{0.1630824372759857, -0.25000000000000178}</string>

+ <string>{0, 0.25}</string>

</array>

<key>Shape</key>

<string>Rectangle</string>

@@ -531,9 +560,9 @@

<key>Color</key>

<dict>

- <string>0.604698</string>

+ <string>0.909179</string>

- <string>0.928911</string>

+ <string>0.755853</string>

</dict>

@@ -552,7 +581,7 @@

</dict>

<dict>

<key>Bounds</key>

- <string>{{13, 172}, {110, 20}}</string>

+ <string>{{41, 297}, {129, 20}}</string>

<key>Class</key>

<string>ShapedGraphic</string>

<key>FitText</key>

@@ -567,7 +596,7 @@

</dict>

- <integer>34151</integer>

+ <integer>34207</integer>

<key>Shape</key>

<string>Rectangle</string>

<key>Style</key>

@@ -600,7 +629,7 @@

{\colortbl;\red255\green255\blue255;}

\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural

-\f0\b\fs26 \cf0 xcountdown.dart}</string>

+\f0\b\fs26 \cf0 tute_stopwatch.dart}</string>

<key>VerticalPad</key>

</dict>

@@ -609,13 +638,22 @@

</dict>

<dict>

<key>Bounds</key>

- <string>{{44, 19}, {515, 146}}</string>

+ <string>{{41, 98}, {132, 20}}</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>

- <integer>34196</integer>

- <key>ImageID</key>

- <integer>2</integer>

+ <integer>34213</integer>

<key>Shape</key>

<string>Rectangle</string>

<key>Style</key>

@@ -636,45 +674,24 @@

</dict>

- </dict>

- <dict>

- <key>Bounds</key>

- <string>{{32.5, 210}, {92, 14}}</string>

- <key>Class</key>

- <string>ShapedGraphic</string>

- <key>ID</key>

- <integer>34165</integer>

- <key>Magnets</key>

- <array>

- <string>{-0.25, 0}</string>

- </array>

- <key>Shape</key>

- <string>Rectangle</string>

- <key>Style</key>

+ <key>Text</key>

<dict>

- <key>fill</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>shadow</key>

- <dict>

- <key>Draws</key>

- <string>NO</string>

- </dict>

- <key>stroke</key>

- <dict>

- <key>Draws</key>

- <string>NO</string>

- </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 tute_stopwatch.html}</string>

+ <key>VerticalPad</key>

+ <integer>2</integer>

</dict>

+ <key>Wrap</key>

+ <string>NO</string>

</dict>

</array>

<key>GridInfo</key>

@@ -732,7 +749,7 @@

<key>MasterSheets</key>

<key>ModificationDate</key>

- <string>2013-06-13 21:11:24 +0000</string>

+ <string>2013-10-03 16:51:23 +0000</string>

<key>Modifier</key>

<string>Mary Campione</string>

<key>NotesVisible</key>

@@ -813,7 +830,7 @@

</dict>

</array>

<key>Frame</key>

- <string>{{247, 244}, {882, 934}}</string>

+ <string>{{639, 181}, {993, 1208}}</string>

<key>ListView</key>

<true/>

<key>OutlineWidth</key>

@@ -827,7 +844,7 @@

<key>SidebarWidth</key>

<key>VisibleRegion</key>

- <string>{{-75, -31}, {725, 795}}</string>

+ <string>{{-130, -168}, {836, 1069}}</string>

<key>ZoomValues</key>