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

Side by Side Diff: sky/examples/color/color-picker.sky

Issue 872993006: Sky color chooser example (Closed) Base URL: https://github.com/domokit/mojo.git@master
Patch Set: Created 5 years, 10 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 unified diff | Download patch
« no previous file with comments | « no previous file | sky/examples/color/color-wheel.png » ('j') | sky/examples/color/color-wheel.sky » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 #!mojo mojo:sky_viewer
2 <sky>
abarth-chromium 2015/01/31 03:20:18 Please add a copyright block.
hansmuller1 2015/02/02 16:32:30 Done.
3 <import src="../../framework/sky-box.sky"/>
4 <import src="../../framework/sky-element/sky-element.sky" as="SkyElement" />
abarth-chromium 2015/01/31 03:20:18 We usually include the framework as a root-relativ
hansmuller1 2015/02/02 16:32:30 Done.
5 <import src="color-wheel.sky" />
6 <sky-element name="color-picker-root">
7 <template>
abarth-chromium 2015/01/31 03:20:18 Two space indent please.
hansmuller1 2015/02/02 16:32:30 Done.
8 <style>
9 .color-sample {
abarth-chromium 2015/01/31 03:20:18 .color-sample -> #color-sample We usually use
hansmuller1 2015/02/02 16:32:30 Done.
10 height: 100px;
11 margin-top: 10px;
12 background-color: {{ inputColor }};
13 }
14 </style>
15 <sky-box title='Choose a Color'>
16 <color-wheel color="{{ inputColor }}"/>
17 <div class="color-sample"></div>
18 </sky-box>
19 </template>
20 <script>
21 (class extends SkyElement {
22 created() {
23 this.inputColor = "#FFFFFF";
24 }
25 }).register();
26 </script>
27 </sky-element>
28 <color-picker-root />
abarth-chromium 2015/01/31 03:20:18 I'd probably put the color-picker component in its
29 </sky>
OLDNEW
« no previous file with comments | « no previous file | sky/examples/color/color-wheel.png » ('j') | sky/examples/color/color-wheel.sky » ('J')

Powered by Google App Engine
This is Rietveld 408576698