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

Side by Side Diff: sky/examples/calculator/buttons.sky

Issue 735533002: Docs: duplicate ID in example (Closed) Base URL: https://github.com/domokit/mojo.git@master
Patch Set: Created 6 years, 1 month 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 unified diff | Download patch
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 SKY MODULE - button widgets for calculator 1 SKY MODULE - button widgets for calculator
2 <!-- TODO(ianh): implement accessibility handling once the ax service exists --> 2 <!-- TODO(ianh): implement accessibility handling once the ax service exists -->
3 3
4 <script> 4 <script>
5 class AbstractButton extends Element { 5 class AbstractButton extends Element {
6 constructor (module) { 6 constructor (module) {
7 super(module); 7 super(module);
8 let selector = new SelectorQuery('.dynamic'); 8 let selector = new SelectorQuery('.dynamic');
9 this.addEventListener('pointer-down', (event) => { 9 this.addEventListener('pointer-down', (event) => {
10 selector.findAll(this.shadowRoot).every((element) => element.setAttribut e('clicked')); 10 selector.findAll(this.shadowRoot).every((element) => element.setAttribut e('clicked'));
(...skipping 25 matching lines...) Expand all
36 <div class="dynamic" id="b"> 36 <div class="dynamic" id="b">
37 <div class="dynamic" id="c"> 37 <div class="dynamic" id="c">
38 <div class="dynamic" id="d"> 38 <div class="dynamic" id="d">
39 <content/> 39 <content/>
40 </div> 40 </div>
41 </div> 41 </div>
42 </div> 42 </div>
43 </div> 43 </div>
44 </template> 44 </template>
45 45
46 <template id="threed-button-shadow-tree"> 46 <template id="flat-button-shadow-tree">
47 <style> 47 <style>
48 div { background: green; color: yellow; } 48 div { background: green; color: yellow; }
49 div[clicked] { background: yellow; color: green; } 49 div[clicked] { background: yellow; color: green; }
50 </style> 50 </style>
51 <div class=dynamic> 51 <div class=dynamic>
52 <content/> 52 <content/>
53 </div> 53 </div>
54 </template> 54 </template>
55 55
56 <script> 56 <script>
(...skipping 13 matching lines...) Expand all
70 shadow: true, 70 shadow: true,
71 constructor: class extends AbstractButton { 71 constructor: class extends AbstractButton {
72 constructor (module) { 72 constructor (module) {
73 super(module); 73 super(module);
74 this.shadowRoot.append(module.document.findId('flat-shadow-tree').clone Node(true)); 74 this.shadowRoot.append(module.document.findId('flat-shadow-tree').clone Node(true));
75 } 75 }
76 }, 76 },
77 }), 77 }),
78 }; 78 };
79 </script> 79 </script>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698