Twitter Result Type Freemarker Snippet

freemarker-result-twitter

<#-- TWITTER RESULT TYPE -->
<#-- TWEET OWNER -->  
<div class="media">
  <a class="pull-left" href="#">
    <img class="media-object" src="/s/scale?url=${s.result.metaData["I"]}&amp;width=50&amp;height=50" alt="avatar">
  </a>
  <div class="media-body twitter-owner">
    <h4 class="media-heading"><a href="http://twitter.com/${s.result.metaData["u"]}" target="_blank" title="(@${s.result.metaData["u"]})">${s.result.metaData["a"]}</a></h4>
    <small class="text-muted" >@${s.result.metaData["u"]}</small>
  </div>
</div>             

<div class="row">
<#if s.result.metaData["M"]??>
<div class="col-md-2">
<img class="search-thumbnail" src="/s/scale?url=${s.result.metaData["M"]}&amp;width=100&amp;height=100"/>
</div>
<div class="col-md-10">                                    
<#else>
<div class="col-md-12">
</#if>                      
      
      <blockquote class="twitter-tweet" data-conversation="none">
        <#-- TWEET -->
        <p><#if s.result.metaData["c"]??><@s.boldicize>${s.result.metaData["c"]}</@s.boldicize></#if></p>
      </blockquote>                                                                        
    
      <div class="pull-right">

        <#-- TWEET ACTIONS -->
        <ul class="list-inline pull-right">
            <li><a href="https://twitter.com/intent/tweet?in_reply_to=" class="text-muted"><span class="glyphicon glyphicon-share-alt"></span> Reply</a></li>
            <li><a href="https://twitter.com/intent/retweet?tweet_id=" class="text-muted"><span class="glyphicon glyphicon-retweet"></span> Retweet</a></li>
            <li><a href="https://twitter.com/intent/favorite?tweet_id=" class="text-muted"><span class="glyphicon glyphicon-star"></span> Favourite</a></li>
        </ul>

        <#-- TWEET DATE STAMP -->
        <p class="pull-right text-muted">
          <a href="${s.result.clickTrackingUrl?html}" data-datetime="${s.result.date?date}" title="${s.result.title}">${prettyTime(s.result.date?date)}</a>
          
          <#-- TWEET LOCATION -->
          <#if s.result.metaData["V"]??>
          <span class="small"> from <span class="glyphicon glyphicon-map-marker"></span><#if s.result.metaData["P"]??>${s.result.metaData["P"]}, </#if>${s.result.metaData["V"]}</#if>
          <#if s.result.kmFromOrigin?? && s.result.kmFromOrigin &lt; 100001><span class="text-muted">(${s.result.kmFromOrigin}km away)</#if>
          </span>
          &mdash;       
        </p>
        
      </div>
    </div>
</div>