Commit 0242ec8ce750710ee42f94c95d7d0a15137dc0e7
1 parent
8fff1be2
plugin update
Showing
2 changed files
with
26 additions
and
10 deletions
controllets/search-panel-controllet/search-panel-controllet.html
... | ... | @@ -36,6 +36,7 @@ |
36 | 36 | <link rel="import" href="../../bower_components/neon-animation/neon-animated-pages.html"> |
37 | 37 | <link rel="import" href="../../bower_components/neon-animation/neon-animatable.html"> |
38 | 38 | <link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html"> |
39 | +<link rel="import" href="../../bower_components/paper-fab/paper-fab.html"> | |
39 | 40 | |
40 | 41 | <!-- |
41 | 42 | `text-element-controllet` is a text area with heading. It fires an event when the text value is modified. This event can be useful when you have to monitor many af this elements. |
... | ... | @@ -62,14 +63,19 @@ Example: |
62 | 63 | <style is="custom-style"> |
63 | 64 | |
64 | 65 | paper-input.search-text{ |
65 | - --paper-input-container-input-color: #ffffff; | |
66 | - --paper-input-container-focus-color: #ffffff; | |
67 | - --paper-input-container-color: #ffffff; | |
66 | + --paper-input-container-input-color: var(--search-box-container-color,#ffffff); | |
67 | + --paper-input-container-focus-color: var(--search-box-container-color,#ffffff); | |
68 | + --paper-input-container-color: var(--search-box-container-color,#ffffff); | |
68 | 69 | position: absolute; |
69 | 70 | width: 340px; |
70 | 71 | margin-left: -5px; |
71 | 72 | } |
72 | 73 | |
74 | + paper-fab#search_button{ | |
75 | + height: 40px; | |
76 | + width: 40px; | |
77 | + } | |
78 | + | |
73 | 79 | paper-icon-button |
74 | 80 | { |
75 | 81 | } |
... | ... | @@ -80,6 +86,10 @@ Example: |
80 | 86 | <paper-icon-button id="search_button" icon="search" class="dropdown-trigger" on-click="_toggleClick"></paper-icon-button> |
81 | 87 | </template> |
82 | 88 | |
89 | + <template is="dom-if" if="{{paperfab}}"> | |
90 | + <paper-fab id="search_button" icon="search" class="dropdown-trigger" on-click="_toggleClick"></paper-fab> | |
91 | + </template> | |
92 | + | |
83 | 93 | <neon-animated-pages selected="[[selected]]" entry-animation="[[entryAnimation]]" exit-animation="[[exitAnimation]]"> |
84 | 94 | <neon-animatable></neon-animatable> |
85 | 95 | <neon-animatable> |
... | ... | @@ -91,6 +101,7 @@ Example: |
91 | 101 | <template is="dom-if" if="{{rightDirection}}"> |
92 | 102 | <paper-icon-button id="search_button" icon="search" class="dropdown-trigger" on-click="_toggleClick"></paper-icon-button> |
93 | 103 | </template> |
104 | + | |
94 | 105 | </div> |
95 | 106 | |
96 | 107 | </template> |
... | ... | @@ -137,6 +148,10 @@ Example: |
137 | 148 | rightDirection: { |
138 | 149 | type: String, |
139 | 150 | value: undefined |
151 | + }, | |
152 | + paperfab: { | |
153 | + type: Boolean, | |
154 | + value: false | |
140 | 155 | } |
141 | 156 | }, |
142 | 157 | |
... | ... | @@ -146,7 +161,8 @@ Example: |
146 | 161 | this.$.search_text.style.left = '5px'; |
147 | 162 | }else if(this.rightDirection != undefined){ |
148 | 163 | this.$.search_text.style.right = '5px'; |
149 | - } | |
164 | + }else if(this.paperfab != undefined) | |
165 | + this.$.search_text.style.right = '45px'; | |
150 | 166 | |
151 | 167 | }, |
152 | 168 | _toggleClick: function(e){ |
... | ... | @@ -170,7 +186,9 @@ Example: |
170 | 186 | _valueChanged : function(oldvalue, newValue){ |
171 | 187 | var t = this; |
172 | 188 | clearTimeout(this.timer); |
173 | - this.timer = setTimeout(function(){t.fire('search-panel-controllet_content-changed', {searchKey: t.searchKey, id : t.id})}, 0); | |
189 | + this.timer = setTimeout(function(){ | |
190 | + t.fire('search-panel-controllet_content-changed', {searchKey: t.searchKey, id : t.id}) | |
191 | + }, 0); | |
174 | 192 | }, |
175 | 193 | /** |
176 | 194 | * It returns the value in text area | ... | ... |
datalets/leafletjs-datalet/leafletjs-datalet.html
... | ... | @@ -99,9 +99,9 @@ Example: |
99 | 99 | if(!isNaN(t.data[0].data[i][0]) && !isNaN(t.data[0].data[i][1])) |
100 | 100 | coordinates.push([parseFloat(t.data[0].data[i][0]), parseFloat(t.data[0].data[i][1])]); |
101 | 101 | else |
102 | - continue; | |
102 | + continue; | |
103 | 103 | } |
104 | - else if(t.data[0].data[i] && t.data[0].data[i].indexOf(",")) | |
104 | + else if(typeof t.data[0].data[i] != 'undefined' && t.data[0].data[i].indexOf(",")) | |
105 | 105 | { |
106 | 106 | var coords = t.data[0].data[i].split(","); |
107 | 107 | if(!isNaN(coords[0]) && !isNaN(coords[1])) |
... | ... | @@ -213,6 +213,4 @@ Example: |
213 | 213 | this.async(function(){this.behavior.init(this)},100); |
214 | 214 | } |
215 | 215 | }); |
216 | - </script> | |
217 | -</dom-module> | |
218 | - | |
216 | + </scri | |
219 | 217 | \ No newline at end of file | ... | ... |