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

Side by Side Diff: pkg/polymer/lib/elements/polymer-grid-layout/demo.html

Issue 175443005: [polymer] import all elements (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: updated from bower Created 6 years, 9 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 | Annotate | Revision Log
OLDNEW
(Empty)
1 <!doctype html>
2 <html>
3 <head>
4 <title>polymer-grid-layout example</title>
5 <script src="../platform/platform.js"></script>
6 <link href="polymer-grid-layout.html" rel="import">
7 <style>
8 body {
9 font-family: 'Segoe UI', 'Helvetica Neue', Arial, Helvetica, sans-serif;
10 }
11 </style>
12 </head>
13 <body unresolved>
14 <grid-test></grid-test>
15
16 <polymer-element name="grid-test">
17 <template>
18 <polymer-grid-layout nodes="{{nodes}}" layout="{{layout}}"></polymer-grid- layout>
19
20 <panel id="toolbar">toolbar</panel>
21 <panel id="sidebar" v-flex>sidebar</panel>
22 <panel id="workspace" flex>workspace</panel>
23 <panel id="outputToolbar">otherbar</panel>
24 <panel id="output" v-flex>
25 output
26 <h2>Documentation</h2>
27 <h1>Verbiage</h1>
28 <p>In backbone record integer LED amplified internet protocol a extensio n reflective.
29 Array kilohertz LED. Wavelength extension patch supporting wave an by pr ompt.</p>
30 </panel>
31
32 <style>
33 * {
34 -webkit-transition: top, right, bottom, left;
35 -webkit-transition-duration: 0.3s;
36 }
37 panel {
38 display: inline-block;
39 border: 4px dotted lightblue;
40 padding: 16px;
41 }
42 #outputToolbar {
43 width: 400px;
44 }
45 #output {
46 width: 400px;
47 }
48 #workspace {
49 border-color: orange;
50 }
51 </style>
52 </template>
53 <script>
54 Polymer('grid-test', {
55 arrangements: [[
56 [1, 1, 1],
57 [2, 3, 4],
58 [2, 3, 5]
59 ], [
60 [4, 3, 2],
61 [5, 3, 2],
62 [5, 1, 1]
63 ], [
64 [1, 1],
65 [2, 3],
66 [4, 3]
67 ]],
68 outputLayout: 0,
69 ready: function() {
70 //this.nodes = [
71 // this.$.toolbar, this.$.sidebar, this.$.workspace,
72 // this.$.outputToolbar, this.$.output
73 //];
74 this.outputLayoutChanged();
75 //setInterval(this.toggleLayout.bind(this), 2500);
76 },
77 outputLayoutChanged: function() {
78 this.layout = this.arrangements[this.outputLayout];
79 },
80 toggleLayout: function() {
81 this.outputLayout = (this.outputLayout + 1) % this.arrangements.length ;
82 }
83 });
84 </script>
85 </polymer-element>
86 </body>
87 </html>
OLDNEW
« no previous file with comments | « pkg/polymer/lib/elements/polymer-grid-layout/bower.json ('k') | pkg/polymer/lib/elements/polymer-grid-layout/docs.json » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698