Author: doll
Date: Thu Mar 13 09:17:49 2008
New Revision: 636794
URL: http://svn.apache.org/viewvc?rev=636794&view=rev
Log:
Added an activities demo gadget and put some activities in the state file.
These don't work right now.
Also cleaned up bad tab characters in SocialHelloWorld and fixed css styles in
the sample container.
Added:
incubator/shindig/trunk/javascript/samplecontainer/examples/SocialActivitiesWorld.xml
Modified:
incubator/shindig/trunk/javascript/samplecontainer/examples/SocialHelloWorld.xml
incubator/shindig/trunk/javascript/samplecontainer/samplecontainer.html
incubator/shindig/trunk/javascript/samplecontainer/state-basicfriendlist.xml
Added:
incubator/shindig/trunk/javascript/samplecontainer/examples/SocialActivitiesWorld.xml
URL:
http://svn.apache.org/viewvc/incubator/shindig/trunk/javascript/samplecontainer/examples/SocialActivitiesWorld.xml?rev=636794&view=auto
==============================================================================
---
incubator/shindig/trunk/javascript/samplecontainer/examples/SocialActivitiesWorld.xml
(added)
+++
incubator/shindig/trunk/javascript/samplecontainer/examples/SocialActivitiesWorld.xml
Thu Mar 13 09:17:49 2008
@@ -0,0 +1,191 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Module>
+ <ModulePrefs title="Social Activities World">
+ <Require feature="opensocial-0.7"></Require>
+ <Require feature="dynamic-height"></Require>
+ </ModulePrefs>
+ <Content type="html">
+ <![CDATA[
+<style type="text/css">
+ .streamtitle,
+ .socialHeading {
+ font-family:arial,helvetica,sans-serif;
+ font-size:13pt;
+ font-weight:bold;
+ }
+
+ .streamtitle {
+ background-color: #E0ECFF;
+ border-top 1px solid: blue;
+ padding: .25em;
+ }
+
+ .socialDescription a {
+ color:#999999;
+ }
+
+ .streamdescription,
+ .streamdescription a,
+ .streamdescription a:visited {
+ color:#408BFE;
+ font-size:12pt;
+ font-weight:bold;
+ text-decoration:underline;
+ font-family:arial,helvetica,sans-serif;
+ }
+
+ .streamurl a {
+ color:#008000;
+ font-size:10pt;
+ font-family:arial,helvetica,sans-serif;
+ text-decoration:underline;
+ }
+
+ .streamrow {
+ clear: both;
+ }
+
+ .streamrowline {
+ border-bottom:1px solid #DDE9F5;
+ clear:both;
+ height:0px;
+ margin:5px;
+ }
+
+ .streamcontents {
+ padding: .5em;
+ }
+
+ .streamhtmlcontents {
+ color:#333333;
+ font-size:10pt;
+ line-height:130%;
+ padding:2px 0pt 3px 10px;
+ font-family:arial,helvetica,sans-serif;
+ }
+
+ .mediaitems {
+ padding-left: 5em;
+ }
+
+ .addActivityDiv {
+ clear:both;
+ padding-bottom:15px;
+ }
+
+ #addActivityText {
+ color:#999999;
+ font-size:10pt;
+ font-weight:normal;
+ font-family:arial,helvetica,sans-serif;
+ }
+
+ .leftcolumn {
+ float: left;
+ width: 47%;
+ }
+
+ .rightcolumn {
+ float: right;
+ width: 47%;
+ }
+</style>
+
+<script type="text/javascript">
+
+gadgets.util.registerOnLoadHandler(refreshActivities);
+
+function refreshActivities() {
+ var req = opensocial.newDataRequest();
+ if (!viewer) {
+ req.add(req.newFetchPersonRequest('VIEWER'), 'viewer');
+ }
+ req.add(req.newFetchActivitiesRequest('VIEWER'), 'viewerActivities');
+ req.add(req.newFetchActivitiesRequest('VIEWER_FRIENDS'), 'activities');
+ req.send(handleActivities);
+}
+
+function postNewActivity() {
+ var activityElement = document.getElementById('newActivity');
+ var mediaItem = [opensocial.newActivityMediaItem("image",
viewer.getField('thumbnailUrl'), {'type' : 'IMAGE'})];
+ var activity = opensocial.newActivity({ 'title' : viewer.getDisplayName() +
' wrote: ' + activityElement.value,
+ 'body' : 'write back!', 'mediaItems' : mediaItem});
+
+ activityElement.value = '';
+ opensocial.requestCreateActivity(activity, "HIGH", refreshActivities);
+}
+
+var viewer;
+var activities;
+function handleActivities(dataResponse) {
+ if (!viewer) {
+ viewer = dataResponse.get('viewer').getData();
+ }
+ activities =
dataResponse.get('viewerActivities').getData()['activities'].asArray();
+ activities =
activities.concat(dataResponse.get('activities').getData()['activities'].asArray());
+ document.getElementById('stream').style.display = 'block';
+
+ var html = '';
+ if (!activities || activities.length == 0) {
+ document.getElementById('stream').innerHTML = 'You do not have any
activities yet';
+ return;
+ }
+
+ for (var i = 0; i < activities.length; i++) {
+ html += '<div class="streamrow">';
+
+ html += '<div class="streamdescription"><a href="' + activities[i].url +
'">' + activities[i].getField('title') + '</a></div>';
+
+ html += '<div class="streamcontents">';
+ html += '<img
src="http://www.google.com/s2/sharing/resources/static/images/quot.png?hl=en_US"/>'
+
+ var body = activities[i].getField('body') || '';
+ html += '<span class="streamhtmlcontents">' + body + '</span>';
+ html += '</div>';
+
+ html += '<div class="mediaitems">';
+ var mediaItems = activities[i].getField('mediaItems');
+ if (mediaItems) {
+ for (var j = 0; j < mediaItems.length; j++) {
+ if (mediaItems[j].getField('type') == 'IMAGE') {
+ html += '<img height="150px" style="padding-right:.5em;" src="' +
mediaItems[j].getField('url') + '"/>';
+ }
+ }
+ }
+ html += '</div>';
+
+ var shortUrl = activities[i].getField('url');
+ if (shortUrl) {
+ if (shortUrl.indexOf('http://') == 0) {
+ shortUrl = shortUrl.substring(7);
+ }
+ html += '<div class="streamurl"><a href="' +
activities[i].getField('url') + '">' + shortUrl + '</a></div>';
+ }
+
+ html += '</div>';
+ html += '<div class="streamrowline"></div>';
+ }
+ document.getElementById('stream').innerHTML = html;
+ gadgets.window.adjustHeight();
+}
+
+function hideShowDiv(divToShow, divToHide) {
+ document.getElementById(divToShow).style.display = 'block';
+ document.getElementById(divToHide).style.display = 'none';
+}
+</script>
+
+<div class="streamtitle">Activities from your friends</div>
+<div class="addActivityDiv">
+ <a id="addActivityText" href="#"
onclick="hideShowDiv('addActivity','addActivityText'); return false;"> Add your
own activity </a>
+ <span id="addActivity" style="display:none; border: 2px solid steelblue;
padding: .5em;">
+ <input id="newActivity" type="text"></input>
+ <input type="button" onclick="postNewActivity(); return false;"
value="add"></input>
+ <input type="button"
onclick="hideShowDiv('addActivityText','addActivity'); return false;"
value="cancel"></input>
+ </span>
+</div>
+<div id="stream" style="display:none"></div>
+
+]]>
+</Content>
+</Module>
\ No newline at end of file
Modified:
incubator/shindig/trunk/javascript/samplecontainer/examples/SocialHelloWorld.xml
URL:
http://svn.apache.org/viewvc/incubator/shindig/trunk/javascript/samplecontainer/examples/SocialHelloWorld.xml?rev=636794&r1=636793&r2=636794&view=diff
==============================================================================
---
incubator/shindig/trunk/javascript/samplecontainer/examples/SocialHelloWorld.xml
(original)
+++
incubator/shindig/trunk/javascript/samplecontainer/examples/SocialHelloWorld.xml
Thu Mar 13 09:17:49 2008
@@ -8,43 +8,43 @@
<
![http://www.google.com/s2/sharing/resources/static/images/quot.png?hl=en_US"/](https://www.google.com/s2/sharing/resources/static/images/quot.png?hl=en_US"/){kind=link}
![http://animals.nationalgeographic.com/staticfiles/NGS/Shared/StaticFiles/animals/images/primary/black-spider-monkey.jpg"](http://animals.nationalgeographic.com/staticfiles/NGS/Shared/StaticFiles/animals/images/primary/black-spider-monkey.jpg"){kind=link}
![http://image.guardian.co.uk/sys-images/Guardian/Pix/gallery/2002/01/03/monkey300.jpg"](http://image.guardian.co.uk/sys-images/Guardian/Pix/gallery/2002/01/03/monkey300.jpg"){kind=link}
![http://www.funnyphotos.net.au/images/fancy-dress-dog-yoda-from-star-wars1.jpg"](http://www.funnyphotos.net.au/images/fancy-dress-dog-yoda-from-star-wars1.jpg"){kind=link}