October 2008 Archives

Joost APIs and YUI

| | Comments (0)

I thought I should have a look at YUI and see how easy it would be to hook up to the Joost APIs. It was not that hard :)

I’ve hooked up the json favorites call in a DataSource and then connected it to a DataTable, and voila:

yui example screenshot

A simple (and ugly :) ) page showing my, and some of my colleagues’, favorites.

See the example here

It’s not just cut’n’paste though to replicate, as I’m proxying the API calls because of cross-domain… will try to find time to show one can get around that.

WARNING: The above builds on alpha APIs so we might just go around and change them all next week… Well, we’re probably not, just saying that we might change some things, so do not flame me when it suddenly breaks down :)

Joost APIs and YUI

| | Comments (0)

I thought I should have a look at YUI and see how easy it would be to hook up to the Joost APIs. It was not that hard :)

I’ve hooked up the json favorites call in a DataSource and then connected it to a DataTable, and voila:

yui example screenshot

A simple (and ugly :) ) page showing my favorites, and some of my colleagues.

See the example here

It’s not just cut’n’paste

WARNING: The above builds on alpha APIs so we might just go around and change them all next week… Well, we’re probably not, just saying that we might change some things, so do not flame me when it suddenly breaks down :)

Activity Stream, part 2

| | Comments (1)

Aha, with a clue from Toni_H I added an “elsewhere” page with my activity stream.

Just created an index template with this content, and linked it to a file.

<MTSetVar name="body_class" value="mt-main-index">
<MTSetVar name="main_template" value="1">
<MTSetVar name="main_index" value="1">
<MTSetVar name="sidebar" value="1">
<MTSetVarBlock name="title"><$MTBlogName encode_html="1"$></MTSetVarBlock>

<$MTInclude module="Header"$>
<mt:setvarblock name="today_date"><mt:Date format="%B %e">
</mt:setvarblock>

<div class="action-stream hfeed">
    <mt:ActionStreams days="5">
        <mt:DateHeader>
            <h2 class="action-stream-header asset-name">
                <mt:setvarblock name="this_date"><mt:StreamActionDate format="%B%e">
                </mt:setvarblock>
                <mt:if name="$today_date" eq="$this_date">
                    Today
                <mt:else>
                    <mt:var name="this_date">
                </mt:if>
            </h2>
            <ul class="action-stream-list">
        </mt:DateHeader>

        <li class="hentry service-icon service-<mt:var name="service_type">">
            <span class="entry-content"><mt:StreamAction smarty_pants="1"></span>
            <span class="published"><mt:StreamActionDate utc="1"
                  format="%Y-%m-%dT%H:%M:%SZ"></span>
        </li>

        <mt:DateFooter>
            </ul>
        </mt:DateFooter>
    </mt:ActionStreams>
</div>
<$MTInclude module="Footer"$>

FriendFeed support for Joost

| | Comments (0)

FriendFeed has added support for showing your Joost feed, as you can see on my feed

Joost Movable Type integration

| | Comments (1)

Steve pointed me at a Joost Movable type plugin. Of course I had to try it, and you can see the result in the right side of my blog, under “Activity Stream”. What I roughly did was:

1) Added the Action Stream plugin to my Movable type installation.

2) Copied the config.yaml from Toni_H under plugins/joost/

3) Added a joost image to mt static path/plugins/joost/images

4) Added this under mt static path/plugins/joost/css:

.service-joost {
  background-image: url(../images/joost.gif);
}

and put it in my styles.css as:

@import url(/mt41-static/plugins/joost/css/joost.css);

And voila :)

Update 21/10: Added a dedicated page

About this Archive

This page is an archive of entries from October 2008 listed from newest to oldest.

June 2008 is the previous archive.

November 2008 is the next archive.

Find recent content on the main index or look in the archives to find all content.

Powered by Movable Type 4.1