diff options
Diffstat (limited to 'example/buzz')
| -rw-r--r-- | example/buzz/buzz.css | 89 | ||||
| -rw-r--r-- | example/buzz/buzz.html | 50 | ||||
| -rw-r--r-- | example/buzz/buzz.js | 46 |
3 files changed, 0 insertions, 185 deletions
diff --git a/example/buzz/buzz.css b/example/buzz/buzz.css deleted file mode 100644 index 5fd5763d..00000000 --- a/example/buzz/buzz.css +++ /dev/null @@ -1,89 +0,0 @@ -body { - background: -webkit-gradient(linear, left top, left 100, from(#bbb), to(#fff)); - background-repeat: no-repeat; - margin: 0px; - font-family: sans-serif; - font-size: 12px; -} - -body > div { - border-top: 1px solid white; - border-bottom: 1px solid black; - text-align: center; - background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#888)); - -webkit-background-origin: padding; -webkit-background-clip: content; -} -body > div button { - margin: 5px; -} - -body > div span:FIRST-CHILD { - float: left; - font-family: monospace; - font-size: 1.5em; - color: black; - padding: 2px 5px; -} - -body > div span:last-child { - float: right; -} - -ul { - list-style: none; - padding: 10px; - margin: 0; -} - -body > ul > li { - border: 1px solid black; - margin: 15px 5px; - padding: 0; - -webkit-box-shadow: 5px 5px 5px #888; -} - -body > ul > li > h1 { - margin: 0; - background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#999)); - font-size: 13px; - border-bottom: 1px solid black; -} - -h1 > img, -li > img { - max-height: 30px; - max-width: 30px; - vertical-align: middle; - padding: 3px; -} - -a > img { - margin-right: 5px; - margin-top: 5px; -} - -body > ul > li > h1 > a:last-child { - float: right; - margin: 10px; -} - -body > ul > li > div { - background-color: white; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); - margin: 0; - padding: 10px; -} - -body > ul > li ul { - margin: 0; - padding: 0; - margin-left: 5px; - border-left: 5px solid lightgray; -} - -body > ul > li ul > li { - margin: 0; - padding: 10px; - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); -} - diff --git a/example/buzz/buzz.html b/example/buzz/buzz.html deleted file mode 100644 index f2bf21ac..00000000 --- a/example/buzz/buzz.html +++ /dev/null @@ -1,50 +0,0 @@ -<!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="http://angularjs.org/ng/js/angular-debug.js#autobind"></script> - <script type="text/javascript" src="buzz.js"></script> - <link rel="stylesheet" type="text/css" href="http://angularjs.org/ng/css/angular.css"/> - <link rel="stylesheet" type="text/css" href="buzz.css"/> - </head> - <body ng:init="$window.$root = this" ng:controller="BuzzController"> - <div> - <span><angular/> Buzz</span> - <span> - filter: - <input type="text" ng:model="filterText"/> - </span> - <span> - user: - <input type="text" ng:model="userId" required/> - <button ng:click="$location.hashPath = userId">fetch</button> - </span> - </div> - <ul> - <li ng:repeat="item in activities.data.items.$filter(filterText)"> - <h1> - <img ng:src="{{item.actor.thumbnailUrl}}"/> - <a href="{{item.actor.profileUrl}}">{{item.actor.name}}</a> - <a href="#" ng:click="expandReplies(item)">Replies: {{item.links.replies[0].count}}</a> - </h1> - <div> - {{item.object.content | html}} - <div> - <a href="{{attachment.links.enclosure[0].href}}" ng:repeat="attachment in item.object.attachments"> - <img ng:src="{{attachment.links.preview[0].href}}"/> - </a> - </div> - </div> - <my:expand expand="item.replies.show"> - <ul> - <li ng:repeat="reply in item.replies.data.items"> - <img ng:src="{{reply.actor.thumbnailUrl}}"/> - <a href="{{reply.actor.profileUrl}}">{{reply.actor.name}}</a>: - {{reply.content | html}} - </li> - </ul> - </my:expand> - </li> - </ul> - </body> -</html> diff --git a/example/buzz/buzz.js b/example/buzz/buzz.js deleted file mode 100644 index 7e7f2f66..00000000 --- a/example/buzz/buzz.js +++ /dev/null @@ -1,46 +0,0 @@ -angular.module.ng('myApplication', function($resource){ - this.Activity = $resource( - 'https://www.googleapis.com/buzz/v1/activities/:userId/:visibility/:activityId/:comments', - {alt:'json', callback:'JSON_CALLBACK'}, - { - get: {method:'JSON', params:{visibility:'@self'}}, - replies: {method:'JSON', params:{visibility:'@self', comments:'@comments'}} - }); -}, {inject:['$resource']}); - -function BuzzController() { - this.$watch('$location.hashPath', this.userChange); -} -BuzzController.prototype = { - userChange: function() { - this.userId = this.$location.hashPath; - this.activities = this.Activity.get({userId:this.userId}); - }, - - expandReplies: function(activity) { - var self = this; - if (activity.replies) { - activity.replies.show = !activity.replies.show; - } else { - activity.replies = this.Activity.replies({userId:this.userId, activityId:activity.id}, function() { - activity.replies.show = true; - }); - } - } -}; - -angular.widget('my:expand', function(element){ - element.css('display', 'block'); - this.descend(true); - return function(element) { - element.hide(); - var watch = element.attr('expand'); - this.$watch(watch, function(value){ - if (value) { - element.delay(0).slideDown('slow'); - } else { - element.slideUp('slow'); - } - }); - }; -}); |
