OLD | NEW |
1 <!DOCTYPE html><html><head> | 1 <!DOCTYPE html><html><head> |
2 <meta charset="utf-8"> | 2 <meta charset="utf-8"> |
3 <title>Sample app</title> | 3 <title>Sample app</title> |
4 <link rel="stylesheet" href="count_down.css"> | 4 <link rel="stylesheet" href="count_down.css"> |
5 | 5 |
6 <!-- import the countdown element --> | 6 <!-- import the countdown element --> |
7 | 7 |
8 | 8 |
9 | 9 |
10 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-
scale=1, user-scalable=no"> | 10 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-
scale=1, user-scalable=no"> |
11 </head> | 11 </head> |
12 <body><script src="packages/shadow_dom/shadow_dom.debug.js"></script> | 12 <body><script src="packages/shadow_dom/shadow_dom.debug.js"></script> |
13 <script src="packages/browser/interop.js"></script> | 13 <script src="packages/browser/interop.js"></script> |
14 <polymer-element name="x-milestone" attributes="milestone"> | 14 <polymer-element name="tute-milestone" attributes="milestone"> |
15 <template> | 15 <template> |
16 <span>{{milestone.timeRemainingAsString}}</span> <button on-click="remov
eMilestone">-</button> | 16 <span>{{milestone.timeRemainingAsString}}</span> <button on-click="remov
eMilestone">-</button> |
17 </template> | 17 </template> |
18 | 18 |
19 </polymer-element><polymer-element name="x-count-down"> | 19 </polymer-element><polymer-element name="tute-count-down"> |
20 <template> | 20 <template> |
21 | 21 |
22 <div> | 22 <div> |
23 <p>Enter a milestone</p> | 23 <p>Enter a milestone</p> |
24 | 24 |
25 <input type="text" name="newMilestoneName" value="{{newMilestoneName
}}"> | 25 <input type="text" name="newMilestoneName" value="{{newMilestoneName
}}"> |
26 <input type="date" name="newMilestoneDate" value="{{newMilestoneDate
}}"> | 26 <input type="date" name="newMilestoneDate" value="{{newMilestoneDate
}}"> |
27 <input type="time" name="newMilestoneTime" value="{{newMilestoneTime
}}"> | 27 <input type="time" name="newMilestoneTime" value="{{newMilestoneTime
}}"> |
28 <button on-click="addMilestone" id="addbutton">+</button> | 28 <button on-click="addMilestone" id="addbutton">+</button> |
29 | 29 |
30 <ul> | 30 <ul> |
31 <template bind="" if="{{appObj.hazMilestones}}"> | 31 <template bind="" if="{{appObj.hazMilestones}}"> |
32 <template repeat="{{appObj.milestones}}"> | 32 <template repeat="{{appObj.milestones}}"> |
33 <li> | 33 <li> |
34 <x-milestone milestone="{{}}"> | 34 <tute-milestone milestone="{{}}"> |
35 </x-milestone> | 35 </tute-milestone> |
36 </li> | 36 </li> |
37 </template> | 37 </template> |
38 </template> | 38 </template> |
39 </ul> | 39 </ul> |
40 </div> | 40 </div> |
41 <div> | 41 <div> |
42 <button on-click="clear" id="clearbutton">Clear</button> | 42 <button on-click="clear" id="clearbutton">Clear</button> |
43 <p style="color:red"> {{errorMsg}} </p> | 43 <p style="color:red"> {{errorMsg}} </p> |
44 </div> | 44 </div> |
45 | 45 |
46 </template> | 46 </template> |
47 | 47 |
48 | 48 |
49 </polymer-element> | 49 </polymer-element> |
50 <h1>Count down</h1> | 50 <h1>Count down</h1> |
51 | 51 |
52 <!-- Insert the CountDownComponent, implemented in xcountdown.html & xcountd
own.dart --> | 52 <!-- Insert the CountDownComponent, implemented in xcountdown.html & xcountd
own.dart --> |
53 <x-count-down id="count_down"></x-count-down> | 53 <tute-count-down id="count_down"></tute-count-down> |
54 | 54 |
55 <!--<script type="application/dart" src="count_down.dart"></script>--> | 55 <!--<script type="application/dart" src="count_down.dart"></script>--> |
56 | 56 |
57 | 57 |
58 <script type="application/dart" src="count_down.html_bootstrap.dart"></script><s
cript src="packages/browser/dart.js"></script></body></html> | 58 <script type="application/dart" src="count_down.html_bootstrap.dart"></script><s
cript src="packages/browser/dart.js"></script></body></html> |
OLD | NEW |