WebCompDev / COMPONENTS

Commit 0242ec8ce750710ee42f94c95d7d0a15137dc0e7

Authored by Andrea Petta
1 parent 8fff1be2

plugin update

Inline Side-by-side
Showing 2 changed files with 26 additions and 10 deletions
controllets/search-panel-controllet/search-panel-controllet.html
  View file @0242ec8
... ... @@ -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
  View file @0242ec8
... ... @@ -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
... ...