Difference between revisions of "Widget:SpaceAPI"

From Hackerspace ACKspace
Jump to: navigation, search
m (now if I only physically try to add the button, it just might work...)
m (update radius, immediate follow on toggle)
Line 140: Line 140:
 
                                 this._beacon.follow = !this._beacon.follow;
 
                                 this._beacon.follow = !this._beacon.follow;
 
                                 _evt.currentTarget.className = "leaflet-clickable" + (this._beacon.follow ? " toggle" : "");
 
                                 _evt.currentTarget.className = "leaflet-clickable" + (this._beacon.follow ? " toggle" : "");
               
+
 
                                 console.log( _evt.currentTarget, this )
+
                                 // Update the map immediately
 +
                                if ( this._beacon.follow )
 +
                                    this._beacon.map.setView( this._beacon.point, 16, {} );
 +
 
 
                             }.bind( this ) );
 
                             }.bind( this ) );
 
                  
 
                  
Line 304: Line 307:
 
                 else
 
                 else
 
                 {
 
                 {
                     // Assume mandatory location of the space with a 20m radius
+
                     // Assume mandatory location of the space with a 8m radius
 
                     this._beacon.point = L.latLng( this.data.location.lat, this.data.location.lon );
 
                     this._beacon.point = L.latLng( this.data.location.lat, this.data.location.lon );
                     this._beacon.circle.setRadius( 20 );
+
                     this._beacon.circle.setRadius( 8 );
 
                     this._beacon.marker.setIcon( new L.Icon.Default() );
 
                     this._beacon.marker.setIcon( new L.Icon.Default() );
 
                     this._beacon.marker.unbindPopup( );
 
                     this._beacon.marker.unbindPopup( );

Revision as of 10:48, 12 May 2016

This widget allows you to display the Space API data (provided as JSON)

Created by Xopr

Using this widget

To insert this widget, use the following code:

{{#widget:SpaceAPI
|url=/spaceAPI/
|width=260px
|height=20px
|padding=8px
|interval=20
|float=right
}}

This will give the following result:

Notes

  • url is mandatory, the rest is optional (leave out interval to make the data static).
    it also must be written without protocol since colon (:) is not allowed, and may be relative, for example: //ackspace.nl/spaceAPI/ or /spaceAPI/
  • You must provide a unit for the sizes (i.e. px, %, etc.)

Copy to your site

To use this widget on your site, just install MediaWiki Widgets extension and copy full source code of this page to your wiki as Widget:SpaceAPI article.