opensocialtutorial.xml

<?xml version="1.0" encoding="UTF-8"?>
<Module>
    <ModulePrefs title="Profiles Social-Web Navigator">
        <Require feature="opensocial-0.9" />
        <Require feature="views" />
        <Require feature="dynamic-height" />
        <Require feature="settitle" />
        <Require feature="osapi"/>
    </ModulePrefs>
    <Content type="html">
    <![CDATA[
    <script type="text/javascript">
        var globalPerson = {};
        var globalMessages = {};
        var globalList = 1;
        var globalTargetList = ['SimilarPersonList', 'CoAuthorList', 'NeighborList'];
    
        function loadFriends() {
        	console.log(opensocial, opensocial.newIdSpec );
        	var viewerFriends = "";
        	
        	try{
        		console.log( viewerFriends = opensocial.newIdSpec({ "userId" : "OWNER", "groupId" : "FRIENDS" }) ); 
        	}catch(e){ console.log(e); }
        	console.log(opensocial, opensocial.newIdSpec );
        	try{
            	viewerFriends = opensocial.newIdSpec({ 'userId' : globalPerson, 'groupId' : globalTargetList[globalList] });
            }catch(e){ console.log(e); }
            
            var opt_params = {};
            opt_params[opensocial.DataRequest.PeopleRequestFields.MAX] = 100;
            var req = opensocial.newDataRequest();
            req.add(req.newFetchPersonRequest(globalPerson),'owner');
            req.add(req.newFetchPersonRequest(opensocial.IdSpec.PersonId.VIEWER),'viewer');
            req.add(req.newFetchPeopleRequest(viewerFriends, opt_params), 'ownerFriends');
            
            //req.add(req.newFetchPersonAppDataRequest(opensocail.newIdSpec({"userId":globalPerson}), 'messages', opt_params), 'data');
            req.send(onLoadFriends);
            console.log( req );
        }
    
        function onLoadFriends(data) {
        	console.log(data);
            var owner = data.get('owner').getData();
            var ownerFriends = data.get('ownerFriends').getData();
            var viewer = data.get('viewer').getData();
            
            ownhtml = new Array();
            ownhtml.push('<a id="source" target="_blank" href="',owner.getField(opensocial.Person.Field.PROFILE_URL),'">',owner.getDisplayName(),'</a>');
            document.getElementById('owner').innerHTML = ownhtml.join('');
            
            viewhtml = new Array();
            viewhtml.push('<a id="source" target="_blank" href="',viewer.getField(opensocial.Person.Field.PROFILE_URL),'">',viewer.getDisplayName(),'</a>');
            document.getElementById('viewer').innerHTML = viewhtml.join('');

            html = new Array();
            html.push('<select id="person" selected="',globalList,'">');
            ownerFriends.each(function(person) {
                if (person.getId()) {
                    html.push('<option value="', person.getId(), '">', person.getDisplayName(), '</option>');
                }
            });
            html.push('</select>');
            document.getElementById('target').innerHTML = html.join('');
            //updateMessagesList(data);
        }
    
        function makeOptionsMenu() {
            var html = new Array();
            html.push('<select id="list">');
            for (var i = 0; i < globalTargetList.length; i++) {
                html.push('<option value="', i, '">', globalTargetList[i], '</option>');
            }
            html.push('</select>');
            document.getElementById('listType').innerHTML = html.join('');
        }
    	 
    	function init() {
    		console.log( opensocial.IdSpec.PersonId.OWNER );
            globalPerson = opensocial.IdSpec.PersonId.OWNER;
            try{ loadFriends(); }catch(e){}
            try{ makeOptionsMenu(); }catch(e){}
    	}
    	
    	function newList() {
            globalPerson = document.getElementById('person').value;
            globalList = document.getElementById('list').value;
            loadFriends();
    	}
        
        function addMessage() {
            var msg = document.getElementById('message').value;
 
            globalMessages[globalPerson] = msg;
            var json = gadgets.json.stringify(globalMessages);
            
            var fields = {};
            fields['messages'] = json;
            fields['owner'] = 'ISK1';
            fields['owner'] = globalPerson;
            
            var fieldJson = gadgets.json.stringify(fields);
 
            var req = opensocial.newDataRequest();
            var updateReq = req.newUpdatePersonAppDataRequest('fields', fieldJson);
            updateReq=updateReq.newUpdatePersonAppDataRequest('blah', 'blah'); 
            req.add(updateReq);
            req.add(req.newFetchPersonRequest(globalPerson), 'owner');
            
            var ownerFriends = opensocial.newIdSpec({ "userId" : globalPerson, "groupId" : "FRIENDS" });
            var opt_params = {};
            opt_params[opensocial.DataRequest.PeopleRequestFields.MAX] = 100;
            req.add(req.newFetchPeopleRequest(ownerFriends, opt_params), 'ownerFriends');
            
            var owner = opensocial.newIdSpec({ "userId" : globalPerson });
            req.add(req.newFetchPersonAppDataRequest(owner, 'messages'), 'data');
            req.send(updateMessagesList);
        }
        
        function updateMessagesList(messageData) {
            var owner = messageData.get('owner').getData();
            var friends = messageData.get('ownerFriends').getData();
            var data = messageData.get('data').getData();

            var json = null;
            if (data[owner.getId()]) {
                json = data[owner.getId()]['messages'];
            }
            
            if (!json) {
                globalMessages = {};

            } else {
                try {
                    globalMessages = gadgets.json.parse(gadgets.util.unescapeString(json));
                } catch (e) {
                    globalMessages = {};
                }
            }
            
            var html = new Array();
            html.push('Messages:');
            html.push('<ul>');
            for (i in globalMessages) {
                if (i.hasOwnProperty) {
                    html.push('<li>', friends.getById(i).getDisplayName(), globalMessages[i], '</li>');
                }
            }
            html.push('</ul>');
            document.getElementById('messageList').innerHTML = html.join('');
        }
        
        gadgets.util.registerOnLoadHandler(init);
    </script>
    <div id='main'>
        <div id='give'>
            <form id='gift_form'>
                Hello <span id='viewer'></span>!
                <br>Showing the passive network of <span id='owner'></span>.
                <br>Get <span id='listType'></span> of <span id='target'></span>. <a href='javascript:void(0);' onclick='newList();'>Get!</a>
                <!-- br><textArea rows="2" cols="30" id="message">Input a new message.</textArea><button type="button" value="add message" onclick='addMessage()'>Add Message</button>
                <br><span id='messageList'></span-->
            </form>
        </div>
    </div>

    ]]>
    </Content>
</Module>