{% if site.adn_user %}
<section>
  <h1>Latest from App.net</h1>
  <ul id="adn_posts">
    <li class="loading">Status updating...</li>
  </ul>
  <a id="adn_follow" href="https://alpha.app.net/intent/follow/?user_id=@{{site.adn_user}}">Follow @{{site.adn_user}} on App.net</a>
  <script type="text/javascript">
    $(document).ready(function(){
      getADNFeed("{{site.adn_user}}", {{site.adn_post_count}}, {{site.adn_show_replies}});
    });
  </script>
  <script src="{{ root_url }}/javascripts/adn.js" type="text/javascript"> </script>
</section>
{% endif %}

// JSON-P App.net fetcher for Octopress
// (c) Zachery Bir, based on Twitter fetcher by Brandon Mathis // MIT License

/* Sky Slavin, Ludopoli. MIT license.  * based on JavaScript Pretty Date * Copyright (c) 2008 John Resig (jquery.com) * Licensed under the MIT license.  */
function prettyDate(time) {
  if (navigator.appName === 'Microsoft Internet Explorer') {
    return "<span>&infin;</span>"; // because IE date parsing isn't fun.
  }
  var say = {
    just_now:    " now",
    minute_ago:  "1m",
    minutes_ago: "m",
    hour_ago:    "1h",
    hours_ago:   "h",
    yesterday:   "1d",
    days_ago:    "d",
    last_week:   "1w",
    weeks_ago:   "w"
  };

  var current_date = new Date(),
      current_date_time = current_date.getTime(),
      current_date_full = current_date_time + (1 * 60000),
      date = new Date(time),
      diff = ((current_date_full - date.getTime()) / 1000),
      day_diff = Math.floor(diff / 86400);

  if (isNaN(day_diff) || day_diff < 0) { return "<span>&infin;</span>"; }

  return day_diff === 0 && (
    diff < 60 && say.just_now ||
    diff < 120 && say.minute_ago ||
    diff < 3600 && Math.floor(diff / 60) + say.minutes_ago ||
    diff < 7200 && say.hour_ago ||
    diff < 86400 && Math.floor(diff / 3600) + say.hours_ago) ||
    day_diff === 1 && say.yesterday ||
    day_diff < 7 && day_diff + say.days_ago ||
    day_diff === 7 && say.last_week ||
    day_diff > 7 && Math.ceil(day_diff / 7) + say.weeks_ago;
}

function linkifyPost(text) {
  // Linkify urls, usernames
  text = text.replace(/(https?:\/\/)([\w\-:;?&=+.%#\/]+)/gi, '<a href="$1$2">$2</a>')
    .replace(/(^|\W)@(\w+)/g, '$1<a href="https://alpha.app.net/$2">@$2</a>')
    .replace(/\>\>/g, '&#x267B;');

  return text
}

function showADNFeed(posts, count, show_replies) {
  var timeline = document.getElementById('adn_posts'),
      content = '';

  var num = 0;
  for (var t in posts) {
      var post = posts[t];
      if (post.text &&
          num < count)
      {
          if (!show_replies &&
              (post.text[0] == '@' ||
               post.reply_to))
          {
              continue;
          }
          content += '<li>'+'<p>'+'<a class="author" href="' + post.user.canonical_url + '">@' + post.user.username + '</a> <a class="timestamp" href="'+post.canonical_url+'">'+prettyDate(post.created_at)+'</a> <div>'+linkifyPost(post.text.replace(/\n/g, '<br>'))+'</div></p>'+'</li>';
          num += 1;
      }
  }
  timeline.innerHTML = content;
}

function getADNFeed(user, count, show_replies) {
  count = parseInt(count, 10);
  $.ajax({
      url: "https://alpha-api.app.net/stream/0/users/@" + user + "/posts?count=" + (count + 20)
    , type: 'GET'
    , error: function (err) { $('#adn_posts li.loading').addClass('error').text("App.net’s unavailable"); }
    , success: function(data) { showADNFeed(data.data, count, show_replies); }
  })
}

#adn_posts {
  .loading {
    background: inline-image('adn_32_gray.png') no-repeat center .5em;
    color: darken($sidebar-bg, 18);
    text-shadow: $main-bg 0 1px;
    text-align: center;
    padding: 2.5em 0 .5em;
    &.error {
      background: inline-image('adn_32_gray.png') no-repeat center .5em;
    }
  }
  p {
    position: relative;
    padding-right: 1em;
    font-size: .9em;
  }
  a.author {
    float: left;
    padding: 0 0 1em .1em;
    position: relative;
    text-shadow: #fff 0 1px;
    font-size: .7em;
    span { font-size: 1.5em; }
    text-decoration: none;
    &:hover {
      color: $sidebar-link-color-subdued-hover;
      text-decoration: none;
    }
  }
  a.timestamp {
    color: lighten($sidebar-link-color-subdued, 15);
    float: right;
    padding: 0 0 .1em 1em;
    position: relative; right: -1.3em;
    text-shadow: #fff 0 1px;
    font-size: .7em;
    span { font-size: 1.5em; }
    text-decoration: none;
    &:hover {
      color: $sidebar-link-color-subdued-hover;
      text-decoration: none;
    }
  }
  a[href*='alpha.app.net']{
    @extend .aside-alt-link;
    @include hover-link;
    font-size: .9em;
  }
  div {
      position: relative;
      left: .5em;
      padding-right: .5em;
      font-size: .9em;
      clear: both;
  }
}

a#adn_follow {
    font-size: .9em;
}

@import "sidebar/adn";