Difference between revisions of "Widget:SpaceAPI"

From Hackerspace ACKspace
Jump to: navigation, search
m (disable default zoom if we have a beacon)
m (fix widget and map heights)
Line 126: Line 126:
 
}
 
}
 
node.style.width = this._width;
 
node.style.width = this._width;
 +
node.style.width = this._height;
 +
 
node.style.textAlign = "center";
 
node.style.textAlign = "center";
 
node.style.BoxShadow = "3px 3px 4px rgba(0,0,0,0.2)";
 
node.style.BoxShadow = "3px 3px 4px rgba(0,0,0,0.2)";
Line 136: Line 138:
 
this._node.style.display = "block";
 
this._node.style.display = "block";
 
this._node.style.color = "inherit";
 
this._node.style.color = "inherit";
this._node.style.height = this._height + "px";
 
 
this._node.style.padding = this._padding;
 
this._node.style.padding = this._padding;
 
this._node.textContent = this._msgLoading;
 
this._node.textContent = this._msgLoading;
Line 146: Line 147:
 
var mapNode = node.appendChild( document.createElement( "div" ) );
 
var mapNode = node.appendChild( document.createElement( "div" ) );
 
mapNode.style.width = "100%";
 
mapNode.style.width = "100%";
mapNode.style.height = "276px";
+
mapNode.style.height = "calc(" + this.height + " - 2em)";
 
 
 
srcNode = document.createElement( "link" );
 
srcNode = document.createElement( "link" );

Revision as of 09:47, 2 October 2018

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
|features=beacon
}}

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.