"""
web widgets for MURSAT1 Dashboard
"""

import time
import ephem
from MmdLocation import Location

def createJavaArray (point_list, name):
  astring = '''var {0} = new Array (\n'''.format (name)
  astring = '{0}\tnew Array ('.format (astring)
  last = 'west'

  for point in point_list:
    if point[0][0] == '-':
      if last == 'east':
        astring = astring[:-1]
        astring = '{0}\n\t\t),\n\tnew Array ('.format (astring)
      last = 'west'
    else:
      last = 'east'
    astring = '{0}\n\t\tnew OpenLayers.LonLat ({1}, {2}).transform (from, to),'.format (astring, point[0], point[1])
  if astring[-1] == ',':
    astring = astring[:-1]
  astring = '{0}\n\t\t)\n\t);'.format (astring)
  return astring

def dms2degdec (lonlat):
  parts = lonlat.split (':')
  if len (parts) != 3:
    return 0.0
  degrees = float (parts[0])
  fraction =  (float (parts[1]) * 60.0 + float (parts[2])) / 3600
  if parts[0][0] == '-':
    return degrees - fraction
  return degrees + fraction

def computeTrajectory (longitude, latitude, elevation):
  """
  test for static TLE to trajectory computation
  """

  line0 = "ARISSAT-1/RADIOSCAF-B"
  line1 = "1 37772U 98067CK  11220.22334818  .00031592  00000-0  37647-3 0   118"
  line2 = "2 37772  51.6391 258.8215 0013530  58.1430  19.7106 15.60689826   619"

  sat = ephem.readtle (line0, line1, line2)
  graz = ephem.Observer ()
  graz.long, graz.lat, graz.elevation = longitude, latitude, elevation

  sat.compute (graz)
  point_list = [(str (dms2degdec (sat.sublong.__str__ ())), str (dms2degdec (sat.sublat.__str__ ())))]

  # calculate points for next three hours
  for i in range (60 * 3):
    graz.date += ephem.minute
    sat.compute (graz)
    point_list.append (
      (str (dms2degdec (sat.sublong.__str__ ())), str (dms2degdec (sat.sublat.__str__ ())))
      )

  return  point_list[0][0], point_list[0][1], createJavaArray (point_list, 'curves')

def loginFormWidget ():
  html = '''
   <script>
    $(document).ready(function(){
     $("#loginForm").validate();
    });
   </script>
   <form id="loginForm" class="cmxform" method="post" accept-charset="UTF-8">
    <fieldset>
     <legend>
      Please enter your email and password in the form below.
     </legend>
     <p>
      <label for="email">Email</label>
      <em>*</em><input class="required email formfield" type="text" name="email" id="email" />
     </p>
     <p>
      <label for="password">Password</label>
      <em>*</em><input class="required password formfield" type="password" name="password" />
     </p>
     <p>
      <input class="formfield" type="submit" value="login" />
      <input class="formfield" type="hidden" name="cmd" value="login" />
     </p>
    </fieldset>
   </form>
   <div class="info">
    Don't have an account yet?  <a href="?cmd=registerForm">Register</a> here!
   </div>
  '''

  return html

def loginWidget (user):
  html = '''
  <h3>Hello {0} {1}!</h3>
  <div>
   You are now logged on to MMD.
  </div>
  '''.format (user.firstname, user.lastname)

  return html

def logoutWidget ():
  html = '''
  <div>
   You have been logged out.
  </div>
  '''

  return html

def registerFormWidget ():
  html = '''
   <script>
    $(document).ready(function(){
     $("#registerForm").validate({
      rules: {
        longitude: {
          required: "#location:checked",
          range: [-180, 180]
        },
        latitude: {
          required: "#location:checked",
          range: [-90, 90]
        }
      }
     });
    });
   </script>
   <form id="registerForm" method="post" accept-charset="UTF-8">
    <fieldset>
     <legend>
      Please fill in the form below and click on register.
     </legend>
     <p>
      <label for="firstname">Firstname</label>
      <em>*</em><input class="required formfield" id="firstname" type="text" name="firstname" />
     </p>
     <p>
      <label for="lastname">Lastname</label>
      <em>*</em><input class="required formfield" id="lastname" type="text" name="lastname" />
     </p>
     <p>
      <label for="email">Email</label>
      <em>*</em>
      <input class="required email formfield" id="email" type="text" name="email" />
     </p>
     <p>
      <label for="callsign">Callsign</label>
      <em>&nbsp;</em><input class="formfield" type="text" name="callsign" />
     </p>
     <p>
      <label for="password">Password</label>
      <em>*</em><input class="required password formfield" id="password" type="password" name="password" />
     </p>
     <p>
      <label for=="confirm">Confirm Password</label>
      <em>*</em><input class="required password formfield" id="confirm" equalTo="#password" type="password" name="confirm" />
     </p>
     <p>
      <label for="location">Check to enter location</label>
      <em>&nbsp;</em><input class="formfield" type="checkbox" id="location" value="" />
     </p>
     <p>
      <label for="location_name">Name</label>
      <em>&nbsp;</em><input class="formfield" type="text" name="location_name" />
     </p>
     <p>
      <label for="longitude">Longitude</label>
      <em>*</em><input class="formfield" type="text" id="longitude" name="longitude" />
     </p>
     <p>
      <label for="latitude">Latitude</label>
      <em>*</em><input class="formfield" type="text" id="latitude" name="latitude" />
     </p>
     <p>
      <label for="altitude">Altitude</label>
      <em>&nbsp;</em><input class="formfield" type="text" id="altitude" name="altitude" />
     </p>
     <p>
      <input class="formfield" type="submit" value="register" />
      <input class="formfield" type="hidden" name="cmd" value="register" />
     </p>
    </fieldset>
   </form>
   <div class="info">
    Fields marked with * are mandatory.
   </div>
  '''

  return html

def registerWidget ():
  html = '''
  <h3>Thank you for registering!</h3>
  <div>
   You will receive an email containing a link to complete your registration.  This link will stay valid for 24 hours.
  </div>
  <div>
   Regards from the MURSAT1 team
  </div>
  '''

  return html

def completeRegistrationWidget (code):
  html = '''
  <h3>Completing registration!</h3>
  <div>
   By clicking <a href="?cmd=confirmRegistration&code={0}">confirm</a> you confirm you registration to the MURSAT1 Mission Dashboard.  If you received an email that brought you here but never registered, you might want to <a href="?cmd=cancelRegistration&code={0}">cancel</a> the registration or simply do nothing since a registration code is only valid vor 24 hrs.
  </div>
  <div>
   Greetings from the MURSAT1 Team!
  </div>
  '''.format (code)

  return html

def confirmRegistrationWidget (user):
  html = '''
  <h3>Dear {0} {1}!</h3>
   <div>
    Thank you for participating in this project by registerting here!  We are looking forward to receiving your reports from MURSAT1.
   </div>
   <div>
    Sessions here stay valid for 48 hours after your last click.  If your session expires, just use your email and password to logon again using this link: <a href="http://hofos.at/mmd/?cmd=login">http://hofos.at/mmd/?cmd=login</a>.
   </div>
   <div>
    Greetings from the MURSAT1 team
   </div>
   '''.format (user.firstname, user.lastname)

  return html

def cancelRegistrationWidget ():
  html = '''
  <h3>We are sorry!</h3>
  <div>
   Your registration has been canceled and all the data has been deleted from our records.
  </div>
  <div>
   Regards from the MURSAT1 team
  </div>
  '''

  return html

def creditsWidget ():
  html = '''
  <div class="info">
   Thanks to <a href="http://openstreetmap.org/">OpenStreetMap</a> for this great project.  Plotting the
   trajectory would not have been possible without <a href="http://openlayers.org">OpenLayers</a> JavaScript
   Mapping Library and the <a href="http://rhodesmill.org/pyephem/index.html">PyEphem</a> module to compute
   astronomical data.
  </div>
  '''
  
  return html

def errorWidget (error_message):
  html = '''
  <h3>An error occured!</h3>
  <div>Error: {0}</div>
  <div>Description: {1}</div>
  '''.format (error_message['error'], error_message['description'])

  return html

def submitFormWidget ():
  html = '''
  sorry, no form yet!
  '''
  
  return html

def submitWidget ():
  html = '''
  need processing of data
  '''

  return html

def logWidget ():
  html = '''
  Log data, lot's of log data ...
  '''

  return html

def osmWidget (session):
  user_location = session.user.getDefaultLocation ()
  if not user_location:
    user_location = Location ()
  html = '''
  <iframe src="http://hofos.at/tracker?name={0}&longitude={1}&latitude={2}&altitude={3}" width="514px" height="400px" frameborder="0" scrolling="no"></iframe>
  '''.format (
    user_location.name,
    user_location.longitude,
    user_location.latitude,
    user_location.altitude
    )

  return html

# def osmWidget (session):
#   user_location = session.user.getDefaultLocation ()
#   if not user_location:
#     user_location = Location ()
#   minutes_preview = 180
# 
#   html = '''
#   <div id="osm"></div>
#   <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
#   <script type="text/javascript">
#     // satellite and user position
#     var from = new OpenLayers.Projection ("EPSG:4326");
#     var to = new OpenLayers.Projection ("EPSG:900913");
#     var sat_position = new OpenLayers.LonLat ({0}, {1}).transform (from, to);
#     var user_location = new OpenLayers.LonLat ({2}, {3}).transform (from, to);
# 
#     // create a map
#     var map = new OpenLayers.Map ("osm");
#     map.addLayer (new OpenLayers.Layer.OSM ());
# 
#     // create a markers
#     var markersLayer = new OpenLayers.Layer.Markers ("Markers");
#     var sat = new OpenLayers.Marker (sat_position);
#     var user = new OpenLayers.Marker (user_location);
#     user.setOpacity (0.5);
#     map.addLayer (markersLayer);
#     markersLayer.addMarker (sat);
#     markersLayer.addMarker (user);
# 
#     // array build by python ;)
#     {4}
# 
#     // points/polygons
#     var lineLayer = new OpenLayers.Layer.Vector ("Polygons");
#     map.addLayer (lineLayer);
#     // map.addControl (new OpenLayers.Control.DrawFeature(lineLayer, OpenLayers.Handler.Path));
#     var Features = new Array ();
#     // var colors = new Array ('#ff0000', '#00ff00', '#0000ff');
# 
#     for (var i = 0; i < curves.length; i++)
#     {{
#       var points = new Array ();
#       for (var j = 0; j < curves[i].length; j++)
#       {{
#         points.push (new OpenLayers.Geometry.Point (curves[i][j].lon, curves[i][j].lat));
#       }}
#       var c = i % 3;
#       var lineStyle = {{strokeColor: '#003366', strokeOpacity: 1, strokeWidth: 1}};
#       Features.push (new OpenLayers.Feature.Vector (new OpenLayers.Geometry.LineString (points), null, lineStyle))
#     }}
# 
#     lineLayer.addFeatures (Features);
# 
#     // zoom to world view
#     map.zoomTo (1);
#     
#   </script>
#   <div class="info">
#    The map shows the satellite's expected ground track for the next {5} minutes.
#   </div>
#   '''.format (
#     session.satellite.longitude,
#     session.satellite.latitude,
#     user_location.longitude,
#     user_location.latitude,
#     session.satellite.getTrajectoryAsJavaArray ('curves', minutes_preview),
#     minutes_preview
#     )
# 
#   return html

def statusWidget (session):
  if session.status == 'auth':
    inout = '''Status: logged in as {0}. <span id="logout"><a href="?cmd=logout">logout</a></span>'''.format (session.user.email)
  else:
    inout = '''Status: logged out. <span id="login"><a href="?cmd=loginForm">login</a></span>'''
  html = '''
   <a href="/mmd/">
    <img src="http://sat.mur.at/pics/sat-logo-notext.png" alt="mur.sat logo" />
   </a>
   MURSAT1 Mission Dashboard
   <div class="info">
    {0}. Local time is {1}.
   </div>
  '''.format (inout, time.strftime ('%c'))

  return html

def indexWidget (rcol, lcol, status, debug_info = False):
  if debug_info:
    user_location = debug_info.user.getDefaultLocation ()
    if not user_location:
      user_location = Location ()
    debug = '''
    <pre class="debug">
     Debug Info
     ==========
     SESSION:
     SessionId: {0}
     IP: {1}
     Email: {2}
     Status: {3}
     Expires: {4}
     Renewal: {5}
     Now: {6}
     =====
     USER:
     User's Location Name: {7}
     Longitude: {8}
     Latitude: {9}
     ==========
     SATELLITE:
     Latest SSP: {10}
    </pre>
    '''.format (
      debug_info.session_id,
      debug_info.ip,
      debug_info.user.email,
      debug_info.status,
      time.strftime ('%c', time.localtime (float (debug_info.expires))),
      time.strftime ('%c', time.localtime (float (debug_info.renewal))),
      time.strftime ('%c'),
      user_location.name,
      user_location.longitude,
      user_location.latitude,
      time.strftime ('%c', time.localtime (float (debug_info.satellite.getLatestSSP()['timestamp']))))
  else:
    debug = ''

  html = '''
<!Doctype html>
<html>
 <head>
  <title>MURSAT1 Dashboard</title>
  <meta charset="utf-8" />
  <link rel="stylesheet" type="text/css" href="static/mmd.css" />
  <script type="text/javascript" src="static/jquery.js"></script>
  <script type="text/javascript" src="static/jquery.validate.js"></script>
 </head>
 <body>
  <div id="status">
   {0}
  </div>
  <div id="lcol">
   {1}
  </div>
  <div id="rcol">
   {2}
  </div>
  <div id="dev">
   Development version.  Kindly ignore everything below this line.
  </div>
   {3}
 </body>
</html>
  '''.format (status, lcol, rcol, debug)

  return html

def menuWidget (session):
  html = '''
   <div id="menu">
    <div>
     <a href="?cmd=submitForm">Submit</a> a report
    </div>
    <div>
     View <a href="?cmd=viewlog">Log</a> of reports
    </div>
    <div>
     Checkout the <a href="http://sat.mur.at/">project page</a>
    </div>
    <div>
     {0}
    </div>
   </div>
  '''.format (session.message)

  return html

def dataWidget (session):
  timestamp, longitude, latitude = session.satellite.getCurrentSSP ()

  html = '''
   <div id="datahead">
    {0}
   </div>
   <hr />
   <div>Time: 00 D 00 H 00 M 00 S</div>
   <div title="Longitude of sub satellite point in degrees east/west of Greenwich">SSP Longitude: {1}</div>
   <div title="Latitude of sub satellite point in degrees north/south of equator">SSP Latitude: {2}</div>
   <div title="Satellite's altitude above sea level in meters">Altitude: {3}m</div>
   <hr />
   <div><a href="?cmd=submitForm">Submit</a> a report</div>
   <div>View <a href="?cmd=viewlog">Log</a> of reports</div>
   <hr />
   <div>Checkout the <a href="http://sat.mur.at/">project page</a>!</div>
  '''.format (session.satellite.name, session.satellite.longitude, session.satellite.latitude, session.satellite.altitude)
  
  return html

if __name__ == "__main__":
  pass

# vim: ft=html tw=0 ts=2 expandtab
# EOF