Difference between revisions of "Widget:SpaceAPI"

From Hackerspace ACKspace
Jump to: navigation, search
(allow relative url for spaceAPI and since colon is not allowed anymore: URLs will be without protocol and may well be relative)
m (added processing class)
Line 88: Line 88:
 
         SpaceState.prototype._fetchSpaceState = function( )
 
         SpaceState.prototype._fetchSpaceState = function( )
 
         {
 
         {
             this._node.textContent += ".";
+
             this._node.className = "processing";
 
             var xhr = new XMLHttpRequest( );
 
             var xhr = new XMLHttpRequest( );
 
             if ( !!( "onload" in xhr ) )
 
             if ( !!( "onload" in xhr ) )
Line 121: Line 121:
 
         SpaceState.prototype._updateSpaceState = function( _message, _color, _title )
 
         SpaceState.prototype._updateSpaceState = function( _message, _color, _title )
 
         {
 
         {
 +
            this._node.className = "";
 
             this._node.textContent = _message;
 
             this._node.textContent = _message;
 
             this._node.style.backgroundColor = _color;
 
             this._node.style.backgroundColor = _color;

Revision as of 16:05, 21 March 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.