src/diagrams/tutorials/polymer/unused/unused1.graffle - Issue 24269013: first draft of polymer element tutorial

Unified Diff: src/diagrams/tutorials/polymer/unused/unused1.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/unused/tute-little-ben-screenshot.png ('k') | src/diagrams/tutorials/polymer/unused/unused2.graffle » ('j') | src/site/docs/tutorials/polymer/index.markdown » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: src/diagrams/tutorials/polymer/unused/unused1.graffle

diff --git a/src/diagrams/tutorials/web-ui/event-handler.graffle/data.plist b/src/diagrams/tutorials/polymer/unused/unused1.graffle

similarity index 73%

copy from src/diagrams/tutorials/web-ui/event-handler.graffle/data.plist

copy to src/diagrams/tutorials/polymer/unused/unused1.graffle

index a551769b45177d95872bf4deeb4e75b136714606..9f8fa7fd265eb188bf430d967d8e017f3a763824 100644

--- a/src/diagrams/tutorials/web-ui/event-handler.graffle/data.plist

+++ b/src/diagrams/tutorials/polymer/unused/unused1.graffle

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

<key>ApplicationVersion</key>

<array>

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

- <string>139.16.0.171715</string>

+ <string>139.18.0.187838</string>

</array>

<key>AutoAdjust</key>

<true/>

@@ -42,42 +42,26 @@

<key>ColumnSpacing</key>

<key>CreationDate</key>

- <string>2013-01-14 22:04:21 +0000</string>

+ <string>2013-09-18 20:35:16 +0000</string>

<key>Creator</key>

<string>Mary Campione</string>

<key>DisplayScale</key>

- <string>1 0/72 in = 1.0000 in</string>

+ <string>1 0/72 in = 1 0/72 in</string>

<key>GraphDocumentVersion</key>

<key>GraphicsList</key>

<array>

<dict>

<key>Bounds</key>

- <string>{{29, 73}, {346, 22}}</string>

+ <string>{{136, 273.99999809265137}, {284, 136}}</string>

<key>Class</key>

<string>ShapedGraphic</string>

<key>FitText</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>

- <integer>34180</integer>

+ <integer>3</integer>

<key>Shape</key>

<string>Rectangle</string>

<key>Style</key>

@@ -94,38 +78,49 @@

</dict>

<key>stroke</key>

<dict>

- <key>Draws</key>

- <string>NO</string>

+ <key>CornerRadius</key>

+ <real>7</real>

</dict>

<dict>

<key>Align</key>

- <key>Pad</key>

- <integer>2</integer>

- <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370

-\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

+ <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390

+\cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}

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

+\deftab720

+\pard\pardeftab720

-\f0\i\b\fs28 \cf2 Save to $tutorial/web-ui/images/event-handler.png}</string>

- <key>VerticalPad</key>

- <integer>2</integer>

+\f0\fs24 \cf0 import 'dart:async';\

+import 'package:polymer/polymer.dart';\

+@CustomTag('tute-stopwatch')\

+class TuteStopwatch\

+ extends PolymerElement\

+ with ObservableMixin \{ \

+ ...\

+\}}</string>

</dict>

</dict>

<dict>

<key>Bounds</key>

- <string>{{374, 268}, {40.754718780517578, 48}}</string>

+ <string>{{136, 67}, {291, 164}}</string>

<key>Class</key>

<string>ShapedGraphic</string>

+ <key>FitText</key>

+ <string>Vertical</string>

+ <key>Flow</key>

+ <string>Resize</string>

- <integer>34169</integer>

- <key>ImageID</key>

- <integer>2</integer>

+ <integer>34168</integer>

+ <key>Magnets</key>

+ <array>

+ <string>{-0.21999999999999997, -0.45161290322580649}</string>

+ </array>

<key>Shape</key>

<string>Rectangle</string>

<key>Style</key>

@@ -142,10 +137,94 @@

</dict>

<key>stroke</key>

<dict>

+ <key>CornerRadius</key>

+ <real>7</real>

+ </dict>

+ <key>Text</key>

+ <dict>

+ <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>\

+ ...\

+ </template>\

+ <script type="application/dart"\

+ src="tute_stopwatch.dart">\

+ </script>\

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

+ </dict>

+ <dict>

+ <key>Bounds</key>

+ <string>{{34.5, 196.99999961256981}, {69, 38}}</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>w</key>

+ <string>0</string>

+ </dict>

+ <key>Font</key>

+ <string>Helvetica</string>

+ <key>Size</key>

+ <real>12</real>

+ </dict>

+ <key>ID</key>

+ <integer>34208</integer>

+ <key>Line</key>

+ <dict>

+ <key>ID</key>

+ <integer>34207</integer>

+ <key>Position</key>

+ <real>0.52819031476974487</real>

+ <key>RotationType</key>

+ <integer>0</integer>

+ </dict>

+ <key>Shape</key>

+ <string>Rectangle</string>

+ <key>Style</key>

+ <dict>

+ <key>shadow</key>

+ <dict>

+ <key>Draws</key>

+ <string>NO</string>

+ </dict>

+ <key>stroke</key>

+ <dict>

<key>Draws</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 Associated\

+by name}</string>

+ </dict>

+ <key>Wrap</key>

+ <string>NO</string>

</dict>

<dict>

<key>Class</key>

@@ -153,14 +232,16 @@

<dict>

- <integer>34155</integer>

+ <integer>34180</integer>

</dict>

- <integer>34157</integer>

+ <integer>34207</integer>

<key>Points</key>

<array>

- <string>{357, 272.875}</string>

- <string>{277.20051721791208, 299}</string>

+ <string>{140, 83.25}</string>

+ <string>{69, 83.25}</string>

+ <string>{69, 326}</string>

+ <string>{141, 326.39560288649341}</string>

</array>

<key>Style</key>

<dict>

@@ -171,55 +252,86 @@

<key>Legacy</key>

<true/>

<key>TailArrow</key>

- <string>0</string>

+ <string>FilledArrow</string>

</dict>

+ <key>Tail</key>

+ <dict>

+ <key>ID</key>

+ <integer>34179</integer>

+ </dict>

</dict>

<dict>

<key>Class</key>

<string>LineGraphic</string>

+ <key>Head</key>

+ <dict>

+ <key>ID</key>

+ <integer>34182</integer>

+ </dict>

- <integer>34156</integer>

+ <integer>34198</integer>

<key>Points</key>

<array>

- <string>{201.13276231263387, 209}</string>

- <string>{360, 263.875}</string>

+ <string>{203.16173996458221, 254}</string>

+ <string>{221.79391971665774, 184}</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>

+ <key>Width</key>

+ <real>3</real>

</dict>

<dict>

- <integer>34154</integer>

+ <integer>34153</integer>

</dict>

<dict>

<key>Bounds</key>

- <string>{{330, 156}, {192, 143}}</string>

+ <string>{{211, 169}, {182, 15}}</string>

<key>Class</key>

<string>ShapedGraphic</string>

- <integer>3</integer>

- <key>ImageID</key>

- <integer>1</integer>

+ <integer>34182</integer>

+ <key>Magnets</key>

+ <array>

+ <string>{-0.43046357615894015, 0.033333333333333215}</string>

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

+ </array>

<key>Shape</key>

<string>Rectangle</string>

<key>Style</key>

<dict>

<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>

@@ -232,73 +344,15 @@

</dict>

- </dict>

- <dict>

- <key>Bounds</key>

- <string>{{137, 280}, {327, 150}}</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</string>

- <key>Size</key>

- <real>13</real>

- </dict>

- <key>ID</key>

- <integer>34153</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>CornerRadius</key>

- <real>7</real>

- </dict>

<dict>

<key>Align</key>

- <integer>0</integer>

- <key>Text</key>

- <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370

-\cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}

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

-\deftab720

-\pard\pardeftab720

-\f0\fs24 \cf0 ...\

-void startwatch() \{\

- mywatch.start();\

- var oneSecond = new Duration(seconds:1);\

- new Timer.periodic(oneSecond, updateTime);\

- startButton.disabled = true;\

- stopButton.disabled = false;\

- resetButton.disabled = true;\

-\}\

-...}</string>

+ <integer>2</integer>

</dict>

- <key>Wrap</key>

- <string>NO</string>

</dict>

<dict>

<key>Bounds</key>

- <string>{{129, 260}, {98, 20}}</string>

+ <string>{{136, 254}, {129, 20}}</string>

<key>Class</key>

<string>ShapedGraphic</string>

<key>FitText</key>

@@ -313,15 +367,22 @@ void startwatch() \{\

</dict>

- <integer>34152</integer>

+ <integer>34153</integer>

<key>Shape</key>

<string>Rectangle</string>

<key>Style</key>

<dict>

<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>

@@ -341,12 +402,12 @@ void startwatch() \{\

- <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370

+ <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 stopwatch.dart}</string>

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

<key>VerticalPad</key>

</dict>

@@ -355,7 +416,7 @@ void startwatch() \{\

</dict>

<dict>

<key>Bounds</key>

- <string>{{31, 156}, {101, 20}}</string>

+ <string>{{136, 47}, {132, 20}}</string>

<key>Class</key>

<string>ShapedGraphic</string>

<key>FitText</key>

@@ -371,14 +432,25 @@ void startwatch() \{\

</dict>

+ <key>Magnets</key>

+ <array>

+ <string>{-0.49999999999999911, 2.2204460492503131e-16}</string>

+ </array>

<key>Shape</key>

<string>Rectangle</string>

<key>Style</key>

<dict>

<dict>

- <key>Draws</key>

- <string>NO</string>

+ <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>

</dict>

<key>shadow</key>

<dict>

@@ -398,12 +470,12 @@ void startwatch() \{\

- <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370

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

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

<key>VerticalPad</key>

</dict>

@@ -412,71 +484,14 @@ void startwatch() \{\

</dict>

<dict>

<key>Bounds</key>

- <string>{{40, 176}, {464, 52}}</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</string>

- <key>Size</key>

- <real>13</real>

- </dict>

- <key>ID</key>

- <integer>4</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>CornerRadius</key>

- <real>7</real>

- </dict>

- <key>Text</key>

- <dict>

- <key>Align</key>

- <integer>0</integer>

- <key>Text</key>

- <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf370

-\cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}

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

-\deftab720

-\pard\pardeftab720

-\f0\fs24 \cf0 ...\

-<button on-click="startwatch()" id="startbutton">Start</button>\

-...}</string>

- </dict>

- <key>Wrap</key>

- <string>NO</string>

- </dict>

- <dict>

- <key>Bounds</key>

- <string>{{102, 195}, {167, 14}}</string>

+ <string>{{141, 318.99999809265137}, {207, 15}}</string>

<key>Class</key>

<string>ShapedGraphic</string>

- <integer>34154</integer>

+ <integer>34180</integer>

<key>Magnets</key>

<array>

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

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

+ <string>{-0.40821256038647347, 0}</string>

</array>

<key>Shape</key>

<string>Rectangle</string>

@@ -487,11 +502,11 @@ void startwatch() \{\

<key>Color</key>

<dict>

- <string>0.604698</string>

+ <string>1</string>

- <string>0.928911</string>

+ <string>0.860429</string>

- <string>1</string>

+ <string>0.745947</string>

</dict>

<key>shadow</key>

@@ -505,17 +520,22 @@ void startwatch() \{\

</dict>

+ <key>Text</key>

+ <dict>

+ <key>Align</key>

+ <integer>2</integer>

+ </dict>

</dict>

<dict>

<key>Bounds</key>

- <string>{{141, 299}, {142, 14}}</string>

+ <string>{{140, 72}, {281, 15}}</string>

<key>Class</key>

<string>ShapedGraphic</string>

- <integer>34155</integer>

+ <integer>34179</integer>

<key>Magnets</key>

<array>

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

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

</array>

<key>Shape</key>

<string>Rectangle</string>

@@ -526,11 +546,11 @@ void startwatch() \{\

<key>Color</key>

<dict>

- <string>0.604698</string>

+ <string>1</string>

- <string>0.928911</string>

+ <string>0.860429</string>

- <string>1</string>

+ <string>0.745947</string>

</dict>

<key>shadow</key>

@@ -544,6 +564,11 @@ void startwatch() \{\

</dict>

+ <key>Text</key>

+ <dict>

+ <key>Align</key>

+ <integer>2</integer>

+ </dict>

</dict>

</array>

<key>GridInfo</key>

@@ -555,17 +580,7 @@ void startwatch() \{\

<key>HPages</key>

<key>ImageCounter</key>

- <integer>3</integer>

- <key>ImageLinkBack</key>

- <array>

- <dict/>

- </array>

- <key>ImageList</key>

- <array>

- <string>image2.png</string>

- <string>image1.png</string>

- </array>

+ <integer>1</integer>

<key>KeepToScale</key>

<key>Layers</key>

@@ -603,7 +618,7 @@ void startwatch() \{\

<key>MasterSheets</key>

<key>ModificationDate</key>

- <string>2013-04-14 19:28:05 +0000</string>

+ <string>2013-09-18 20:37:24 +0000</string>

<key>Modifier</key>

<string>Mary Campione</string>

<key>NotesVisible</key>

@@ -684,7 +699,7 @@ void startwatch() \{\

</dict>

</array>

<key>Frame</key>

- <string>{{194, 242}, {879, 905}}</string>

+ <string>{{233, 434}, {1019, 964}}</string>

<key>ListView</key>

<true/>

<key>OutlineWidth</key>

@@ -698,7 +713,7 @@ void startwatch() \{\

<key>SidebarWidth</key>

<key>VisibleRegion</key>

- <string>{{-73, -16}, {722, 766}}</string>

+ <string>{{-143, -46}, {862, 825}}</string>

<key>ZoomValues</key>