New Feature: add widget API for Netvibes.
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@296 b3834d28-1941-0410-a4f8-b48e95affb8f
This commit is contained in:
mensonge
parent
63dc7fee8e
commit
962902de23
1 changed files with 234 additions and 0 deletions
234
api/widgetUWA.html
Normal file
234
api/widgetUWA.html
Normal file
|
|
@ -0,0 +1,234 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:widget="http://www.netvibes.com/ns/">
|
||||||
|
<head>
|
||||||
|
|
||||||
|
<title>SemanticScuttle</title>
|
||||||
|
|
||||||
|
<meta name="author" content="Benjamin HKB (inspired by Florent Solt)" />
|
||||||
|
<meta name="description" content="" />
|
||||||
|
<meta name="keywords" content="semanticscuttle delicious del.icio.us" />
|
||||||
|
|
||||||
|
<meta name="apiVersion" content="1.0" />
|
||||||
|
<meta name="inline" content="true" />
|
||||||
|
<meta name="autoRefresh" content="20" />
|
||||||
|
<meta name="debugMode" content="false" />
|
||||||
|
|
||||||
|
<link rel="icon" href="http://semanticscuttle.sourceforge.net/icon.png"/>
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="http://www.netvibes.com/themes/uwa/style.css" />
|
||||||
|
<script type="text/javascript" src="http://www.netvibes.com/js/UWA/load.js.php?env=Standalone"></script>
|
||||||
|
|
||||||
|
<widget:preferences>
|
||||||
|
<preference name="website" label="URL of the SemanticScuttle website" type="text" defaultValue="http://example.com" />
|
||||||
|
<preference name="websiteTitle" label="Website's title" type="text" defaultValue="Website Name" />
|
||||||
|
<preference name="account" label="User" type="text" defaultValue="" />
|
||||||
|
<preference name="tags" label="Tags (optionally separated by +)" type="text" defaultValue="tag1+tag2" />
|
||||||
|
<preference name="thumb" label="Show thumbnails" type="boolean" defaultValue="true" />
|
||||||
|
<preference name="limit" type="range" label="Number of items to display" defaultValue="20" step="1" min="1" max="50" />
|
||||||
|
<preference name="offset" type="hidden" defaultValue="0" />
|
||||||
|
</widget:preferences>
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
.container ul {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
.container .clear {
|
||||||
|
clear: both;
|
||||||
|
height: 1px;
|
||||||
|
font-size: 1px;
|
||||||
|
line-height: 1px;
|
||||||
|
}
|
||||||
|
.container li {
|
||||||
|
background-image: none;
|
||||||
|
padding: 2px;
|
||||||
|
clear: both;
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
.container li a {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.container li em {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.container li img {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
margin-right: 4px;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
.container li img.thumb {
|
||||||
|
width: 60px;
|
||||||
|
height: 45px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
.container li.cal {
|
||||||
|
padding-left: 20px;
|
||||||
|
background-image: url(http://www.netvibes.com/img/icons/time.png);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: left 1em;
|
||||||
|
line-height: 16px;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
padding-top: 1em;
|
||||||
|
font-size: 1.3em;
|
||||||
|
border-bottom: 1px dotted #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
if (document.location && document.location.hostname == 'mymodules.local') {
|
||||||
|
UWA.proxies.ajax = 'ajaxProxy.php';
|
||||||
|
}
|
||||||
|
|
||||||
|
widget.months = {
|
||||||
|
1:_('January'), '2':_('February'), 3:_('March'), 4:_('April'), 5:_('May'), 6:_('June'),
|
||||||
|
7:_('July'), 8:_('August'), 9:_('September'), 10:_('October'), 11:_('November'), 12:_('December')
|
||||||
|
}
|
||||||
|
|
||||||
|
widget.onLoad = function() {
|
||||||
|
widget.onRefresh();
|
||||||
|
}
|
||||||
|
|
||||||
|
widget.onRefresh = function() {
|
||||||
|
widget.setBody( _("Loading ... (if loading is too long, check preferences: URL must be exact, user and tags must exist.)") );
|
||||||
|
var website = widget.getValue('website');
|
||||||
|
if(website.charAt(website.length-1) != '/') {
|
||||||
|
website = website +'/';
|
||||||
|
}
|
||||||
|
|
||||||
|
var websiteTitle = widget.getValue('websiteTitle');
|
||||||
|
|
||||||
|
var account = widget.getValue('account');
|
||||||
|
if(account == undefined || account == '') {
|
||||||
|
account = 'all';
|
||||||
|
}
|
||||||
|
var tags = widget.getValue('tags');
|
||||||
|
if(tags != undefined && tags != '') {
|
||||||
|
tags = '/' + tags;
|
||||||
|
var reg=new RegExp(" ", "g");
|
||||||
|
tags = tags.replace(reg, "%20");
|
||||||
|
}
|
||||||
|
if (website == undefined || website == 'http://example.com/') {
|
||||||
|
widget.setBody(_("Edit the widget please."));
|
||||||
|
} else {
|
||||||
|
//widget.setBody(website + 'rss/' + account + tags);
|
||||||
|
var title = '<a href="' + website + '">' + websiteTitle +'</a>';
|
||||||
|
title+= ' / <a href="http://sourceforge.net/projects/semanticscuttle/">'+ 'SemanticScuttle</a>';
|
||||||
|
widget.setTitle(title);
|
||||||
|
UWA.Data.getFeed(website + 'rss/' + account + tags, widget.onData);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
widget.onData = function(data) {
|
||||||
|
widget.items = data.items;
|
||||||
|
//widget.log(data.items);
|
||||||
|
widget.display();
|
||||||
|
}
|
||||||
|
|
||||||
|
widget.display = function() {
|
||||||
|
// Main container
|
||||||
|
var container = widget.createElement('div');
|
||||||
|
container.className = 'container';
|
||||||
|
|
||||||
|
// Prev date
|
||||||
|
var prev_date = null;
|
||||||
|
|
||||||
|
// Items
|
||||||
|
var ul = widget.createElement('ul');
|
||||||
|
var limit = parseInt(widget.getValue('limit'));
|
||||||
|
var offset = parseInt(widget.getValue('offset'));
|
||||||
|
for (var i=offset; i<widget.items.length && i<limit+offset; i++) {
|
||||||
|
|
||||||
|
var date = new Date(widget.items[i].date)
|
||||||
|
|
||||||
|
// Cal
|
||||||
|
if (prev_date == null ||
|
||||||
|
date.getMonth() != prev_date.getMonth() ||
|
||||||
|
date.getDate() != prev_date.getDate() ||
|
||||||
|
date.getYear() != prev_date.getYear()) {
|
||||||
|
prev_date = date;
|
||||||
|
var cal = widget.createElement('li');
|
||||||
|
cal.className = 'cal';
|
||||||
|
|
||||||
|
var relative_to = new Date();
|
||||||
|
var delta = parseInt((relative_to.getTime() - date.getTime()) / 1000);
|
||||||
|
if (delta < 24*60*60) {
|
||||||
|
cal.appendText(_('Today'));
|
||||||
|
} else if (delta < 48*60*60) {
|
||||||
|
cal.appendText(_('Yesterday'));
|
||||||
|
} else {
|
||||||
|
cal.appendText(date.getDate() + ' ' + widget.months[date.getMonth() + 1])
|
||||||
|
}
|
||||||
|
ul.appendChild(cal);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Li
|
||||||
|
var li = widget.createElement('li');
|
||||||
|
if (i%2 == 1) li.className = 'even';
|
||||||
|
|
||||||
|
if (widget.getValue('thumb') == 'true') {
|
||||||
|
// Img
|
||||||
|
var img = widget.createElement('img');
|
||||||
|
img.src = "http://open.thumbshots.org/image.pxf?url=" + widget.items[i].link.replace(/^(http:\/\/[^\/]+).*$/, '$1');
|
||||||
|
img.className = 'thumb';
|
||||||
|
li.appendChild(img);
|
||||||
|
} else {
|
||||||
|
var img = widget.createElement('img');
|
||||||
|
img.src = 'http://semanticscuttle.sourceforge.net/bookmark.gif'
|
||||||
|
li.appendChild(img);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Title
|
||||||
|
var title = widget.createElement('a');
|
||||||
|
title.setContent(widget.items[i].title);
|
||||||
|
title.href = widget.items[i].link;
|
||||||
|
if(widget.items[i].content == '') {
|
||||||
|
widget.items[i].content = _("No description");
|
||||||
|
}
|
||||||
|
title.title= widget.items[i].content;
|
||||||
|
li.appendChild(title);
|
||||||
|
|
||||||
|
// // Tags
|
||||||
|
// console.log(widget.items[i]);
|
||||||
|
// var tagsText = widget.items[i].subject;
|
||||||
|
// if (tagsText != null) {
|
||||||
|
// tags = widget.createElement('em');
|
||||||
|
// tags.appendText(tagsText.nodeValue);
|
||||||
|
// li.appendChild(tags);
|
||||||
|
// }
|
||||||
|
|
||||||
|
// Clear
|
||||||
|
var clear = widget.createElement('div');
|
||||||
|
clear.className = 'clear';
|
||||||
|
li.appendChild(clear);
|
||||||
|
|
||||||
|
ul.appendChild(li);
|
||||||
|
}
|
||||||
|
container.appendChild(ul);
|
||||||
|
|
||||||
|
// Pager
|
||||||
|
var pager = widget.createElement('div');
|
||||||
|
|
||||||
|
var pager_ctrl = new UWA.Controls.Pager( {
|
||||||
|
module: this,
|
||||||
|
limit: widget.getValue('limit'),
|
||||||
|
offset: widget.getValue('offset'),
|
||||||
|
dataArray: widget.items
|
||||||
|
} );
|
||||||
|
|
||||||
|
pager_ctrl.onChange = function(newOffset) {
|
||||||
|
widget.setValue('offset', newOffset);
|
||||||
|
widget.display();
|
||||||
|
}
|
||||||
|
pager.setContent(pager_ctrl.getContent());
|
||||||
|
container.appendChild(pager);
|
||||||
|
|
||||||
|
widget.setBody(container);
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue