aboutsummaryrefslogtreecommitdiffstats
path: root/example/tweeter/tweeter_demo.html
diff options
context:
space:
mode:
authorMisko Hevery2010-03-23 15:16:44 -0700
committerMisko Hevery2010-03-23 15:18:32 -0700
commit1b976dc27d022c681d764d51a70a1af6a7e35dd6 (patch)
treed526d8fb674ff68573b16000126f19ccf5d0b732 /example/tweeter/tweeter_demo.html
parentbb98ae14f2aef74efbd8345e93f62ac67f460f7f (diff)
downloadangular.js-1b976dc27d022c681d764d51a70a1af6a7e35dd6.tar.bz2
tweeter demo script
Diffstat (limited to 'example/tweeter/tweeter_demo.html')
-rw-r--r--example/tweeter/tweeter_demo.html34
1 files changed, 34 insertions, 0 deletions
diff --git a/example/tweeter/tweeter_demo.html b/example/tweeter/tweeter_demo.html
new file mode 100644
index 00000000..e3c4f739
--- /dev/null
+++ b/example/tweeter/tweeter_demo.html
@@ -0,0 +1,34 @@
+<!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" xml:lang="en" lang="en">
+ <head>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ <link rel="stylesheet" type="text/css" href="../../css/angular.css">
+ <script type="text/javascript" src="../../lib/underscore/underscore.js"></script>
+ <script type="text/javascript" src="../../lib/jquery/jquery-1.4.2.min.js"></script>
+ <script type="text/javascript" src="../../src/angular-bootstrap.js"></script>
+ <script type="text/javascript" src="tweeterclient.js"></script>
+ </head>
+ <body ng-class="status" Xng-init="tweets = fetchTweets()">
+ (TODO: I should fetch current tweets)
+ <div class="tweeter box">
+ <h1>Tweets: {{$anchor.user}}</h1>
+ [ Filter: <input type="text" name="tweetFilter"/> (TODO: this should act as search box)
+ <span ng-show="$anchor.user">| <a href="#user=">&lt;&lt; All</a></span>
+ ]
+ <div class="loading">Loading...</div>
+ <ul>
+ <li Xng-repeat="tweet in tweets"
+ ng-class-even="'even'" ng-class-odd="'odd'">
+ <img src="{{tweet.user.profile_image_url}}"/>
+ [ <a href="" Xng-action="$anchor.user=tweet.user.screen_name">{{tweet.user.nickname || tweet.user.name || tweet.user.screen_name }}</a>
+ ]:
+ {{tweet.text}} (TODO: I want urls as links)
+ <span class="notes">{{tweet.created_at}}</span>
+ <span class="notes">{{tweet.user.notes}}</span>
+ <div class="clrleft"></div>
+ </li>
+ </ul>
+ </div>
+ <pre>tweets=(TODO: display me!!!)</pre>
+ </body>
+</html>