#Solari Board

Fogcreek has used its Big Board for close to three years...and now you can have your own!

The Solari Board jQuery application will accept any JSON payload. The support team at fog creek feeds in tech call information from FogBugz, but the possibilities are limitless!

The solari board assumes a json structure in the following format:

[
    {'sDate':'today','sTime':'13:30','sDeparture':'foo@example.com','nStatus':1,'nTrack':17, 'fLight':true},
    {'sDate':'yesterday','sTime':'16:00','sDeparture':'bar@example.com','nStatus':2,'nTrack':19, 'fLight':false},
    {'sDate':'July 8th, 2013','sTime':'16:30','sDeparture':'baz@example.com','nStatus':2,'nTrack':23, 'fLight':false}
]		

#How do I use it?

1. Include the following lines in your html:

    <!-- Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Kelly+Slab' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
    
    <!-- jQuery, transit (for animations), date.js and the solari board -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.transit.min.js"></script>
    <script type="text/javascript" src="js/date.js"></script>	
    <script type="text/javascript" src="js/solari.js"></script> 
    
    <!-- CSS -->		
    <link rel="stylesheet" type="text/css" href="css/solari.css" />
    
    <!-- Audio -->
    <audio src="audio/solari.mp3" id='solari-audio'>
    		Your browser does not support the audio element.
    </audio>
   

• Add the following script to your webpage's head: <script> $(document).ready(function() { //remove the div parameter to append directly to body addSolariBoard("#myDIv"); }); </script>

• point the board to the script that will feed it json

    $.post('../example/postJson.py', //replace this with your own script   
  

Currently, Google Chrome and Internet Explorer are the only supported browsers. This is due to an issue in animating the css property 'backgroundPositionY' on other browsers.

##Additional Configuration and Example

• toggle "status_override" to have the board automatically change the status column using time and date due.
• the sDate field takes any date.js parsable string
• the included example is a python script that will get connect to a FogBugz installation through the xml ap. Just place all files and folders onto a python enabled server (you may need to edit the first line of postJson.py to point to your own python installation).

##Copyright Copyright © 2013 Fog Creek Software, Inc. All rights reserved. ###Licensing The Solari Board is licensed under the MIT license.