aboutsummaryrefslogtreecommitdiffstats
path: root/example/buzz/buzz.html
blob: ee2b2bb9d4683a09fac2b157650a357b5dd57fac (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns:ng="http://angularjs.org">
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
    <script type="text/javascript" src="../../src/angular-bootstrap.js#autobind"></script>
    <script type="text/javascript" src="buzz.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css"/>
  </head>
  <body ng:init="$window.$root = this" ng:controller="BuzzController">
  <div class="bar">
    <input type="text" name="userId"/>
    <button ng:click="$location.hashPath = userId">fetch</button>
  </div>
  <ul>
    <li ng:repeat="item in activities.data.items">
      <img src="{{item.actor.thumbnailUrl}}"/>
      <a href="{{item.actor.profileUrl}}">{{item.actor.name}}</a>
      {{item.object.content | html}}
      <a href="">Replies: {{item.links.replies[0].count}}</a>
      <ul>
        <li ng:repeat="reply in item.replies.items">
          <img src="{{reply.actor.thumbnailUrl}}"/>
          <a href="{{reply.actor.profileUrl}}">{{reply.actor.name}}</a>
          {{reply.content | html}}
        </li>
      </ul>
    </li>
  </ul>
  </body>
</html>