/** * Global variables * */ var appowner = {} var appviewer = {} var appownerfriends = {} function implode( glue, pieces ) { return ( ( pieces instanceof Array ) ? pieces.join ( glue ) : pieces ); } function init(){ var req = opensocial.newDataRequest(); req.add(req.newFetchPersonRequest(opensocial.IdSpec.PersonId.OWNER), 'owner'); req.add(req.newFetchPeopleRequest(opensocial.newIdSpec({'userId':'OWNER', 'groupId':'FRIENDS'})), 'ownerFriends'); req.add(req.newFetchPersonRequest(opensocial.IdSpec.PersonId.VIEWER), 'viewer'); req.send(function(response){ appowner = response.get('owner').getData(); appviewer = response.get('viewer').getData(); appownerfriends = response.get('ownerFriends').getData(); var thumbnail = appowner.getField(opensocial.Person.Field.THUMBNAIL_URL); var firstname = appowner.getDisplayName(); var fname = (appowner.getDisplayName()).split(" "); if(fname.length > 2){ firstname = fname[0] +' '+ fname[1]; }else{ firstname = fname[0]; } var msg = ''; // TODO: Remotely fetch list of the next spots to skate var nextspot = new Array; nextspot.push('Mont Kiara Skatepark'); nextspot.push('KJ Ledges'); // Build message if(nextspot.length > 1){ msg += ' plans to skate '; for(var i=0; i'; if( (nextspot.length != 1) && (i != (nextspot.length - 1)) && (i != (nextspot.length - 2)) ){ msg += ', '; } } }else{ msg += ' plans to skate '+ ''+ nextspot[0] +''; } var html = new Array; // Display owner thumbnail & his/her plans html.push('

'+ firstname + msg +'

'); // TODO: Remotely fetch a list of people who joined owner's session. Right now just display a list of friends as an example. html.push('

These guys are joining him:

'); html.push(''); html.push(''); html.push(''); html.push('
'); document.getElementById('gadgetuserinfo').innerHTML = html.join(''); // Clear HTML array html = []; // TODO: Remotely fetch a list of skate spots based on country var skatespot = new Array; skatespot.push('Mont Kiara Skate Park'); skatespot.push('Shah Alam X-Park'); skatespot.push('Kampung Batu Extreme Park'); skatespot.push('Putrajaya X-Park'); // Display skate spots html.push(''); document.getElementById('listSkatespot').innerHTML = html.join(''); }); }; function loadSkatespot(){ var skatespot = document.getElementById('skatespot'); var selected = skatespot.options[skatespot.selectedIndex].text; var value = skatespot.options[skatespot.selectedIndex].value; var html = new Array; if(value >= 0){ html.push('

'+ selected +'

'); html.push('

Some description about the skate spot. Concrete skate park. Indoor skate park. Covered, outdoor skate park. Great for technical and creative flow.

'); document.getElementById('skatespotinfo').innerHTML = html.join(''); }else{ document.getElementById('skatespotinfo').innerHTML = ''; } } function jomSkate(){ statusMsg('You just joined '+ appowner.getDisplayName() +' session.'); gadgets.window.adjustHeight(); } function statusMsg(text){ var msg = new gadgets.MiniMessage(__MODULE_ID__); msg.createDismissibleMessage(text); } function displayForm(close){ var current = 'none'; if(close == 'show'){ current = 'block';} document.getElementById('gadgetform').style.display = current; gadgets.window.adjustHeight(); } function postActivity(){ var thespot = document.getElementById('skatespot').options[document.getElementById('skatespot').selectedIndex].text; var thehour = document.getElementById('timeHour').options[document.getElementById('timeHour').selectedIndex].text; var themin = document.getElementById('timeMin').options[document.getElementById('timeMin').selectedIndex].text; var ampm = document.getElementById('timeAMPM').options[document.getElementById('timeAMPM').selectedIndex].text; var errmsg = ''; if( (themin == '') || (thehour == '') ){ errmsg += "Please set the time\n"; } if( thespot == 'Select a skate spot...' ){ errmsg += "Please select a skate spot\n"; } if(errmsg){ return; } msg = 'skating '+ thespot +' @ '+ thehour +':'+ themin + ampm; postActivityMsg(msg); statusMsg('OK'); gadgets.window.adjustHeight(); } function postActivityMsg(text){ var params = {}; params[opensocial.Activity.Field.TITLE] = text; var activity = opensocial.newActivity(params); opensocial.requestCreateActivity(activity, opensocial.CreateActivityPriority.HIGH, function(){}); } /** * Initialize gadget */ gadgets.util.registerOnLoadHandler(init);
]]> function navigateToCanvas() { var canvas = gadgets.views.getSupportedViews()["canvas"]; gadgets.views.requestNavigateTo(canvas); } function init(){ var req = opensocial.newDataRequest(); req.add(req.newFetchPersonRequest(opensocial.IdSpec.PersonId.OWNER), 'owner'); req.send(function(response){ var owner = response.get('owner').getData(); var owner_thumb = owner.getField(opensocial.Person.Field.THUMBNAIL_URL); var html = new Array; // Display owner thumbnail & his/her plans // html.push(''+ owner.getDisplayName() +''); html.push('

'); html.push(owner.getDisplayName() +' plans to skate Mont Kiara Skate Park and KJ Ledges.'); html.push(''); html.push('

'); document.getElementById('gadgetuserinfo').innerHTML = html.join(''); // Reset HTML array html = []; // Display recent activities // TODO: Fetch a list of recent activites for user var activity = new Array; activity.push('skated Shah Alam X-Park yesterday'); activity.push('skated Putrajaya Ledges 4 days ago'); activity.push('suggested a new skate spot: KJ marble ledges'); activity.push('skated Mont Kiara Skate Park 5 days ago'); activity.push('skated PBD Ledges last week'); if(activity.length > 0){ html.push('

Recently

'); } html.push(''); document.getElementById('recently').innerHTML = html.join(''); gadgets.window.adjustHeight(); }); }; /** * Initialize gadget */ gadgets.util.registerOnLoadHandler(init);
]]>