Difference between revisions of "Widget:SpaceAPI"

From Hackerspace ACKspace
Jump to: navigation, search
m (sensor data interpretation fail (fixed))
m (added last update timestamp popup)
Line 228: Line 228:
 
                     this._beacon.circle.setRadius( this.data.sensors.beacon[0].location.accuracy );
 
                     this._beacon.circle.setRadius( this.data.sensors.beacon[0].location.accuracy );
 
                     this._beacon.marker.setIcon( this._beacon.icons[ this.data.sensors.beacon[0].name ] || new L.Icon.Default() );
 
                     this._beacon.marker.setIcon( this._beacon.icons[ this.data.sensors.beacon[0].name ] || new L.Icon.Default() );
 +
                    this._beacon.marker.bindPopup( "Hackers on a Bike<br/>Last update: " + new Date( this.data.sensors.beacon[0].ext_lastchange ) );
 +
                    console.log( new Date() - this.data.sensors.beacon[0].ext_lastchange );
 
                 }
 
                 }
 
                 else
 
                 else
Line 235: Line 237:
 
                     this._beacon.circle.setRadius( 20 );
 
                     this._beacon.circle.setRadius( 20 );
 
                     this._beacon.marker.setIcon( new L.Icon.Default() );
 
                     this._beacon.marker.setIcon( new L.Icon.Default() );
 +
                    this._beacon.marker.unbindPopup( );
 
                 }
 
                 }
  

Revision as of 09:10, 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.