2 |
16 |
--------------------------------------------------------------------------------
/example/www/js/modules/reddit/card/redditCard.js:
--------------------------------------------------------------------------------
1 | (function() {
2 | 'use strict';
3 |
4 | angular.module('reddit')
5 | .directive('redditCard', redditCard);
6 |
7 | function redditCard() {
8 | return {
9 | restrict: 'E',
10 | templateUrl: 'js/modules/reddit/card/redditCard.html',
11 | require: 'ngModel',
12 | scope: {
13 | post: '='
14 | },
15 | controller: function($scope, Reddit) {
16 | $scope.titleLimit = 70;
17 | $scope.subredditLimit = 16;
18 |
19 | var handleImage = function() {
20 | Reddit.URL.handleImage($scope.post);
21 |
22 | if (!$scope.post.data.thumbnail && !$scope.post.data.image) {
23 | $scope.titleLimit = 9999;
24 | };
25 | }
26 |
27 | handleImage();
28 | }
29 | }
30 | }
31 |
32 | })();
33 |
--------------------------------------------------------------------------------
/example/www/js/modules/reddit/services/reddit.js:
--------------------------------------------------------------------------------
1 | (function() {
2 | 'use strict';
3 |
4 | angular.module('reddit')
5 | .factory('Reddit', Reddit);
6 |
7 | function Reddit(PostService, CommentService, URLService) {
8 | return {
9 | Posts: PostService,
10 | Comments: CommentService,
11 | URL: URLService
12 | }
13 | }
14 |
15 | Reddit.$inject = ['PostService', 'CommentService', 'URLService'];
16 |
17 | })();
18 |
--------------------------------------------------------------------------------
/example/www/js/modules/reddit/services/redditConfig.js:
--------------------------------------------------------------------------------
1 | (function() {
2 | 'use strict';
3 |
4 | angular.module('reddit')
5 | .factory('RedditConfig', RedditConfig);
6 |
7 | function RedditConfig() {
8 | return {
9 | defaultPageSize: 40,
10 | upcomingPageSize: 500,
11 | defaultCommentCount: 100,
12 | bufferSize: 4,
13 | apiEndpoint: 'http://www.reddit.com'
14 | }
15 | };
16 |
17 | })();
18 |
--------------------------------------------------------------------------------
/example/www/js/modules/reddit/services/redditResource.js:
--------------------------------------------------------------------------------
1 | (function() {
2 | 'use strict';
3 |
4 | angular.module('reddit')
5 | .factory('RedditResource', RedditResource)
6 | .factory('RedditCommentResource', RedditCommentResource);
7 |
8 | function RedditResource($resource, RedditConfig) {
9 | var endPoint = RedditConfig.apiEndpoint + "/r/:subreddit/:filter.json?limit=:limit&after=:after";
10 | return $resource(endPoint, { subreddit: '@subreddit', filter: '@filter', limit: '@limit', after: '@after'});
11 | }
12 |
13 | RedditResource.$inject = ['$resource', 'RedditConfig'];
14 |
15 | function RedditCommentResource($resource, RedditConfig) {
16 | var endPoint = RedditConfig.apiEndpoint + "/r/:subreddit/comments/:id/.json?limit=:limit";
17 | return $resource(endPoint, { subreddit: '@subreddit', id: '@id', limit: '@limit'}, {"get": {
18 | method: 'GET', isArray: true
19 | }});
20 | }
21 |
22 | RedditCommentResource.$inject = ['$resource', 'RedditConfig'];
23 |
24 | })();
25 |
--------------------------------------------------------------------------------
/example/www/js/modules/reddit/services/redditService.js:
--------------------------------------------------------------------------------
1 | (function() {
2 | 'use strict';
3 |
4 | angular.module('reddit')
5 | .factory('PostService', PostService)
6 | .factory('CommentService',CommentService)
7 | .factory('URLService', URLService);
8 |
9 | function PostService($http ,RedditResource, RedditConfig) {
10 | return {
11 | get: function (subreddit, filter, limit, after) {
12 | if (subreddit) {
13 | return RedditResource.get({
14 | subreddit: subreddit,
15 | filter: filter,
16 | limit: limit || RedditConfig.defaultPageSize,
17 | after: after
18 | }).$promise;
19 | } else {
20 | return $http({method:'GET', url: RedditConfig.apiEndpoint + '/'+filter+'.json?limit=' + limit + '&after=' + after });
21 | }
22 |
23 | }
24 | }
25 | }
26 |
27 | PostService.$inject = ['$http', 'RedditResource', 'RedditConfig'];
28 |
29 | function CommentService(RedditCommentResource, RedditConfig) {
30 | return {
31 | get: function (subreddit, id, limit) {
32 | return RedditCommentResource.get({
33 | subreddit: subreddit,
34 | id: id,
35 | limit: limit || RedditConfig.defaultCommentCount
36 | }).$promise;
37 | }
38 | }
39 | }
40 |
41 | CommentService.$inject = ['RedditCommentResource', 'RedditConfig'];
42 |
43 | function URLService(RedditConfig) {
44 | var getImgurUrl = function(url) {
45 | if (url.match(/\.(jpeg|jpg|gif|png|gifv)$/) === null && url.match(/\/gallery\//) === null && url.match(/\/a\//) === null) {
46 | url = url + '.jpg';
47 | };
48 | return url;
49 | }
50 |
51 | var handleEmptyImage = function(post) {
52 | if (post.data.image === "default" || post.data.image === "self") {
53 | post.data.image = undefined;
54 | };
55 |
56 | if (post.data.thumbnail === "default" || post.data.thumbnail === "self") {
57 | post.data.thumbnail = undefined;
58 | };
59 |
60 | return post;
61 | };
62 |
63 | return {
64 | handleImage: function(post) {
65 | if (post.data.url.indexOf('imgur') > -1) {
66 | post.data.url = getImgurUrl(post.data.url);
67 | };
68 |
69 | if (post.data.url.match(/\.(jpeg|jpg|gif|png)$/) != null) {
70 | post.data.image = post.data.url;
71 | } else {
72 | post.data.image = post.data.thumbnail;
73 | };
74 |
75 | return handleEmptyImage(post);
76 | }
77 | }
78 | }
79 |
80 | URLService.$inject = ['RedditConfig'];
81 |
82 | })();
83 |
--------------------------------------------------------------------------------
/example/www/js/pages/pages.js:
--------------------------------------------------------------------------------
1 | (function() {
2 | 'use strict';
3 |
4 | angular.module('ionic-threads.pages', []);
5 | })();
6 |
--------------------------------------------------------------------------------
/example/www/js/pages/post/post.html:
--------------------------------------------------------------------------------
1 |
3 |
5 |
6 |
7 |
8 | {{post.data.title | limitTo: titleLimit}}...
4 |
9 |
15 | r/{{post.data.subreddit | limitTo: subredditLimit}}...
10 |
11 | {{post.data.score}}
12 | {{post.data.num_comments}}
13 |
14 | {{post.data.title}}
9 |
10 |
11 | {{post.data.url | limitTo: 40}}...
12 |
13 |
14 |
15 |
24 |
25 |
16 |
17 |
18 |
19 |
20 |
21 | ![]()
22 |
23 |
26 | r/{{post.data.subreddit}}
27 |
32 |
33 |
28 | {{post.data.score}}
29 | {{post.data.num_comments}}
30 |
31 |
34 |
35 | Loading comments...
36 |
37 |
38 |
4 |
9 |
5 |
6 |
7 |
8 | {{comment.data.score || 0}}
\
17 | {{comment.data.body}}
\
18 | {{comment.data.replies.data.children.length || 0}} replies
\
19 | - \
54 |
- \
55 |
\ 56 | \
57 |
{{comment.data.score || 0}}
\
17 | {{comment.data.body}}
\
18 | {{comment.data.replies.data.children.length || 0}} replies
\
19 | - \
54 |
- \
55 |
\ 56 | \
57 |