|
1 | | -Synthesizer.ready(function(){ |
| 1 | +Polymer({ |
2 | 2 |
|
3 | | - Polymer({ |
| 3 | + activeChange: function(newValue, oldValue) { |
| 4 | + if (newValue === false && oldValue === true) { |
| 5 | + var region = Object.keys(this.opt); |
4 | 6 |
|
5 | | - activeChange: function(newValue, oldValue) { |
6 | | - if (newValue === false && oldValue === true) { |
7 | | - var region = Object.keys(this.opt); |
8 | | - |
9 | | - for (var A = 0; A < region.length; A++) { |
10 | | - var element = this.querySelectorAll('*[region="' + region[A] + '"]'); |
| 7 | + for (var A = 0; A < region.length; A++) { |
| 8 | + var element = this.querySelectorAll('*[region="' + region[A] + '"]'); |
11 | 9 |
|
12 | | - for (Z = 0; Z < element.length; Z++) { |
13 | | - element[Z].innerHTML = ""; |
14 | | - } |
| 10 | + for (Z = 0; Z < element.length; Z++) { |
| 11 | + element[Z].innerHTML = ""; |
15 | 12 | } |
16 | 13 | } |
17 | | - }, |
| 14 | + } |
| 15 | + }, |
18 | 16 |
|
19 | | - is: "mwc-layout", |
| 17 | + is: "mwc-layout", |
20 | 18 |
|
21 | | - properties: { |
22 | | - active: { |
23 | | - notify: true, |
24 | | - observer: "activeChange", |
25 | | - reflectToAttribute: true, |
26 | | - type: Boolean, |
27 | | - value: false |
28 | | - }, |
29 | | - opt: { |
30 | | - type: Object |
31 | | - } |
| 19 | + properties: { |
| 20 | + active: { |
| 21 | + notify: true, |
| 22 | + observer: "activeChange", |
| 23 | + reflectToAttribute: true, |
| 24 | + type: Boolean, |
| 25 | + value: false |
32 | 26 | }, |
| 27 | + opt: { |
| 28 | + type: Object |
| 29 | + } |
| 30 | + }, |
33 | 31 |
|
34 | | - render: function(opt) { |
35 | | - var region = Object.keys(opt); |
| 32 | + render: function(opt) { |
| 33 | + var region = Object.keys(opt); |
36 | 34 |
|
37 | | - for (var A = 0; A < region.length; A++) { |
38 | | - if (typeof(opt[region[A]]) === "object") { |
| 35 | + for (var A = 0; A < region.length; A++) { |
| 36 | + if (typeof(opt[region[A]]) === "object") { |
| 37 | + var element = this.querySelectorAll('*[region="' + region[A] + '"]'); |
| 38 | + |
| 39 | + for (Z = 0; Z < element.length; Z++) { |
| 40 | + element[Z].innerHTML = ""; |
| 41 | + |
| 42 | + Polymer.dom(element[Z]).appendChild(opt[region[A]]); |
| 43 | + } |
| 44 | + } else { |
| 45 | + if (document.createElement(opt[region[A]]).constructor !== HTMLElement) { |
39 | 46 | var element = this.querySelectorAll('*[region="' + region[A] + '"]'); |
40 | 47 |
|
41 | 48 | for (Z = 0; Z < element.length; Z++) { |
42 | 49 | element[Z].innerHTML = ""; |
43 | 50 |
|
44 | | - Polymer.dom(element[Z]).appendChild(opt[region[A]]); |
| 51 | + Polymer.dom(element[Z]).appendChild(document.createElement(opt[region[A]])); |
45 | 52 | } |
46 | 53 | } else { |
47 | | - if (document.createElement(opt[region[A]]).constructor !== HTMLElement) { |
48 | | - var element = this.querySelectorAll('*[region="' + region[A] + '"]'); |
49 | | - |
50 | | - for (Z = 0; Z < element.length; Z++) { |
51 | | - element[Z].innerHTML = ""; |
52 | | - |
53 | | - Polymer.dom(element[Z]).appendChild(document.createElement(opt[region[A]])); |
54 | | - } |
55 | | - } else { |
56 | | - console.log(opt[region[A]] + " not registered"); |
57 | | - } |
| 54 | + console.log(opt[region[A]] + " not registered"); |
58 | 55 | } |
59 | 56 | } |
60 | | - |
61 | | - this.opt = opt; |
62 | 57 | } |
63 | 58 |
|
64 | | - }); |
| 59 | + this.opt = opt; |
| 60 | + } |
65 | 61 |
|
66 | 62 | }); |
0 commit comments