Difference between revisions of "Widget:SpaceAPI"

From Hackerspace ACKspace
Jump to: navigation, search
m (added hot zone circle)
m (Try and fix SpaceAPI popup alignment)
 
(4 intermediate revisions by the same user not shown)
Line 446: Line 446:
 
"000005667ABD" : L.polygon( [[50.892458293019,5.971340775608], [50.892410920402,5.9713032246818], [50.8924743319376, 5.9711186739150435], [50.89251872057557, 5.97115655487869]], {stroke:0,fillOpacity:0.8} ).addTo( this._leaflet.map ),
 
"000005667ABD" : L.polygon( [[50.892458293019,5.971340775608], [50.892410920402,5.9713032246818], [50.8924743319376, 5.9711186739150435], [50.89251872057557, 5.97115655487869]], {stroke:0,fillOpacity:0.8} ).addTo( this._leaflet.map ),
 
// barbecue
 
// barbecue
"DEADBEEF0" : L.circle( [ 50.89277, 5.97134 ], 1, {stroke:0,fillOpacity:0.8} ).addTo( this._leaflet.map )
+
"DEADBEEF0" : L.circle( [ 50.89277, 5.97134 ], 1, {stroke:0,fillOpacity:0.8} ).addTo( this._leaflet.map ),
 
// hot zone
 
// hot zone
 
"00000567138A" : L.circle( [ 50.89250, 5.9711867 ], 2, {stroke:0,fillOpacity:0.8} ).addTo( this._leaflet.map )
 
"00000567138A" : L.circle( [ 50.89250, 5.9711867 ], 2, {stroke:0,fillOpacity:0.8} ).addTo( this._leaflet.map )
Line 786: Line 786:
 
popup = this._leaflet.marker.bindPopup().getPopup();
 
popup = this._leaflet.marker.bindPopup().getPopup();
  
var info = "<img src='" + this.data.logo + "'><br/>";
+
var info = '<img src="' + this.data.logo + '" style="max-width:'+this._width+'px;width:100%"><br/>';
 
var l = this.data.location, s = this.data.spacefed;
 
var l = this.data.location, s = this.data.spacefed;
 
info += l.address+"<br/>";
 
info += l.address+"<br/>";
Line 794: Line 794:
 
if ( l.ext_room )
 
if ( l.ext_room )
 
info += ", room " + l.ext_room;
 
info += ", room " + l.ext_room;
 +
info += "<br/>☎ " + '<a target="blank" href="tel:+'+this.data.contact.phone+'">+'+this.data.contact.phone+'</a>';
 
info += "<br/>" + this._tristate( s.spacenet ) + ' <a target="blank" href="Spacenet">spacenet</a>';
 
info += "<br/>" + this._tristate( s.spacenet ) + ' <a target="blank" href="Spacenet">spacenet</a>';
 
info += "<br/>" + this._tristate( s.ext_spacenet5g ) + " spacenet (5GHz)";
 
info += "<br/>" + this._tristate( s.ext_spacenet5g ) + " spacenet (5GHz)";
Line 800: Line 801:
 
info += "<br/>" + this._tristate( s.spacephone ) + ' <a target="blank" href="Spacephone">spacephone</a>';
 
info += "<br/>" + this._tristate( s.spacephone ) + ' <a target="blank" href="Spacephone">spacephone</a>';
 
if ( s.ext_spacephone_extension )
 
if ( s.ext_spacephone_extension )
info += ": +" + s.ext_spacephone_extension;
+
info += ": E" + s.ext_spacephone_extension;
  
 
popup.setContent( info );
 
popup.setContent( info );

Latest revision as of 17:51, 24 April 2023

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=300px
|padding=8px
|interval=20
|float=right
|features=beacon,annex
}}

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.