http://www.cruiserswiki.org/index.php?title=CruisersWiki:TOl3chartlet.js&feed=atom&action=history
CruisersWiki:TOl3chartlet.js - Revision history
2024-03-29T02:31:31Z
Revision history for this page on the wiki
MediaWiki 1.16.2
http://www.cruiserswiki.org/index.php?title=CruisersWiki:TOl3chartlet.js&diff=190531&oldid=prev
Vadim at 11:39, 16 January 2020
2020-01-16T11:39:37Z
<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 11:39, 16 January 2020</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 198:</td>
<td colspan="2" class="diff-lineno">Line 198:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ol.inherits( Esri.source, ol.source.XYZ )</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ol.inherits( Esri.source, ol.source.XYZ )</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> var baselayersGroupName = 'Base';</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> var overlaysGroupName = 'Overlays';</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function ol3Chartlet( chartlet_div, standalone ) {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function ol3Chartlet( chartlet_div, standalone ) {</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 330:</td>
<td colspan="2" class="diff-lineno">Line 327:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>/*</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>/*</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> this.baselayersGroupName = 'Base';</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> this.overlaysGroupName = 'Overlays';</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var layers = [</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var layers = [</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> new ol.layer.Group({</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> new ol.layer.Group({</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> title: baselayersGroupName,</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> title: <ins class="diffchange diffchange-inline">this.</ins>baselayersGroupName,</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> layers: baseLayers</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> layers: baseLayers</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }),</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }),</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> new ol.layer.Group({</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> new ol.layer.Group({</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> title: overlaysGroupName,</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> title: <ins class="diffchange diffchange-inline">this.</ins>overlaysGroupName,</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> layers: overlays</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> layers: overlays</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> })</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> })</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 357:</td>
<td colspan="2" class="diff-lineno">Line 356:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> this.map.getLayers().forEach(</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> this.map.getLayers().forEach(</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function(layer) {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function(layer) {</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> if (layer.get('title') === overlaysGroupName) {</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> if (layer.get('title') === <ins class="diffchange diffchange-inline">this.</ins>overlaysGroupName) {</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> layer.getLayers().push(new_layer);</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> layer.getLayers().push(new_layer);</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
</table>
Vadim
http://www.cruiserswiki.org/index.php?title=CruisersWiki:TOl3chartlet.js&diff=190530&oldid=prev
Vadim at 11:36, 16 January 2020
2020-01-16T11:36:02Z
<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 11:36, 16 January 2020</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 329:</td>
<td colspan="2" class="diff-lineno">Line 329:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">//</del>/*</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>/*</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var layers = [</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var layers = [</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> new ol.layer.Group({</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> new ol.layer.Group({</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 340:</td>
<td colspan="2" class="diff-lineno">Line 340:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> })</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> })</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ]</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">//</del>*/</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>*/</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">// </del>var layers = baseLayers.concat( overlays )</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> </ins>var layers = baseLayers.concat( overlays )</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> return layers</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> return layers</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 353:</td>
<td colspan="2" class="diff-lineno">Line 353:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> // add to a layer group</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> // add to a layer group</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ol3Chartlet.prototype.addNonBaseLayer = function (new_layer) {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ol3Chartlet.prototype.addNonBaseLayer = function (new_layer) {</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">// </del>this.map.getLayers().push( new_layer )</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> </ins>this.map.getLayers().push( new_layer )</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">//</del>/*</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>/*</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> this.map.getLayers().forEach(</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> this.map.getLayers().forEach(</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function(layer) {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function(layer) {</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 362:</td>
<td colspan="2" class="diff-lineno">Line 362:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> )</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> )</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">//</del>*/</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>*/</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
</table>
Vadim
http://www.cruiserswiki.org/index.php?title=CruisersWiki:TOl3chartlet.js&diff=190529&oldid=prev
Vadim at 11:24, 16 January 2020
2020-01-16T11:24:23Z
<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 11:24, 16 January 2020</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 23:</td>
<td colspan="2" class="diff-lineno">Line 23:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> };</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> };</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">}</del>)</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> </ins></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>.<del class="diffchange diffchange-inline">then</del>( function () {</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> var walkLayers = function ( item, action </ins>) <ins class="diffchange diffchange-inline">{</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> if ( item</ins>.<ins class="diffchange diffchange-inline">getLayers )</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> item.getLayers</ins>(<ins class="diffchange diffchange-inline">).forEach(</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> </ins>function ( <ins class="diffchange diffchange-inline">i </ins>) {</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> walkLayers( i, action )</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> })</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> else</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> action( item )</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> }</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> </ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var Navionics = {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var Navionics = {</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> token: null,</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> token: null,</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 115:</td>
<td colspan="2" class="diff-lineno">Line 124:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function checkLayer ( l ) {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function checkLayer ( l ) {</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> <del class="diffchange diffchange-inline">if ( l instanceof ol.layer.Group ) {</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> var title = l.get( 'title' )</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> l.getLayers().forEach( checkLayer )</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> </ins>if ( title && title.indexOf( 'Navionics' ) != -1 ) {</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> } else {</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"> </ins>layers.push( l )</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> </del>var title = l.get( 'title' )</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> </del>if ( title && title.indexOf( 'Navionics' ) != -1 ) {</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> </del>layers.push( l )</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> }</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> map<del class="diffchange diffchange-inline">.getLayers().forEach( </del>checkLayer ) </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> <ins class="diffchange diffchange-inline">walkLayers( </ins>map<ins class="diffchange diffchange-inline">, </ins>checkLayer )</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> </del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> if ( layers.length == 0 )</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> if ( layers.length == 0 )</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> return</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> return</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 645:</td>
<td colspan="2" class="diff-lineno">Line 650:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> map.on('pointermove', highlightFeature);</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> map.on('pointermove', highlightFeature);</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> };</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> };</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ol3Chartlet.prototype.addStoreVisibilityToolstoreVisibilitystoreVisibility = function () {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ol3Chartlet.prototype.addStoreVisibilityToolstoreVisibilitystoreVisibility = function () {</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 654:</td>
<td colspan="2" class="diff-lineno">Line 658:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> $( '#p-tb ul' ).append( $( '<li>' ).append( $a ))</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> $( '#p-tb ul' ).append( $( '<li>' ).append( $a ))</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> }</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> ol3Chartlet.prototype.walkLayers = function ( group, action ) {</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> var items = group.getLayers().getArray()</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> for ( var i=0, li=items.length; i < li; i++ ) {</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> var item = items[ i ]</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> if ( item instanceof ol.layer.Group ) {</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> this.walkLayers( item, action )</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> continue</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> }</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> action( item )</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> }</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 683:</td>
<td colspan="2" class="diff-lineno">Line 675:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> <del class="diffchange diffchange-inline">this.</del>walkLayers( this.map, getVisibility )</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> walkLayers( this.map, getVisibility )</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> Storage.set( 'cw-layers-visibility', visibility )</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> Storage.set( 'cw-layers-visibility', visibility )</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 701:</td>
<td colspan="2" class="diff-lineno">Line 693:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> <del class="diffchange diffchange-inline">this.</del>walkLayers( this.map, setVisibility )</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> walkLayers( this.map, setVisibility )</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
</table>
Vadim
http://www.cruiserswiki.org/index.php?title=CruisersWiki:TOl3chartlet.js&diff=190528&oldid=prev
Vadim at 10:27, 16 January 2020
2020-01-16T10:27:01Z
<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 10:27, 16 January 2020</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 193:</td>
<td colspan="2" class="diff-lineno">Line 193:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ol.inherits( Esri.source, ol.source.XYZ )</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ol.inherits( Esri.source, ol.source.XYZ )</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> var baselayersGroupName = 'Base';</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"> var overlaysGroupName = 'Overlays';</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function ol3Chartlet( chartlet_div, standalone ) {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function ol3Chartlet( chartlet_div, standalone ) {</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 324:</td>
<td colspan="2" class="diff-lineno">Line 327:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var layers = [</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var layers = [</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> new ol.layer.Group({</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> new ol.layer.Group({</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> title: <del class="diffchange diffchange-inline">'Base maps'</del>,</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> title: <ins class="diffchange diffchange-inline">baselayersGroupName</ins>,</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> layers: baseLayers</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> layers: baseLayers</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }),</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }),</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> new ol.layer.Group({</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> new ol.layer.Group({</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> title: <del class="diffchange diffchange-inline">'Layers'</del>,</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> title: <ins class="diffchange diffchange-inline">overlaysGroupName</ins>,</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> layers: overlays</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> layers: overlays</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> })</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> })</div></td></tr>
</table>
Vadim
http://www.cruiserswiki.org/index.php?title=CruisersWiki:TOl3chartlet.js&diff=190527&oldid=prev
Vadim at 10:15, 16 January 2020
2020-01-16T10:15:45Z
<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 10:15, 16 January 2020</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 116:</td>
<td colspan="2" class="diff-lineno">Line 116:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function checkLayer ( l ) {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function checkLayer ( l ) {</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> if ( l instanceof ol.layer.Group ) {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> if ( l instanceof ol.layer.Group ) {</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> l.forEach( checkLayer )</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> l<ins class="diffchange diffchange-inline">.getLayers()</ins>.forEach( checkLayer )</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> } else {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> } else {</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var title = l.get( 'title' )</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var title = l.get( 'title' )</div></td></tr>
</table>
Vadim
http://www.cruiserswiki.org/index.php?title=CruisersWiki:TOl3chartlet.js&diff=190526&oldid=prev
Vadim at 10:01, 16 January 2020
2020-01-16T10:01:46Z
<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 10:01, 16 January 2020</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 116:</td>
<td colspan="2" class="diff-lineno">Line 116:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function checkLayer ( l ) {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function checkLayer ( l ) {</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> if ( l instanceof ol.layer.Group ) {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> if ( l instanceof ol.layer.Group ) {</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> <del class="diffchange diffchange-inline">checkLayer( </del>l )</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> l<ins class="diffchange diffchange-inline">.forEach( checkLayer </ins>)</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> } else {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> } else {</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var title = l.get( 'title' )</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var title = l.get( 'title' )</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 321:</td>
<td colspan="2" class="diff-lineno">Line 321:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>/*</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">//</ins>/*</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var layers = [</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var layers = [</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> new ol.layer.Group({</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> new ol.layer.Group({</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 332:</td>
<td colspan="2" class="diff-lineno">Line 332:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> })</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> })</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ]</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ]</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>*/</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">//</ins>*/</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> </del>var layers = baseLayers.concat( overlays )</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">// </ins>var layers = baseLayers.concat( overlays )</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> return layers</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> return layers</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 345:</td>
<td colspan="2" class="diff-lineno">Line 345:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> // add to a layer group</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> // add to a layer group</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ol3Chartlet.prototype.addNonBaseLayer = function (new_layer) {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ol3Chartlet.prototype.addNonBaseLayer = function (new_layer) {</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> </del>this.map.getLayers().push( new_layer )</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">// </ins>this.map.getLayers().push( new_layer )</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>/*</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">//</ins>/*</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> this.map.getLayers().forEach(</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> this.map.getLayers().forEach(</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function(layer) {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> function(layer) {</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 354:</td>
<td colspan="2" class="diff-lineno">Line 354:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> )</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> )</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>*/</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">//</ins>*/</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
</table>
Vadim
http://www.cruiserswiki.org/index.php?title=CruisersWiki:TOl3chartlet.js&diff=190510&oldid=prev
Vadim at 09:14, 15 January 2020
2020-01-15T09:14:39Z
<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 09:14, 15 January 2020</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 7:</td>
<td colspan="2" class="diff-lineno">Line 7:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>*/</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>*/</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">Promise.all( [</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">loadCss</ins>( 'https://cdnjs.cloudflare.com/ajax/libs/openlayers/4.5.0/ol-debug.<ins class="diffchange diffchange-inline">css</ins>' )</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> // use debug version, to allow patch below</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> loadJs</del>( 'https://cdnjs.cloudflare.com/ajax/libs/openlayers/4.5.0/ol-debug.<del class="diffchange diffchange-inline">js</del>' )<del class="diffchange diffchange-inline">,</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">loadJs</ins>( 'https://cdnjs.cloudflare.com/ajax/libs/openlayers/4.5.0/ol-debug.<ins class="diffchange diffchange-inline">js</ins>' ) <ins class="diffchange diffchange-inline">// use debug version, to allow patch below</ins></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> loadCss</del>( 'https://cdnjs.cloudflare.com/ajax/libs/openlayers/4.5.0/ol-debug.<del class="diffchange diffchange-inline">css</del>' )</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">])</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>.then( function () {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>.then( function () {</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> // try to recover from /extensions/TreeAndMenu/dtree.js overwriting Node</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> // try to recover from /extensions/TreeAndMenu/dtree.js overwriting Node</div></td></tr>
</table>
Vadim
http://www.cruiserswiki.org/index.php?title=CruisersWiki:TOl3chartlet.js&diff=190509&oldid=prev
Vadim at 09:12, 15 January 2020
2020-01-15T09:12:38Z
<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 09:12, 15 January 2020</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 31:</td>
<td colspan="2" class="diff-lineno">Line 31:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> KEY: 'Navionics_webapi_00572',</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> KEY: 'Navionics_webapi_00572',</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> DOMAIN: 'www.cruiserswiki.org',</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> DOMAIN: 'www.cruiserswiki.org',</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> <del class="diffchange diffchange-inline">BASE_TILE_SERVER</del>: 'https://tile{1-5}.navionics.com<del class="diffchange diffchange-inline">',</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> <ins class="diffchange diffchange-inline">TILE_URL</ins>: 'https://tile{1-5}.navionics.com/tile/{z}/{x}/{y}',</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> TILE_SUFFIX: '</del>/tile/{z}/{x}/{y}',</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> <ins class="diffchange diffchange-inline">TOKEN_URL</ins>: '<ins class="diffchange diffchange-inline">https://tile1.navionics.com</ins>/tile/get_key',</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> <del class="diffchange diffchange-inline">KEY_REQ_SUFFIX</del>: '/tile/get_key',</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> MAX_RESOLUTION: 20480,</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> MAX_RESOLUTION: 20480,</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> MIN_RESOLUTION: 0.625,</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> MIN_RESOLUTION: 0.625,</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 64:</td>
<td colspan="2" class="diff-lineno">Line 63:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> if ( Navionics.token != null )</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> if ( Navionics.token != null )</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> return Navionics.token</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> return Navionics.token</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> var url = Navionics.<del class="diffchange diffchange-inline">BASE_TILE_SERVER.replace( /\{(.-.)\}/, '1') + Navionics.KEY_REQ_SUFFIX </del> + '/' + Navionics.KEY + '/' + Navionics.DOMAIN</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> var url = Navionics.<ins class="diffchange diffchange-inline">TOKEN_URL </ins> + '/' + Navionics.KEY + '/' + Navionics.DOMAIN</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> return Navionics.token = Promise.resolve( $.ajax({</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> return Navionics.token = Promise.resolve( $.ajax({</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> url: url,</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> url: url,</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 111:</td>
<td colspan="2" class="diff-lineno">Line 110:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> navtoken: options.token</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> navtoken: options.token</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> })</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> })</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> return Navionics.<del class="diffchange diffchange-inline">BASE_TILE_SERVER + Navionics.TILE_SUFFIX </del>+ '?' + params </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> return Navionics.<ins class="diffchange diffchange-inline">TILE_URL </ins>+ '?' + params </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
</table>
Vadim
http://www.cruiserswiki.org/index.php?title=CruisersWiki:TOl3chartlet.js&diff=190507&oldid=prev
Vadim at 08:58, 15 January 2020
2020-01-15T08:58:33Z
<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 08:58, 15 January 2020</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 27:</td>
<td colspan="2" class="diff-lineno">Line 27:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>})</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>})</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>.then( function () {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>.then( function () {</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> var urlRange = function ( url ) {</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> var match = url.match( /\{(.-.)\}/ )</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> if ( ! match ) </del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> return [ url ]</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> var rangeRe = RegExp( '[' + match[1] + ']+' )</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> var a_z = '0123456789abcdefghijklmnopqrstuvwxyz'</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> var range = a_z.match( rangeRe )[0].split( '' )</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> return range.map( function( c ) {</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> return url.replace( match[0], c )</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> })</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"> } </del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var Navionics = {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var Navionics = {</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> token: null,</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> token: null,</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 75:</td>
<td colspan="2" class="diff-lineno">Line 64:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> if ( Navionics.token != null )</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> if ( Navionics.token != null )</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> return Navionics.token</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> return Navionics.token</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> var url = <del class="diffchange diffchange-inline">urlRange( </del>Navionics.BASE_TILE_SERVER )<del class="diffchange diffchange-inline">[ 0 ] </del>+ Navionics.KEY_REQ_SUFFIX + '/' + Navionics.KEY + '/' + Navionics.DOMAIN</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> var url = Navionics.BASE_TILE_SERVER<ins class="diffchange diffchange-inline">.replace( /\{(.-.)\}/, '1'</ins>) + Navionics.KEY_REQ_SUFFIX + '/' + Navionics.KEY + '/' + Navionics.DOMAIN</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> return Navionics.token = Promise.resolve( $.ajax({</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> return Navionics.token = Promise.resolve( $.ajax({</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> url: url,</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> url: url,</div></td></tr>
</table>
Vadim
http://www.cruiserswiki.org/index.php?title=CruisersWiki:TOl3chartlet.js&diff=190506&oldid=prev
Vadim at 08:54, 15 January 2020
2020-01-15T08:54:45Z
<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 08:54, 15 January 2020</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 98:</td>
<td colspan="2" class="diff-lineno">Line 98:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> .then( function ( token ) {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> .then( function ( token ) {</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> options.token = token</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> options.token = token</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> var <del class="diffchange diffchange-inline">urls </del>= Navionics.<del class="diffchange diffchange-inline">getTileUrls</del>( options )</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> var <ins class="diffchange diffchange-inline">url </ins>= Navionics.<ins class="diffchange diffchange-inline">getTileUrl</ins>( options )</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> self.<del class="diffchange diffchange-inline">setUrls</del>( <del class="diffchange diffchange-inline">urls </del>)</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> self.<ins class="diffchange diffchange-inline">setUrl</ins>( <ins class="diffchange diffchange-inline">url </ins>)</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> })</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> })</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> .catch( function( err ) {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> .catch( function( err ) {</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 108:</td>
<td colspan="2" class="diff-lineno">Line 108:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ol.inherits( Navionics.source, ol.source.XYZ )</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> ol.inherits( Navionics.source, ol.source.XYZ )</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> Navionics.<del class="diffchange diffchange-inline">getTileUrls </del>= function ( options ) { // sonar, overlay, depthUnit, safeDepth, showUGC</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> Navionics.<ins class="diffchange diffchange-inline">getTileUrl </ins>= function ( options ) { // sonar, overlay, depthUnit, safeDepth, showUGC</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> options = options || {}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> options = options || {}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var layerConfig = [</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> var layerConfig = [</div></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 122:</td>
<td colspan="2" class="diff-lineno">Line 122:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> navtoken: options.token</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> navtoken: options.token</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> })</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> })</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div> return <del class="diffchange diffchange-inline">urlRange( </del>Navionics.BASE_TILE_SERVER + Navionics.TILE_SUFFIX + '?' + params <del class="diffchange diffchange-inline">)</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> return Navionics.BASE_TILE_SERVER + Navionics.TILE_SUFFIX + '?' + params </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
</table>
Vadim