16 |
18 |
9 |
10 |
12 |
13 |
14 |
15 |
20 |
2 |
3 |
--------------------------------------------------------------------------------
/www/views/partials/hashtagSearch.html:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
7 |
20 |
21 |
22 |
23 |
24 |
2 |
3 |
--------------------------------------------------------------------------------
/app/scripts/directives/post/ppnetPostVideo.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .directive('ppnetPostVideo', function() {
5 | return {
6 | restrict: 'AE',
7 | template: ' ',
8 | scope: {
9 | posting: '=posting',
10 | couch: '=couch',
11 | db: '=db',
12 | images: '=images',
13 | cache: '=cache'
14 | },
15 | link: function(scope, element, attrs) {
16 | if (scope.posting.doc._attachments && scope.posting.doc.video) {
17 | angular.forEach(scope.posting.doc._attachments, function(row, key) {
18 | element.html('');
19 | });
20 |
21 | }
22 | }
23 | };
24 | });
--------------------------------------------------------------------------------
/www/scripts/directives/post/ppnetPostVideo.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .directive('ppnetPostVideo', function() {
5 | return {
6 | restrict: 'AE',
7 | template: ' ',
8 | scope: {
9 | posting: '=posting',
10 | couch: '=couch',
11 | db: '=db',
12 | images: '=images',
13 | cache: '=cache'
14 | },
15 | link: function(scope, element, attrs) {
16 | if (scope.posting.doc._attachments && scope.posting.doc.video) {
17 | angular.forEach(scope.posting.doc._attachments, function(row, key) {
18 | element.html('');
19 | });
20 |
21 | }
22 | }
23 | };
24 | });
--------------------------------------------------------------------------------
/app/styles/patterns/_comment.scss:
--------------------------------------------------------------------------------
1 | .comments {
2 | .comment {
3 | @include display-box;
4 | margin-bottom: 10px;
5 | width:100%;
6 | position: relative;
7 | p {
8 | margin-bottom: 5px;
9 | }
10 | }
11 | }
12 |
13 | .new-comment {
14 | margin-bottom: 10px;
15 |
16 | textarea {
17 | @include border-radius(0);
18 | border-bottom: 0;
19 | }
20 | button {
21 | @include border-top-radius(0);
22 | }
23 | }
24 |
25 | .commentator-name {
26 | color: $secondary;
27 | display: inline-block;
28 | }
29 |
30 | .comment-time {
31 | display: inline-block;
32 | font-size: 9px;
33 | color: #999;
34 | }
35 |
36 | #post-comments {
37 | padding: 12px;
38 | background: #fff;
39 |
40 | @include border-radius($radius);
41 | }
42 |
43 | .avatar {
44 | margin-right: 5px;
45 | }
46 |
47 | .comment-content {
48 | @include box-flex(1);
49 |
50 | p {
51 | margin: 0;
52 | }
53 | }
--------------------------------------------------------------------------------
/app/styles/sections/_search.scss:
--------------------------------------------------------------------------------
1 | .search-box {
2 | @include display-box;
3 | display: -ms-flexbox;
4 | @include border-top-radius($radius);
5 | border: 0px solid #ccc;
6 | //width: 100%;
7 | border-bottom: 0;
8 | //background: $bright;
9 | padding-left: 0px;
10 | //margin-left:15px;
11 | input {
12 | border: 0;
13 | margin-left:15px;
14 | //height: 80px;
15 | background: $bright;
16 | //padding: 15px 10px;
17 | @include box-shadow(none);
18 |
19 | &:focus,
20 | &:active {
21 | outline: 0;
22 | border: 0;
23 | @include box-shadow(none);
24 | }
25 | }
26 | }
27 |
28 | .search-submit {
29 | button {
30 | @include border-top-radius(0);
31 | }
32 | }
33 |
34 | .headline_box{
35 | margin-top:10px;
36 | background: none repeat scroll 0 0 #FFFFFF;
37 | border: 1px solid #CCCCCC;
38 | border-radius: 0;
39 | padding: 10px;
40 | position: relative;
41 | }
--------------------------------------------------------------------------------
/config.rb:
--------------------------------------------------------------------------------
1 | # Require any additional compass plugins here.
2 |
3 | # Set this to the root of your project when deployed:
4 | http_path = "/"
5 | css_dir = "app/styles"
6 | sass_dir = "app/styles"
7 | images_dir = "images"
8 | javascripts_dir = "scripts"
9 |
10 | # You can select your preferred output style here (can be overridden via the command line):
11 | # output_style = :expanded or :nested or :compact or :compressed
12 | output_style = :compact
13 |
14 | # To enable relative paths to assets via compass helper functions. Uncomment:
15 | # relative_assets = true
16 |
17 | # To disable debugging comments that display the original location of your selectors. Uncomment:
18 | # line_comments = false
19 | line_comments = false
20 |
21 | # If you prefer the indented syntax, you might want to regenerate this
22 | # project again passing --syntax sass, or you can uncomment this:
23 | # preferred_syntax = :sass
24 | # and then run:
25 | # sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
26 |
--------------------------------------------------------------------------------
/app/scripts/directives/post/ppnetPostImage.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .directive('ppnetPostImage', function(ppSyncService) {
5 | return {
6 | restrict: 'E',
7 | template: '
4 |
5 |
6 |
7 |
20 |
21 |
22 |
23 |
24 |
2 |
3 |
4 |
26 |
27 |
--------------------------------------------------------------------------------
/www/views/singlePost.html:
--------------------------------------------------------------------------------
1 |
5 |
25 |
6 |
7 |
8 |
21 |
2 |
3 |
4 |
26 |
27 |
--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "PPnet",
3 | "version": "2.0.0",
4 | "homepage": "https://github.com/pixelpark/ppnet",
5 | "authors": [
6 | "Pixelpark AG - Innovation Lab",
7 | "Dirk Krause",
8 | "Tobias Rotter",
9 | "Philipp Reinking"
10 | ],
11 | "description": "We need something like Facebook, but just not Facebook.",
12 | "license": "MIT",
13 | "directory": "app/bower_components",
14 | "dependencies": {
15 | "jquery": "~1.11.0",
16 | "bootstrap-sass-official": "~3.1.0",
17 | "font-awesome": "~4.0.3",
18 | "angular": "1.2.16",
19 | "angular-resource": "1.2.16",
20 | "angular-cookies": "1.2.16",
21 | "angular-sanitize": "1.2.16",
22 | "angular-route": "1.2.16",
23 | "angular-animate": "~1.2.16",
24 | "angular-snapjs": "~1.4.1",
25 | "angular-gestures": "~0.2.1",
26 | "angular-timeline": "~0.1.3",
27 | "chap-links-timeline": "~2.6.1",
28 | "pouchdb": "2.1.2",
29 | "livestampjs": "~1.1.2",
30 | "isotope": "~2.0.0",
31 | "zocial-less": "~1.0.0",
32 | "ng-Fx": "~0.3.1",
33 | "angular-moment": "~0.7.0"
34 | }
35 | }
--------------------------------------------------------------------------------
/app/styles/global/_variables.scss:
--------------------------------------------------------------------------------
1 | // Basisfarben
2 | $black: #000000;
3 | $grey: #7F7F7F;
4 | $grey_dark: #333333;
5 | $grey_light: #D9D9D9;
6 | $brown: #535035;
7 | $white: #FFFFFF;
8 |
9 | // Auszeichnungsfarben
10 | $green_light: #97BF00;
11 | $green: #718F00;
12 | $purple_light: #ff0066;
13 | $purple: #BF004D;
14 | $blue_light: #0099FF;
15 | $blue: #0073be;
16 | $yellow_light: #FDBC03;
17 | $yellow: #BE8D02;
18 |
19 |
20 | // Zuordnung
21 | $design_color: $purple;
22 |
23 | $color_headline: $purple;
24 | $color_text: $grey_dark;
25 | $color_hashtag: $blue_light;
26 | $color_link: $grey_light; // <- FALSCH
27 | $color_info: $grey;
28 | $primary_background: $white;
29 |
30 |
31 |
32 |
33 |
34 | // New Scheme
35 | $background: #e9e9e9;
36 | $primary: #02B8CC;
37 | $secondary: #0195A6;
38 | $bright: #f5f5f5;
39 | $complement: #EF6E64;
40 | $middle: #cccccc;
41 | $dark: #333333;
42 |
43 | // Dimensions
44 | $radius: 0px;
--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2014, Pixelpark
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 |
--------------------------------------------------------------------------------
/app/scripts/controller/newPostControllerBackup.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .controller('NewPostControllerBackup', function($scope, ppSyncService, ppnetUser, ppnetPostHelper) {
5 |
6 | $scope.user = ppnetUser.getUserData();
7 |
8 | var toggleAdmin = function(msg) {
9 | if (msg.match(/iamadmin/i)) {
10 | ppnetUser.toggleAdmin(true);
11 | window.alert('Welcome Admin!');
12 | return true;
13 | }
14 | if (msg.match(/noadmin/i) && ppnetUser.isAdmin()) {
15 | ppnetUser.toggleAdmin(false);
16 | return true;
17 | }
18 | };
19 |
20 | // Creates a new Post
21 | $scope.newPost = function() {
22 | var msg = $scope.newPost.content;
23 | if (typeof msg !== 'undefined' && msg.length > 0 && !toggleAdmin(msg)) {
24 | // Create the object which should be saved
25 | var postObject = ppnetPostHelper.createPostObject(
26 | $scope.newPost.content,
27 | ppnetUser.getUserData()
28 | );
29 |
30 | // Save the object to the database
31 | ppSyncService.postDocument(postObject);
32 | }
33 | // Empty the textarea
34 | $scope.newPost.content = '';
35 | };
36 | });
--------------------------------------------------------------------------------
/www/scripts/controller/newPostControllerBackup.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .controller('NewPostControllerBackup', function($scope, ppSyncService, ppnetUser, ppnetPostHelper) {
5 |
6 | $scope.user = ppnetUser.getUserData();
7 |
8 | var toggleAdmin = function(msg) {
9 | if (msg.match(/iamadmin/i)) {
10 | ppnetUser.toggleAdmin(true);
11 | window.alert('Welcome Admin!');
12 | return true;
13 | }
14 | if (msg.match(/noadmin/i) && ppnetUser.isAdmin()) {
15 | ppnetUser.toggleAdmin(false);
16 | return true;
17 | }
18 | };
19 |
20 | // Creates a new Post
21 | $scope.newPost = function() {
22 | var msg = $scope.newPost.content;
23 | if (typeof msg !== 'undefined' && msg.length > 0 && !toggleAdmin(msg)) {
24 | // Create the object which should be saved
25 | var postObject = ppnetPostHelper.createPostObject(
26 | $scope.newPost.content,
27 | ppnetUser.getUserData()
28 | );
29 |
30 | // Save the object to the database
31 | ppSyncService.postDocument(postObject);
32 | }
33 | // Empty the textarea
34 | $scope.newPost.content = '';
35 | };
36 | });
--------------------------------------------------------------------------------
/app/vendor/mapbox/images/render.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 | set -e -u
3 |
4 | # Color variations to be generated
5 | COLORS="000000 ffffff"
6 |
7 | # Check for required commands
8 | COMMANDS="inkscape pngquant convert"
9 | for COMMAND in $COMMANDS; do
10 | if [ -z $(which $COMMAND) ]; then
11 | echo "Command '$COMMAND' not found."
12 | exit 1
13 | fi
14 | done
15 |
16 | BASE="$(dirname $0)"
17 | TMP="$(mktemp /tmp/tmp.XXXXXXXX)"
18 |
19 | # Render icons.svg variations.
20 | inkscape \
21 | --export-dpi=90 \
22 | --export-png=$TMP.png \
23 | $BASE/icons.svg > /dev/null
24 |
25 | inkscape \
26 | --export-dpi=180 \
27 | --export-png=$TMP@2x.png \
28 | $BASE/icons.svg > /dev/null
29 |
30 | echo ""
31 |
32 | for COLOR in $COLORS; do
33 | convert $TMP.png -fill "#$COLOR" -colorize 100,100,100,0 - | pngquant 32 > $BASE/icons-$COLOR.png
34 | echo -e "\033[01;33m✔ saved $BASE/icons-$COLOR.png"
35 | convert $TMP@2x.png -fill "#$COLOR" -colorize 100,100,100,0 - | pngquant 32 > $BASE/icons-$COLOR@2x.png
36 | echo -e "\033[01;33m✔ saved $BASE/icons-$COLOR@2x.png"
37 | done
38 |
39 | rm -f $TMP $TMP.png $TMP@2x.png
40 |
41 | echo -e "\n\033[00;33mCOMPLETE! Don't forget to update the \`background-size\` property if the sprite size changed\033[0m"
42 |
--------------------------------------------------------------------------------
/www/vendor/mapbox/images/render.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 | set -e -u
3 |
4 | # Color variations to be generated
5 | COLORS="000000 ffffff"
6 |
7 | # Check for required commands
8 | COMMANDS="inkscape pngquant convert"
9 | for COMMAND in $COMMANDS; do
10 | if [ -z $(which $COMMAND) ]; then
11 | echo "Command '$COMMAND' not found."
12 | exit 1
13 | fi
14 | done
15 |
16 | BASE="$(dirname $0)"
17 | TMP="$(mktemp /tmp/tmp.XXXXXXXX)"
18 |
19 | # Render icons.svg variations.
20 | inkscape \
21 | --export-dpi=90 \
22 | --export-png=$TMP.png \
23 | $BASE/icons.svg > /dev/null
24 |
25 | inkscape \
26 | --export-dpi=180 \
27 | --export-png=$TMP@2x.png \
28 | $BASE/icons.svg > /dev/null
29 |
30 | echo ""
31 |
32 | for COLOR in $COLORS; do
33 | convert $TMP.png -fill "#$COLOR" -colorize 100,100,100,0 - | pngquant 32 > $BASE/icons-$COLOR.png
34 | echo -e "\033[01;33m✔ saved $BASE/icons-$COLOR.png"
35 | convert $TMP@2x.png -fill "#$COLOR" -colorize 100,100,100,0 - | pngquant 32 > $BASE/icons-$COLOR@2x.png
36 | echo -e "\033[01;33m✔ saved $BASE/icons-$COLOR@2x.png"
37 | done
38 |
39 | rm -f $TMP $TMP.png $TMP@2x.png
40 |
41 | echo -e "\n\033[00;33mCOMPLETE! Don't forget to update the \`background-size\` property if the sprite size changed\033[0m"
42 |
--------------------------------------------------------------------------------
/www/bower_components/zocial-less/README.md:
--------------------------------------------------------------------------------
1 | # Zocial social buttons - LESS version
2 |
3 | This is the [LESS](http://lesscss.org/) version of the very nice Zocial social buttons, made by [@samcollins](https://github.com/samcollins/).
4 | If you want new buttons, you may ask Sam on the [Zocial official repository](https://github.com/samcollins/css-social-buttons).
5 |
6 | Zocial uses @font-face icons, which means:
7 | * custom font file for all social icons
8 | * icon font use private unicode spaces for accessibility _(No longer the reality for all icons)_
9 | * em sizing based on button font-size
10 | * support for 101 different services
11 | * buttons and icons supported
12 | * no raster images (sweet)
13 | * works splendidly on any browser supporting @font-face
14 | * CSS3 degrades gracefully in IE8 and below etc.
15 | * also includes generic icon-less primary and secondary buttons
16 |
17 | ## Preview
18 | Want to see the buttons in live action? Access the following link then:
19 | [http://gustavohenke.github.com/zocial-less/](http://gustavohenke.github.com/zocial-less/)
20 |
21 | ## How to use these buttons
22 |
23 |
24 |
25 | or
26 |
27 | Button label
28 |
29 | - Can be any element e.g. `a`, `div`, `button` etc.
30 | - Add class of `.zocial`
31 | - Add class for name of service e.g. `.dropbox`, `.twitter`, `.github`
32 | - Done :-)
33 |
34 | Under [MIT License](http://opensource.org/licenses/mit-license.php)
35 |
--------------------------------------------------------------------------------
/app/vendor/mapbox/MarkerCluster.Default.css:
--------------------------------------------------------------------------------
1 | .marker-cluster-small {
2 | background-color: rgba(181, 226, 140, 0.6);
3 | }
4 | .marker-cluster-small div {
5 | background-color: rgba(110, 204, 57, 0.6);
6 | }
7 |
8 | .marker-cluster-medium {
9 | background-color: rgba(241, 211, 87, 0.6);
10 | }
11 | .marker-cluster-medium div {
12 | background-color: rgba(240, 194, 12, 0.6);
13 | }
14 |
15 | .marker-cluster-large {
16 | background-color: rgba(253, 156, 115, 0.6);
17 | }
18 | .marker-cluster-large div {
19 | background-color: rgba(241, 128, 23, 0.6);
20 | }
21 |
22 | /* IE 6-8 fallback colors */
23 | .leaflet-oldie .marker-cluster-small {
24 | background-color: rgb(181, 226, 140);
25 | }
26 | .leaflet-oldie .marker-cluster-small div {
27 | background-color: rgb(110, 204, 57);
28 | }
29 |
30 | .leaflet-oldie .marker-cluster-medium {
31 | background-color: rgb(241, 211, 87);
32 | }
33 | .leaflet-oldie .marker-cluster-medium div {
34 | background-color: rgb(240, 194, 12);
35 | }
36 |
37 | .leaflet-oldie .marker-cluster-large {
38 | background-color: rgb(253, 156, 115);
39 | }
40 | .leaflet-oldie .marker-cluster-large div {
41 | background-color: rgb(241, 128, 23);
42 | }
43 |
44 | .marker-cluster {
45 | background-clip: padding-box;
46 | border-radius: 20px;
47 | }
48 | .marker-cluster div {
49 | width: 30px;
50 | height: 30px;
51 | margin-left: 5px;
52 | margin-top: 5px;
53 |
54 | text-align: center;
55 | border-radius: 15px;
56 | font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
57 | }
58 | .marker-cluster span {
59 | line-height: 30px;
60 | }
--------------------------------------------------------------------------------
/www/vendor/mapbox/MarkerCluster.Default.css:
--------------------------------------------------------------------------------
1 | .marker-cluster-small {
2 | background-color: rgba(181, 226, 140, 0.6);
3 | }
4 | .marker-cluster-small div {
5 | background-color: rgba(110, 204, 57, 0.6);
6 | }
7 |
8 | .marker-cluster-medium {
9 | background-color: rgba(241, 211, 87, 0.6);
10 | }
11 | .marker-cluster-medium div {
12 | background-color: rgba(240, 194, 12, 0.6);
13 | }
14 |
15 | .marker-cluster-large {
16 | background-color: rgba(253, 156, 115, 0.6);
17 | }
18 | .marker-cluster-large div {
19 | background-color: rgba(241, 128, 23, 0.6);
20 | }
21 |
22 | /* IE 6-8 fallback colors */
23 | .leaflet-oldie .marker-cluster-small {
24 | background-color: rgb(181, 226, 140);
25 | }
26 | .leaflet-oldie .marker-cluster-small div {
27 | background-color: rgb(110, 204, 57);
28 | }
29 |
30 | .leaflet-oldie .marker-cluster-medium {
31 | background-color: rgb(241, 211, 87);
32 | }
33 | .leaflet-oldie .marker-cluster-medium div {
34 | background-color: rgb(240, 194, 12);
35 | }
36 |
37 | .leaflet-oldie .marker-cluster-large {
38 | background-color: rgb(253, 156, 115);
39 | }
40 | .leaflet-oldie .marker-cluster-large div {
41 | background-color: rgb(241, 128, 23);
42 | }
43 |
44 | .marker-cluster {
45 | background-clip: padding-box;
46 | border-radius: 20px;
47 | }
48 | .marker-cluster div {
49 | width: 30px;
50 | height: 30px;
51 | margin-left: 5px;
52 | margin-top: 5px;
53 |
54 | text-align: center;
55 | border-radius: 15px;
56 | font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
57 | }
58 | .marker-cluster span {
59 | line-height: 30px;
60 | }
--------------------------------------------------------------------------------
/app/styles/sections/_map.scss:
--------------------------------------------------------------------------------
1 | .map-content {
2 | .map {
3 | width: 100%;
4 | height: 1000px;
5 | }
6 | }
7 | .leaflet-popup-content {
8 | img {
9 | max-width: 280px;
10 | }
11 | }
12 | .leaflet-touch .leaflet-bar-part-single {
13 | -webkit-border-radius: 7px 7px 7px 7px;
14 | border-radius: 7px 7px 7px 7px;
15 | border-bottom: none;
16 | }
17 | .leaflet-control-locate a {
18 | background-image: url(../images/locate.png);
19 | background-size: 90px 30px;
20 | background-position: -2px -2px;
21 | }
22 | .leaflet-retina .leaflet-control-locate a {
23 | background-image: url(../images/locate@2x.png);
24 | }
25 | .leaflet-touch .leaflet-control-locate a {
26 | background-image: url(../images/locate_touch.png);
27 | }
28 | .leaflet-control-locate.requesting a {
29 | background-size: 12px 12px;
30 | background-image: url(../images/spinner.gif);
31 | background-position: 50% 50%;
32 | }
33 | .leaflet-retina .leaflet-control-locate.requesting a {
34 | background-image: url(../images/spinner@2x.gif);
35 | }
36 | .leaflet-control-locate.active a {
37 | background-position: -32px -2px;
38 | }
39 | .leaflet-control-locate.active.following a {
40 | background-position: -62px -2px;
41 | }
42 | .leaflet-touch .leaflet-control-locate {
43 | box-shadow: none;
44 | border: 2px solid rgba(0, 0, 0, 0.2);
45 | background-clip: padding-box;
46 | }
47 | .leaflet-control-locate {
48 | border: 1px solid rgba(0, 0, 0, 0.4);
49 | }
50 | .leaflet-control-locate a {
51 | background-color: #fff;
52 | background-position: -3px, -2px;
53 | }
54 | .leaflet-control-locate.active a {
55 | background-position: -33px -2px;
56 | }
--------------------------------------------------------------------------------
/app/views/partials/postComments.html:
--------------------------------------------------------------------------------
1 |
5 |
25 |
6 |
7 |
8 |
21 |
9 |
10 |
12 |
13 |
14 |
15 |
20 |
16 |
18 |
5 |
6 |
7 |
8 |
5 |
6 |
7 |
8 |
9 |
36 |
10 |
11 |
35 |
12 | 
13 |
14 |
15 |
16 |
20 | {{comment.doc.user.name}}
17 |
18 |
{{comment.doc.msg}}
19 |
21 |
24 |
33 |
34 |
4 |
9 |
10 |
35 |
36 |
11 |
14 |
23 |
24 |
25 |
26 |
27 |
34 |
28 |
29 |
32 |
4 |
9 |
10 |
35 |
36 |
11 |
14 |
23 |
24 |
25 |
26 |
27 |
34 |
28 |
29 |
32 |
2 |
3 |
--------------------------------------------------------------------------------
/www/views/partials/newPostActions.html:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
7 |
8 |
35 |
36 |
39 |
40 |
41 | Your device is not supporting the image upload!
37 | 38 |
2 |
3 |
--------------------------------------------------------------------------------
/app/scripts/controller/postMetaController.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .controller('PostMetaController', function($scope, ppSyncService, ppnetPostHelper, ppnetUser) {
5 |
6 | $scope.newLike = function(postId) {
7 | $scope.inProgress = true;
8 |
9 | var user = ppnetUser.getUserData();
10 | var likeObject = ppnetPostHelper.createLikeObject(user, postId);
11 |
12 | ppSyncService.postDocument(likeObject).then(function() {
13 | $scope.inProgress = false;
14 | });
15 | };
16 |
17 | $scope.deleteLike = function(postId) {
18 | $scope.inProgress = true;
19 |
20 | ppnetPostHelper.deleteLikeLocal($scope.likes, postId, ppnetUser.getId())
21 | .then(function(result) {
22 | ppSyncService.deleteDocument(result, true).then(function() {
23 | $scope.inProgress = false;
24 | });
25 | });
26 | };
27 |
28 | $scope.isLiked = function(postId) {
29 | var userId = ppnetUser.getId();
30 |
31 | if (!angular.isUndefined($scope.likes[postId])) {
32 | for (var i = 0; i < $scope.likes[postId].length; i++) {
33 | var currentObject = $scope.likes[postId][i];
34 | if (currentObject.doc.user.id === userId) {
35 | return true;
36 | }
37 | }
38 | }
39 |
40 | return false;
41 | };
42 |
43 | $scope.isCommented = function(postId) {
44 | var userId = ppnetUser.getId();
45 |
46 | if (!angular.isUndefined($scope.comments[postId])) {
47 | for (var i = 0; i < $scope.comments[postId].length; i++) {
48 | var currentObject = $scope.comments[postId][i];
49 | if (currentObject.doc.user.id === userId) {
50 | return true;
51 | }
52 | }
53 | }
54 | };
55 |
56 | $scope.isTrending = function(likes) {
57 | if (likes >= 10) {
58 | return 'big';
59 | } else if (likes >= 5) {
60 | return 'medium';
61 | }
62 | };
63 | });
--------------------------------------------------------------------------------
/www/scripts/controller/postMetaController.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .controller('PostMetaController', function($scope, ppSyncService, ppnetPostHelper, ppnetUser) {
5 |
6 | $scope.newLike = function(postId) {
7 | $scope.inProgress = true;
8 |
9 | var user = ppnetUser.getUserData();
10 | var likeObject = ppnetPostHelper.createLikeObject(user, postId);
11 |
12 | ppSyncService.postDocument(likeObject).then(function() {
13 | $scope.inProgress = false;
14 | });
15 | };
16 |
17 | $scope.deleteLike = function(postId) {
18 | $scope.inProgress = true;
19 |
20 | ppnetPostHelper.deleteLikeLocal($scope.likes, postId, ppnetUser.getId())
21 | .then(function(result) {
22 | ppSyncService.deleteDocument(result, true).then(function() {
23 | $scope.inProgress = false;
24 | });
25 | });
26 | };
27 |
28 | $scope.isLiked = function(postId) {
29 | var userId = ppnetUser.getId();
30 |
31 | if (!angular.isUndefined($scope.likes[postId])) {
32 | for (var i = 0; i < $scope.likes[postId].length; i++) {
33 | var currentObject = $scope.likes[postId][i];
34 | if (currentObject.doc.user.id === userId) {
35 | return true;
36 | }
37 | }
38 | }
39 |
40 | return false;
41 | };
42 |
43 | $scope.isCommented = function(postId) {
44 | var userId = ppnetUser.getId();
45 |
46 | if (!angular.isUndefined($scope.comments[postId])) {
47 | for (var i = 0; i < $scope.comments[postId].length; i++) {
48 | var currentObject = $scope.comments[postId][i];
49 | if (currentObject.doc.user.id === userId) {
50 | return true;
51 | }
52 | }
53 | }
54 | };
55 |
56 | $scope.isTrending = function(likes) {
57 | if (likes >= 10) {
58 | return 'big';
59 | } else if (likes >= 5) {
60 | return 'medium';
61 | }
62 | };
63 | });
--------------------------------------------------------------------------------
/app/views/user.html:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
7 |
8 |
35 |
36 |
39 |
40 |
41 | Your device is not supporting the image upload!
37 | 38 |
2 |
10 | 11 |
12 |
49 |
--------------------------------------------------------------------------------
/www/views/user.html:
--------------------------------------------------------------------------------
1 |
3 | 
4 |
5 | {{userId}}
6 |
7 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, asperiores, minus, rerum possimus cupiditate ducimus atque at excepturi nihil ab vitae voluptates molestiae voluptatem laborum itaque aspernatur porro odio ut!
8 |
9 | 10 | 11 |
13 |
48 |
14 |
15 |
45 |
46 |
16 | 
{{post.doc.user.name || 'Anonymous'}}
17 |
18 |
19 |
20 |
21 |
24 |
33 |
34 |
35 |
36 |
37 |
44 |
38 |
39 |
42 |
2 |
10 | 11 |
12 |
49 |
--------------------------------------------------------------------------------
/app/scripts/services/ppnetConfig.js:
--------------------------------------------------------------------------------
1 | angular.module('PPnet')
2 | .factory('ppnetConfig', function($http, $q, ppSyncService, ppnetUser) {
3 | var config;
4 |
5 | //localStorage.removeItem('ppnetConfig');
6 |
7 | function loadConfigFromLocalStorage() {
8 | config = JSON.parse(localStorage.getItem('ppnetConfig'));
9 | this.config = config;
10 | return config;;
11 | }
12 |
13 | function saveConfigtoLocalStorage(config) {
14 | this.config = config;
15 | localStorage.setItem('ppnetConfig', JSON.stringify(config));
16 | }
17 |
18 | function init(config) {
19 |
20 | /* SET CONFIG TO POUCHDB BEFORE INIT() */
21 | ppSyncService.setDB(config).then(function(response) {
22 | ppSyncService.init();
23 | if (!ppnetUser.isLogedIn()) {
24 | // and redirect to login view if not
25 | window.location = '#/login';
26 | } else {
27 | window.location = '#/';
28 | }
29 | });
30 | }
31 |
32 | return {
33 | init: function(config) {
34 | if (!config) {
35 | init(loadConfigFromLocalStorage());
36 | } else {
37 | init(config);
38 | saveConfigtoLocalStorage(config);
39 | }
40 |
41 | },
42 | existingConfig: function() {
43 | config = loadConfigFromLocalStorage();
44 | return (config) ? true : false;
45 | },
46 | loadConfig: function() {
47 | return loadConfigFromLocalStorage();
48 | },
49 | loadConfigFromExternal: function() {
50 | var deferred = $q.defer();
51 | $http.get('config.json').then(function(res) {
52 | deferred.resolve(res);
53 | deferred.reject(res);
54 | deferred.notify(res);
55 | });
56 | return deferred.promise;
57 | },
58 | saveConfig: function(config) {
59 | saveConfigtoLocalStorage(config)
60 | },
61 |
62 |
63 |
64 | getMapviewDefaultLatitude: function() {
65 | return config.mapview.defaultLatitude;
66 | },
67 | getMapviewDefaultLongitude: function() {
68 | return config.mapview.defaultLongitude;
69 | },
70 | getMapviewDefaultZoom: function() {
71 | return config.mapview.defaultZoom;
72 | }
73 | }
74 | });
--------------------------------------------------------------------------------
/www/scripts/services/ppnetConfig.js:
--------------------------------------------------------------------------------
1 | angular.module('PPnet')
2 | .factory('ppnetConfig', function($http, $q, ppSyncService, ppnetUser) {
3 | var config;
4 |
5 | //localStorage.removeItem('ppnetConfig');
6 |
7 | function loadConfigFromLocalStorage() {
8 | config = JSON.parse(localStorage.getItem('ppnetConfig'));
9 | this.config = config;
10 | return config;;
11 | }
12 |
13 | function saveConfigtoLocalStorage(config) {
14 | this.config = config;
15 | localStorage.setItem('ppnetConfig', JSON.stringify(config));
16 | }
17 |
18 | function init(config) {
19 |
20 | /* SET CONFIG TO POUCHDB BEFORE INIT() */
21 | ppSyncService.setDB(config).then(function(response) {
22 | ppSyncService.init();
23 | if (!ppnetUser.isLogedIn()) {
24 | // and redirect to login view if not
25 | window.location = '#/login';
26 | } else {
27 | window.location = '#/';
28 | }
29 | });
30 | }
31 |
32 | return {
33 | init: function(config) {
34 | if (!config) {
35 | init(loadConfigFromLocalStorage());
36 | } else {
37 | init(config);
38 | saveConfigtoLocalStorage(config);
39 | }
40 |
41 | },
42 | existingConfig: function() {
43 | config = loadConfigFromLocalStorage();
44 | return (config) ? true : false;
45 | },
46 | loadConfig: function() {
47 | return loadConfigFromLocalStorage();
48 | },
49 | loadConfigFromExternal: function() {
50 | var deferred = $q.defer();
51 | $http.get('config.json').then(function(res) {
52 | deferred.resolve(res);
53 | deferred.reject(res);
54 | deferred.notify(res);
55 | });
56 | return deferred.promise;
57 | },
58 | saveConfig: function(config) {
59 | saveConfigtoLocalStorage(config)
60 | },
61 |
62 |
63 |
64 | getMapviewDefaultLatitude: function() {
65 | return config.mapview.defaultLatitude;
66 | },
67 | getMapviewDefaultLongitude: function() {
68 | return config.mapview.defaultLongitude;
69 | },
70 | getMapviewDefaultZoom: function() {
71 | return config.mapview.defaultZoom;
72 | }
73 | }
74 | });
--------------------------------------------------------------------------------
/gulpfile.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | var gulp = require('gulp');
4 | var gutil = require('gulp-util');
5 | var clean = require('gulp-clean');
6 | var usemin = require('gulp-usemin');
7 | var plumber = require('gulp-plumber');
8 | var compass = require('gulp-compass');
9 | var connect = require('gulp-connect');
10 | var ngmin = require('gulp-ngmin');
11 | var uglify = require('gulp-uglify');
12 |
13 | gulp.task('compass', function() {
14 | gutil.log(gutil.colors.green('Compile Compass/Sass'));
15 | gulp.src('./app/styles/*.scss')
16 | .pipe(plumber())
17 | .pipe(compass({
18 | config_file: './config.rb',
19 | css: 'styles',
20 | sass: 'styles',
21 | image: 'app/images'
22 | }))
23 | .pipe(gulp.dest('./app/styles'));
24 | gutil.log('stuff happened', 'Really it did', gutil.colors.cyan('123'));
25 | });
26 |
27 | gulp.task('webserver', function() {
28 | connect.server({
29 | root: 'app',
30 | port: 8000
31 | });
32 | });
33 |
34 | gulp.task('clean', function() {
35 | gulp.src('./www', {
36 | read: false
37 | })
38 | .pipe(clean());
39 | });
40 |
41 | gulp.task('build', function() {
42 | gulp.src('./app/index.html')
43 | .pipe(usemin({}))
44 | .pipe(gulp.dest('./www/'));
45 |
46 | gulp.src('./app/config.js')
47 | .pipe(gulp.dest('./www/'));
48 |
49 | gulp.src('./app/views/**/*.html')
50 | .pipe(gulp.dest('./www/views/'));
51 |
52 | gulp.src('./app/scripts/**/*.js')
53 | .pipe(gulp.dest('./www/scripts/'));
54 |
55 | gulp.src(['./app/vendor/**/*.js', './app/vendor/**/*.css'])
56 | .pipe(gulp.dest('./www/vendor/'));
57 |
58 | gulp.src('./app/vendor/mapbox/images/*')
59 | .pipe(gulp.dest('./www/vendor/mapbox/images/'));
60 |
61 | gulp.src(['./app/redirect.html', 'app/config.xml', 'app/config.json'])
62 | .pipe(gulp.dest('./www/'));
63 |
64 | gulp.src(['./app/bower_components/**/fonts/**', './app/bower_components/**/zocial-less/**'])
65 | .pipe(gulp.dest('./www/bower_components/'));
66 |
67 | gulp.src('./app/images/**/*')
68 | .pipe(gulp.dest('./www/images/'));
69 | });
70 |
71 | gulp.task('watch', function() {
72 | gutil.log(gutil.colors.green('Watcher started for ./app/styles/**/*.scss'));
73 | gulp.watch('./app/styles/**/*.scss', ['compass']);
74 | });
75 |
76 | gulp.task('default', ['clean', 'compass', 'webserver', 'watch']);
--------------------------------------------------------------------------------
/app/scripts/controller/userController.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .controller('UserController', function($scope, $routeParams, ppSyncService, ppnetPostHelper) {
5 |
6 | $scope.posts = [];
7 | $scope.comments = [];
8 | $scope.likes = [];
9 |
10 | $scope.userId = $routeParams.id;
11 |
12 | var loadMeta = function(response) {
13 | for (var i = response.length - 1; i >= 0; i--) {
14 | switch (response[i].doc.type) {
15 | case 'LIKE':
16 | ppnetPostHelper.loadLike($scope.likes, response[i]);
17 | break;
18 | case 'COMMENT':
19 | ppnetPostHelper.loadComment($scope.comments, response[i]);
20 | break;
21 | }
22 | }
23 | };
24 |
25 | ppSyncService.getUserPosts($routeParams.id).then(function(response) {
26 | // Loop through the response and assign the elements to the specific temporary arrays
27 | for (var i = response.length - 1; i >= 0; i--) {
28 | $scope.posts.push(response[i]);
29 | // GET META ASSETS
30 | ppSyncService.getRelatedDocuments(response[i].id).then(loadMeta);
31 | }
32 | });
33 |
34 | ppSyncService.fetchChanges().then(function(response) {
35 | //console.log(response);
36 | }, function(error) {
37 | console.log(error);
38 | }, function(change) {
39 | if (change.deleted) {
40 | ppnetPostHelper.deletePost($scope.posts, change); // Deletes post from array
41 | ppnetPostHelper.deleteLike($scope.likes, change); // Deletes like from array
42 | } else {
43 | // Fetch the change event and assign the change to the specific array
44 | switch (change.doc.type) {
45 | case 'POST':
46 | $scope.posts.push(change);
47 | break;
48 | case 'LIKE':
49 | ppnetPostHelper.loadLike($scope.likes, change);
50 | break;
51 | case 'COMMENT':
52 | ppnetPostHelper.loadComment($scope.comments, change);
53 | break;
54 | case 'IMAGE':
55 | if (!angular.isUndefined(change.doc._attachments)) {
56 | $scope.posts.push(change);
57 | }
58 | break;
59 | }
60 | }
61 | });
62 |
63 | $scope.$on('$destroy', function() {
64 | ppSyncService.cancel();
65 | });
66 | });
--------------------------------------------------------------------------------
/www/scripts/controller/userController.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .controller('UserController', function($scope, $routeParams, ppSyncService, ppnetPostHelper) {
5 |
6 | $scope.posts = [];
7 | $scope.comments = [];
8 | $scope.likes = [];
9 |
10 | $scope.userId = $routeParams.id;
11 |
12 | var loadMeta = function(response) {
13 | for (var i = response.length - 1; i >= 0; i--) {
14 | switch (response[i].doc.type) {
15 | case 'LIKE':
16 | ppnetPostHelper.loadLike($scope.likes, response[i]);
17 | break;
18 | case 'COMMENT':
19 | ppnetPostHelper.loadComment($scope.comments, response[i]);
20 | break;
21 | }
22 | }
23 | };
24 |
25 | ppSyncService.getUserPosts($routeParams.id).then(function(response) {
26 | // Loop through the response and assign the elements to the specific temporary arrays
27 | for (var i = response.length - 1; i >= 0; i--) {
28 | $scope.posts.push(response[i]);
29 | // GET META ASSETS
30 | ppSyncService.getRelatedDocuments(response[i].id).then(loadMeta);
31 | }
32 | });
33 |
34 | ppSyncService.fetchChanges().then(function(response) {
35 | //console.log(response);
36 | }, function(error) {
37 | console.log(error);
38 | }, function(change) {
39 | if (change.deleted) {
40 | ppnetPostHelper.deletePost($scope.posts, change); // Deletes post from array
41 | ppnetPostHelper.deleteLike($scope.likes, change); // Deletes like from array
42 | } else {
43 | // Fetch the change event and assign the change to the specific array
44 | switch (change.doc.type) {
45 | case 'POST':
46 | $scope.posts.push(change);
47 | break;
48 | case 'LIKE':
49 | ppnetPostHelper.loadLike($scope.likes, change);
50 | break;
51 | case 'COMMENT':
52 | ppnetPostHelper.loadComment($scope.comments, change);
53 | break;
54 | case 'IMAGE':
55 | if (!angular.isUndefined(change.doc._attachments)) {
56 | $scope.posts.push(change);
57 | }
58 | break;
59 | }
60 | }
61 | });
62 |
63 | $scope.$on('$destroy', function() {
64 | ppSyncService.cancel();
65 | });
66 | });
--------------------------------------------------------------------------------
/app/views/login.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 | {{userId}}
6 |
7 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, asperiores, minus, rerum possimus cupiditate ducimus atque at excepturi nihil ab vitae voluptates molestiae voluptatem laborum itaque aspernatur porro odio ut!
8 |
9 | 10 | 11 |
13 |
48 |
14 |
15 |
45 |
46 |
16 | {{post.doc.user.name || 'Anonymous'}}
17 |
18 |
19 |
20 |
21 |
24 |
33 |
34 |
35 |
36 |
37 |
44 |
38 |
39 |
42 |
2 |
17 |
18 |
3 |
16 | Simple Login
4 | 15 |
19 |
--------------------------------------------------------------------------------
/www/views/login.html:
--------------------------------------------------------------------------------
1 |
20 |
21 |
22 |
57 |
23 |
55 |
56 |
24 |
28 |
25 |
27 | LocalLogin
26 |
29 |
54 |
30 |
34 |
35 | FIWare
31 | FIWare
32 |
33 |
36 |
40 |
53 | facebook
37 | facebook
38 |
39 |
2 |
17 |
18 |
3 |
16 | Simple Login
4 | 15 |
19 |
--------------------------------------------------------------------------------
/app/styles/sections/_postActions.scss:
--------------------------------------------------------------------------------
1 | .post-action-wrapper {
2 | margin: 10px 0;
3 | margin-bottom: 0;
4 | }
5 |
6 | .new-post-something {
7 | position: relative;
8 | background: #fff;
9 | padding: 10px;
10 | border: 1px solid $middle;
11 | @include border-radius($radius);
12 | }
13 |
14 | .post-box {
15 | @include display-box;
16 | display: -ms-flexbox;
17 | @include border-top-radius($radius);
18 | border: 0px solid #ccc;
19 | width: 100%;
20 | border-bottom: 0;
21 | background: $bright;
22 |
23 | .image-preview {
24 | position: relative;
25 | width: 80px;
26 | height: 80px;
27 | overflow: hidden;
28 | padding: 5px;
29 |
30 | .add-icon {
31 | border: 2px solid $background;
32 | @include border-radius($radius);
33 | height: 70px;
34 | width: 70px;
35 | }
36 |
37 | i {
38 | font-size: 25px;
39 | width: 68px;
40 | height: 68px;
41 | color: $primary;
42 | &::before {
43 | position: relative;
44 | left: 20px;
45 | top: 21px;
46 | }
47 | &:hover {
48 | cursor: pointer;
49 | }
50 | }
51 |
52 | img {
53 | width: auto;
54 | height: 70px;
55 |
56 | &:hover {
57 | cursor: pointer;
58 | }
59 | }
60 | }
61 |
62 | textarea {
63 | border: 0;
64 | height: 80px;
65 | background: $bright;
66 | padding: 15px 10px;
67 | @include box-shadow(none);
68 |
69 | &:focus,
70 | &:active {
71 | outline: 0;
72 | border: 0;
73 | @include box-shadow(none);
74 | }
75 | }
76 | }
77 |
78 | .post-text {
79 | @include box-flex(1);
80 | }
81 |
82 |
83 | .post-submit {
84 | button {
85 | @include border-top-radius(0);
86 | }
87 | }
88 |
89 | .post-media-select {
90 | position: absolute;
91 | top: 0;
92 | left: 0;
93 | height: 133px;
94 | width: 100%;
95 | background: #fff;
96 |
97 | ul {
98 | position: relative;
99 | padding: 53px;
100 | margin: 0;
101 | }
102 |
103 | li {
104 | display: table-cell;
105 | width: 1%;
106 | text-align: center;
107 |
108 | a {
109 | color: $primary;
110 | }
111 | }
112 | span {
113 | position: absolute;
114 | top: 10px;
115 | right: 10px;
116 | a {color: $dark;}
117 | }
118 | }
--------------------------------------------------------------------------------
/app/scripts/services/ppnetUser.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .factory('ppnetUser', function() {
5 |
6 | // User Attributes that are saved to local storage
7 | var userAttributes = {
8 | id: '',
9 | name: '',
10 | provider: '',
11 | admin: false,
12 | online: false
13 | };
14 |
15 | var currentUser = userAttributes;
16 |
17 | // Initiliaze the Local Storage
18 | var initUser = function() {
19 | if (!localStorage.getItem('ppnetUser')) {
20 | localStorage.setItem('ppnetUser', JSON.stringify(userAttributes));
21 | }
22 | };
23 | initUser();
24 |
25 | // Helper Function to save and retrieve the LocalStorage Data
26 | var loadCurrentUserFromLocalStorage = function() {
27 | currentUser = JSON.parse(localStorage.getItem('ppnetUser'));
28 | };
29 |
30 | var saveCurrentUsertoLocalStorage = function() {
31 | localStorage.setItem('ppnetUser', JSON.stringify(currentUser));
32 | };
33 |
34 | return {
35 | login: function(newUserData) {
36 | currentUser.id = newUserData.id;
37 | currentUser.name = newUserData.name;
38 | currentUser.provider = newUserData.provider;
39 | currentUser.online = true;
40 | currentUser.admin = false;
41 | saveCurrentUsertoLocalStorage();
42 | window.location = '#/';
43 | return true;
44 | },
45 | logout: function() {
46 | currentUser = userAttributes;
47 | saveCurrentUsertoLocalStorage();
48 | },
49 | isLogedIn: function() {
50 | loadCurrentUserFromLocalStorage();
51 | return (currentUser.online) ? true : false;
52 | },
53 | isAdmin: function() {
54 | loadCurrentUserFromLocalStorage();
55 | return (currentUser.admin) ? true : false;
56 | },
57 | toggleAdmin: function(newStatus) {
58 | loadCurrentUserFromLocalStorage();
59 | currentUser.admin = newStatus;
60 | saveCurrentUsertoLocalStorage();
61 | },
62 | getUserData: function() {
63 | loadCurrentUserFromLocalStorage();
64 | return currentUser;
65 | },
66 | getName: function() {
67 | loadCurrentUserFromLocalStorage();
68 | return currentUser.name;
69 | },
70 | getId: function() {
71 | loadCurrentUserFromLocalStorage();
72 | return currentUser.id;
73 | }
74 | };
75 |
76 | });
--------------------------------------------------------------------------------
/www/scripts/services/ppnetUser.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .factory('ppnetUser', function() {
5 |
6 | // User Attributes that are saved to local storage
7 | var userAttributes = {
8 | id: '',
9 | name: '',
10 | provider: '',
11 | admin: false,
12 | online: false
13 | };
14 |
15 | var currentUser = userAttributes;
16 |
17 | // Initiliaze the Local Storage
18 | var initUser = function() {
19 | if (!localStorage.getItem('ppnetUser')) {
20 | localStorage.setItem('ppnetUser', JSON.stringify(userAttributes));
21 | }
22 | };
23 | initUser();
24 |
25 | // Helper Function to save and retrieve the LocalStorage Data
26 | var loadCurrentUserFromLocalStorage = function() {
27 | currentUser = JSON.parse(localStorage.getItem('ppnetUser'));
28 | };
29 |
30 | var saveCurrentUsertoLocalStorage = function() {
31 | localStorage.setItem('ppnetUser', JSON.stringify(currentUser));
32 | };
33 |
34 | return {
35 | login: function(newUserData) {
36 | currentUser.id = newUserData.id;
37 | currentUser.name = newUserData.name;
38 | currentUser.provider = newUserData.provider;
39 | currentUser.online = true;
40 | currentUser.admin = false;
41 | saveCurrentUsertoLocalStorage();
42 | window.location = '#/';
43 | return true;
44 | },
45 | logout: function() {
46 | currentUser = userAttributes;
47 | saveCurrentUsertoLocalStorage();
48 | },
49 | isLogedIn: function() {
50 | loadCurrentUserFromLocalStorage();
51 | return (currentUser.online) ? true : false;
52 | },
53 | isAdmin: function() {
54 | loadCurrentUserFromLocalStorage();
55 | return (currentUser.admin) ? true : false;
56 | },
57 | toggleAdmin: function(newStatus) {
58 | loadCurrentUserFromLocalStorage();
59 | currentUser.admin = newStatus;
60 | saveCurrentUsertoLocalStorage();
61 | },
62 | getUserData: function() {
63 | loadCurrentUserFromLocalStorage();
64 | return currentUser;
65 | },
66 | getName: function() {
67 | loadCurrentUserFromLocalStorage();
68 | return currentUser.name;
69 | },
70 | getId: function() {
71 | loadCurrentUserFromLocalStorage();
72 | return currentUser.id;
73 | }
74 | };
75 |
76 | });
--------------------------------------------------------------------------------
/app/scripts/controller/singlePostController.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .controller('SinglePostController', function($scope, $routeParams, ppSyncService, ppnetPostHelper, ppnetUser) {
5 |
6 | $scope.posts = [];
7 | $scope.comments = [];
8 | $scope.likes = [];
9 |
10 | $scope.loadingComments = true;
11 | $scope.loadingLikes = true;
12 |
13 | $scope.toggleTimeVar = false;
14 | $scope.toggleTime = function() {
15 | $scope.toggleTimeVar = $scope.toggleTimeVar === false ? true : false;
16 | };
17 |
18 | ppSyncService.fetchChanges().then(function(response) {
19 | //console.log(response);
20 | }, function(error) {
21 | console.log(error);
22 | }, function(change) {
23 | if (change.deleted) {
24 | ppnetPostHelper.deleteLike($scope.likes, change);
25 | ppnetPostHelper.deleteComment($scope.comments, change);
26 | } else {
27 | switch (change.doc.type) {
28 | case 'LIKE':
29 | ppnetPostHelper.loadLike($scope.likes, change);
30 | break;
31 | case 'COMMENT':
32 | ppnetPostHelper.loadComment($scope.comments, change);
33 | break;
34 | }
35 | }
36 | });
37 |
38 | $scope.isCommentedByUser = function(user) {
39 | return user.id === ppnetUser.getId() ? true : false;
40 | };
41 |
42 | $scope.deleteComment = function(comment) {
43 | ppSyncService.deleteDocument(comment.doc, true);
44 | };
45 |
46 | var loadMeta = function(response) {
47 | for (var i = response.length - 1; i >= 0; i--) {
48 | switch (response[i].doc.type) {
49 | case 'LIKE':
50 | ppnetPostHelper.loadLike($scope.likes, response[i]);
51 | break;
52 | case 'COMMENT':
53 | ppnetPostHelper.loadComment($scope.comments, response[i]);
54 | break;
55 | }
56 | }
57 | $scope.loadingComments = false;
58 | $scope.loadingLikes = false;
59 | };
60 |
61 | ppSyncService.getDocument($routeParams.id).then(function(response) {
62 | var tempPostObject = {
63 | 'doc': response,
64 | 'id': response._id
65 | };
66 |
67 | $scope.posts.push(tempPostObject);
68 | ppSyncService.getRelatedDocuments($routeParams.id).then(loadMeta);
69 | });
70 |
71 |
72 |
73 | $scope.$on("$destroy", function() {
74 | ppSyncService.cancel();
75 | });
76 | });
--------------------------------------------------------------------------------
/www/scripts/controller/singlePostController.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .controller('SinglePostController', function($scope, $routeParams, ppSyncService, ppnetPostHelper, ppnetUser) {
5 |
6 | $scope.posts = [];
7 | $scope.comments = [];
8 | $scope.likes = [];
9 |
10 | $scope.loadingComments = true;
11 | $scope.loadingLikes = true;
12 |
13 | $scope.toggleTimeVar = false;
14 | $scope.toggleTime = function() {
15 | $scope.toggleTimeVar = $scope.toggleTimeVar === false ? true : false;
16 | };
17 |
18 | ppSyncService.fetchChanges().then(function(response) {
19 | //console.log(response);
20 | }, function(error) {
21 | console.log(error);
22 | }, function(change) {
23 | if (change.deleted) {
24 | ppnetPostHelper.deleteLike($scope.likes, change);
25 | ppnetPostHelper.deleteComment($scope.comments, change);
26 | } else {
27 | switch (change.doc.type) {
28 | case 'LIKE':
29 | ppnetPostHelper.loadLike($scope.likes, change);
30 | break;
31 | case 'COMMENT':
32 | ppnetPostHelper.loadComment($scope.comments, change);
33 | break;
34 | }
35 | }
36 | });
37 |
38 | $scope.isCommentedByUser = function(user) {
39 | return user.id === ppnetUser.getId() ? true : false;
40 | };
41 |
42 | $scope.deleteComment = function(comment) {
43 | ppSyncService.deleteDocument(comment.doc, true);
44 | };
45 |
46 | var loadMeta = function(response) {
47 | for (var i = response.length - 1; i >= 0; i--) {
48 | switch (response[i].doc.type) {
49 | case 'LIKE':
50 | ppnetPostHelper.loadLike($scope.likes, response[i]);
51 | break;
52 | case 'COMMENT':
53 | ppnetPostHelper.loadComment($scope.comments, response[i]);
54 | break;
55 | }
56 | }
57 | $scope.loadingComments = false;
58 | $scope.loadingLikes = false;
59 | };
60 |
61 | ppSyncService.getDocument($routeParams.id).then(function(response) {
62 | var tempPostObject = {
63 | 'doc': response,
64 | 'id': response._id
65 | };
66 |
67 | $scope.posts.push(tempPostObject);
68 | ppSyncService.getRelatedDocuments($routeParams.id).then(loadMeta);
69 | });
70 |
71 |
72 |
73 | $scope.$on("$destroy", function() {
74 | ppSyncService.cancel();
75 | });
76 | });
--------------------------------------------------------------------------------
/app/scripts/app.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet', [
4 | 'ngCookies',
5 | 'ngResource',
6 | 'ngSanitize',
7 | 'ngRoute',
8 | 'ngAnimate',
9 | 'angular-gestures',
10 | 'fx.animations',
11 | 'angularMoment',
12 | 'ppSync'
13 | ])
14 | .config(function($routeProvider) {
15 | // Route definitions
16 | $routeProvider
17 | .when('/login', {
18 | controller: 'LoginController',
19 | templateUrl: 'views/login.html'
20 | })
21 | .when('/logout', {
22 | controller: 'LogoutController',
23 | template: 'Logout...'
24 | })
25 | .when('/post/:id', {
26 | controller: 'SinglePostController',
27 | templateUrl: 'views/singlePost.html'
28 | })
29 | .when('/hashtag', {
30 | templateUrl: 'views/hashtag.html'
31 | })
32 | .when('/hashtag/:hashtag', {
33 | controller: 'HashtagController',
34 | templateUrl: 'views/hashtag.html'
35 | })
36 | .when('/report', {
37 | controller: 'ReportController',
38 | templateUrl: 'views/report.html'
39 | })
40 | .when('/timeline', {
41 | controller: 'TimelineController',
42 | templateUrl: 'views/timeline.html'
43 | })
44 | .when('/map', {
45 | controller: 'MapController',
46 | templateUrl: 'views/map.html'
47 | })
48 | .when('/map/:long/:lat/:zoom', {
49 | controller: 'MapController',
50 | templateUrl: 'views/map.html'
51 | })
52 | .when('/user/:id', {
53 | controller: 'UserController',
54 | templateUrl: 'views/user.html'
55 | })
56 | .when('/load', {
57 | controller: 'LoadController',
58 | templateUrl: 'views/load.html'
59 | })
60 | .otherwise({
61 | controller: 'StreamController',
62 | templateUrl: 'views/stream.html'
63 | });
64 | })
65 | .run(function($rootScope, $http, ppnetUser, ppnetGeolocation, ppnetConfig) {
66 |
67 |
68 |
69 |
70 | // Detect if application is running on phonegap
71 | $rootScope.phonegap = false;
72 | if (window.location.protocol === 'file:') {
73 | $rootScope.phonegap = true;
74 | }
75 |
76 | // Start Geolocation Watcher
77 | $(document).ready(function() {
78 | onDeviceReady();
79 | });
80 |
81 | function onDeviceReady() {
82 | ppnetGeolocation.startGeoWatch();
83 | }
84 |
85 | if (!ppnetConfig.existingConfig()) {
86 | window.location = '#/load';
87 | } else {
88 | ppnetConfig.init();
89 | }
90 |
91 |
92 | });
--------------------------------------------------------------------------------
/www/scripts/app.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet', [
4 | 'ngCookies',
5 | 'ngResource',
6 | 'ngSanitize',
7 | 'ngRoute',
8 | 'ngAnimate',
9 | 'angular-gestures',
10 | 'fx.animations',
11 | 'angularMoment',
12 | 'ppSync'
13 | ])
14 | .config(function($routeProvider) {
15 | // Route definitions
16 | $routeProvider
17 | .when('/login', {
18 | controller: 'LoginController',
19 | templateUrl: 'views/login.html'
20 | })
21 | .when('/logout', {
22 | controller: 'LogoutController',
23 | template: 'Logout...'
24 | })
25 | .when('/post/:id', {
26 | controller: 'SinglePostController',
27 | templateUrl: 'views/singlePost.html'
28 | })
29 | .when('/hashtag', {
30 | templateUrl: 'views/hashtag.html'
31 | })
32 | .when('/hashtag/:hashtag', {
33 | controller: 'HashtagController',
34 | templateUrl: 'views/hashtag.html'
35 | })
36 | .when('/report', {
37 | controller: 'ReportController',
38 | templateUrl: 'views/report.html'
39 | })
40 | .when('/timeline', {
41 | controller: 'TimelineController',
42 | templateUrl: 'views/timeline.html'
43 | })
44 | .when('/map', {
45 | controller: 'MapController',
46 | templateUrl: 'views/map.html'
47 | })
48 | .when('/map/:long/:lat/:zoom', {
49 | controller: 'MapController',
50 | templateUrl: 'views/map.html'
51 | })
52 | .when('/user/:id', {
53 | controller: 'UserController',
54 | templateUrl: 'views/user.html'
55 | })
56 | .when('/load', {
57 | controller: 'LoadController',
58 | templateUrl: 'views/load.html'
59 | })
60 | .otherwise({
61 | controller: 'StreamController',
62 | templateUrl: 'views/stream.html'
63 | });
64 | })
65 | .run(function($rootScope, $http, ppnetUser, ppnetGeolocation, ppnetConfig) {
66 |
67 |
68 |
69 |
70 | // Detect if application is running on phonegap
71 | $rootScope.phonegap = false;
72 | if (window.location.protocol === 'file:') {
73 | $rootScope.phonegap = true;
74 | }
75 |
76 | // Start Geolocation Watcher
77 | $(document).ready(function() {
78 | onDeviceReady();
79 | });
80 |
81 | function onDeviceReady() {
82 | ppnetGeolocation.startGeoWatch();
83 | }
84 |
85 | if (!ppnetConfig.existingConfig()) {
86 | window.location = '#/load';
87 | } else {
88 | ppnetConfig.init();
89 | }
90 |
91 |
92 | });
--------------------------------------------------------------------------------
/app/scripts/services/ppnetGeolocation.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .factory('ppnetGeolocation', function() {
5 |
6 | var watchID;
7 | var coords = {};
8 |
9 | var showPosition = function(position) {
10 | coords.latitude = position.coords.latitude;
11 | coords.longitude = position.coords.longitude;
12 | coords.accuracy = position.coords.accuracy;
13 | saveCurrentLocationtoLocalStorage();
14 | };
15 |
16 | var errorHandler = function(err) {
17 | if (err.code === 1) {
18 | console.log('Error: Access is denied!');
19 | } else if (err.code === 2) {
20 | console.log('Error: Position is unavailable!');
21 | }
22 | coords.latitude = null;
23 | coords.longitude = null;
24 | coords.accuracy = null;
25 | saveCurrentLocationtoLocalStorage();
26 | };
27 |
28 | var getLocationUpdate = function() {
29 | coords.latitude = null;
30 | coords.longitude = null;
31 | coords.accuracy = null;
32 | if (navigator.geolocation) {
33 | // timeout at 60000 milliseconds (60 seconds)
34 | var options = {
35 | timeout: 60000
36 | };
37 | watchID = navigator.geolocation.watchPosition(showPosition, errorHandler, options);
38 | } else {
39 | console.log('Sorry, browser does not support geolocation!');
40 | }
41 | };
42 | var saveCurrentLocationtoLocalStorage = function() {
43 | localStorage.setItem('ppnetLocation', JSON.stringify(coords));
44 | };
45 | var loadCurrentPositionFromLocalStorage = function() {
46 | return JSON.parse(localStorage.getItem('ppnetLocation'));;
47 | };
48 |
49 | var saveCurrentMapPositionToLocalStorage = function(position) {
50 | localStorage.setItem('ppnetMapPosition', JSON.stringify(position));
51 | };
52 | var loadCurrentMapPositionFromLocalStorage = function(position) {
53 | return JSON.parse(localStorage.getItem('ppnetMapPosition'));;
54 | };
55 |
56 | return {
57 | getCurrentUserPosition: function() {
58 | var position = loadCurrentPositionFromLocalStorage();
59 | if (position == null || (position.latitude == null && position.longitude == null))
60 | return false;
61 | return position;
62 | },
63 | setCurrentMapLocation: function(position) {
64 | saveCurrentMapPositionToLocalStorage(position);
65 | },
66 | getCurrentMapLocation: function() {
67 | return loadCurrentMapPositionFromLocalStorage();
68 | },
69 |
70 | getCurrentCoords: function() {
71 | return coords;
72 | },
73 | startGeoWatch: function() {
74 | getLocationUpdate();
75 | }
76 | };
77 | });
--------------------------------------------------------------------------------
/www/scripts/services/ppnetGeolocation.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | angular.module('PPnet')
4 | .factory('ppnetGeolocation', function() {
5 |
6 | var watchID;
7 | var coords = {};
8 |
9 | var showPosition = function(position) {
10 | coords.latitude = position.coords.latitude;
11 | coords.longitude = position.coords.longitude;
12 | coords.accuracy = position.coords.accuracy;
13 | saveCurrentLocationtoLocalStorage();
14 | };
15 |
16 | var errorHandler = function(err) {
17 | if (err.code === 1) {
18 | console.log('Error: Access is denied!');
19 | } else if (err.code === 2) {
20 | console.log('Error: Position is unavailable!');
21 | }
22 | coords.latitude = null;
23 | coords.longitude = null;
24 | coords.accuracy = null;
25 | saveCurrentLocationtoLocalStorage();
26 | };
27 |
28 | var getLocationUpdate = function() {
29 | coords.latitude = null;
30 | coords.longitude = null;
31 | coords.accuracy = null;
32 | if (navigator.geolocation) {
33 | // timeout at 60000 milliseconds (60 seconds)
34 | var options = {
35 | timeout: 60000
36 | };
37 | watchID = navigator.geolocation.watchPosition(showPosition, errorHandler, options);
38 | } else {
39 | console.log('Sorry, browser does not support geolocation!');
40 | }
41 | };
42 | var saveCurrentLocationtoLocalStorage = function() {
43 | localStorage.setItem('ppnetLocation', JSON.stringify(coords));
44 | };
45 | var loadCurrentPositionFromLocalStorage = function() {
46 | return JSON.parse(localStorage.getItem('ppnetLocation'));;
47 | };
48 |
49 | var saveCurrentMapPositionToLocalStorage = function(position) {
50 | localStorage.setItem('ppnetMapPosition', JSON.stringify(position));
51 | };
52 | var loadCurrentMapPositionFromLocalStorage = function(position) {
53 | return JSON.parse(localStorage.getItem('ppnetMapPosition'));;
54 | };
55 |
56 | return {
57 | getCurrentUserPosition: function() {
58 | var position = loadCurrentPositionFromLocalStorage();
59 | if (position == null || (position.latitude == null && position.longitude == null))
60 | return false;
61 | return position;
62 | },
63 | setCurrentMapLocation: function(position) {
64 | saveCurrentMapPositionToLocalStorage(position);
65 | },
66 | getCurrentMapLocation: function() {
67 | return loadCurrentMapPositionFromLocalStorage();
68 | },
69 |
70 | getCurrentCoords: function() {
71 | return coords;
72 | },
73 | startGeoWatch: function() {
74 | getLocationUpdate();
75 | }
76 | };
77 | });
--------------------------------------------------------------------------------
/app/views/report.html:
--------------------------------------------------------------------------------
1 |
20 |
21 |
22 |
57 |
23 |
55 |
56 |
24 |
28 |
25 |
27 | LocalLogin
26 |
29 |
54 |
30 |
34 |
35 | FIWare
31 | FIWare
32 |
33 |
36 |
40 |
53 | facebook
37 | facebook
38 |
39 | 4 | 5 | {{reports}} 6 |
7 |
8 |
9 |
10 |
11 |
57 |
12 | Reported by: {{report.doc.user.name}}
13 |
19 |
20 |
14 |
15 |
16 |
17 |
18 |
21 | Postet by: {{report.doc.posting.user.name}}
22 |
28 |
29 |
30 |
31 |
32 |
33 |
23 |
24 |
25 |
26 |
27 | 4 | 5 | {{reports}} 6 |
7 |
8 |
9 |
10 |
11 |
57 |
12 | Reported by: {{report.doc.user.name}}
13 |
19 |
20 |
14 |
15 |
16 |
17 |
18 |
21 | Postet by: {{report.doc.posting.user.name}}
22 |
28 |
29 |
30 |
31 |
32 |
33 |
23 |
24 |
25 |
26 |
27 | ' + doc.msg + '
';
68 |
69 | if (doc.type === 'IMAGE') {
70 | // Load the attachment from local database
71 | ppSyncService.getAttachment(doc._id, 'image').then(function(response) {
72 | var reader = new FileReader();
73 |
74 | reader.onload = function(e) {
75 | doc.content = doc.content + '' + doc.content, 94 | 'editable': false 95 | }); 96 | }; 97 | $scope.$on("$destroy", function() { 98 | ppSyncService.cancel(); 99 | }); 100 | }); -------------------------------------------------------------------------------- /www/scripts/controller/timelineController.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | angular.module('PPnet') 4 | .controller('TimelineController', function($scope, ppSyncService) { 5 | 6 | var viewsize = window.innerHeight - 100; 7 | var timeline = new links.Timeline(document.getElementById('timeline')); 8 | timeline.draw([], { 9 | minHeight: 500, 10 | height: viewsize + 'px', 11 | animate: false, 12 | cluster: true, 13 | style: 'box', 14 | box: { 15 | align: 'left' 16 | }, 17 | zoomMin: 1 * 60 * 1000, 18 | zoomMax: 2 * 7 * 24 * 60 * 60 * 1000 19 | }); 20 | 21 | // Gets all Documents, including Posts, Images, Comments and Likes 22 | ppSyncService.getPosts().then(function(response) { 23 | // Loop through the response and assign the elements to the specific temporary arrays 24 | for (var i = response.length - 1; i >= 0; i--) { 25 | switch (response[i].doc.type) { 26 | case 'POST': 27 | case 'IMAGE': 28 | // Posts and Images are pushed to the same array because, 29 | // they are both top parent elements 30 | $scope.prepareForTimeline(response[i].doc); 31 | break; 32 | } 33 | } 34 | $scope.loadingStream = false; 35 | }); 36 | 37 | ppSyncService.fetchChanges().then(function() { 38 | //console.log(response); 39 | }, function(error) { 40 | console.log(error); 41 | }, function(change) { 42 | if (!change.deleted) { 43 | switch (change.doc.type) { 44 | case 'POST': 45 | $scope.prepareForTimeline(change.doc); 46 | break; 47 | case 'IMAGE': 48 | if (!angular.isUndefined(change.doc._attachments)) { 49 | $scope.prepareForTimeline(change.doc); 50 | } 51 | break; 52 | } 53 | } 54 | }); 55 | 56 | $scope.timelineZoomIn = function() { 57 | timeline.zoom(1); 58 | }; 59 | $scope.timelineZoomOut = function() { 60 | timeline.zoom(-1); 61 | }; 62 | $scope.centerNow = function() { 63 | timeline.setVisibleChartRangeNow(); 64 | }; 65 | $scope.prepareForTimeline = function(doc) { 66 | if ((!angular.isUndefined(doc.msg) && doc.msg.trim() !== '') || doc.type === 'IMAGE') { 67 | doc.content = '
' + doc.msg + '
';
68 |
69 | if (doc.type === 'IMAGE') {
70 | // Load the attachment from local database
71 | ppSyncService.getAttachment(doc._id, 'image').then(function(response) {
72 | var reader = new FileReader();
73 |
74 | reader.onload = function(e) {
75 | doc.content = doc.content + '' + doc.content, 94 | 'editable': false 95 | }); 96 | }; 97 | $scope.$on("$destroy", function() { 98 | ppSyncService.cancel(); 99 | }); 100 | }); -------------------------------------------------------------------------------- /app/styles/patterns/_post.scss: -------------------------------------------------------------------------------- 1 | .post { 2 | position: relative; 3 | margin: 10px 0; 4 | padding: 0; 5 | background: $bright; 6 | border: 1px solid $middle; 7 | @include border-radius($radius); 8 | .main-content { 9 | padding: 10px 12px; 10 | } 11 | .post-content { 12 | p{margin-bottom: 5px; 13 | line-height: 1.2; 14 | font-size: 14px; 15 | font-weight: 200; 16 | } 17 | } 18 | .author { 19 | font-weight: 700; 20 | margin-bottom: 5px; 21 | color: $secondary; 22 | font-size: 16px; 23 | display: inline-block; 24 | line-height: 1; 25 | img { 26 | margin-right: 5px; 27 | } 28 | } 29 | .post-time, .post-fulltime { 30 | font-size: 11px; 31 | color: $middle; 32 | text-align: left; 33 | color: $color_info; 34 | cursor:pointer; 35 | } 36 | .medium { 37 | .post-content p { 38 | line-height: 1.3; 39 | font-size: 16px; 40 | } 41 | } 42 | .big { 43 | .post-content p { 44 | line-height: 1.4; 45 | font-size: 20px; 46 | } 47 | } 48 | &.single-view { 49 | .post-content p { 50 | margin: 8px 0; 51 | font-size: 18px; 52 | line-height: 1.4; 53 | } 54 | .author { 55 | font-size: 20px; 56 | } 57 | .post-time, .post-fulltime { 58 | font-size: 12px; 59 | } 60 | } 61 | } 62 | .post-dropdown { 63 | position: absolute; 64 | top: -1px; 65 | right: 3px; 66 | li { 67 | font-size: 12px; 68 | } 69 | .dropdown-menu .divider { 70 | margin: 5px 0; 71 | } 72 | } 73 | .post-image { 74 | border: 1px solid $background; 75 | max-height: 200px; 76 | overflow: hidden; 77 | margin: 10px auto; 78 | @include box-shadow(#aaa 0 1px 3px); 79 | @include border-radius($radius); 80 | img { 81 | width: 100%; 82 | height: auto; 83 | margin: 0 auto; 84 | display: block; 85 | } 86 | } 87 | .post-single-image { 88 | @extend .post-image; 89 | max-height: 100%; 90 | } 91 | .post-meta { 92 | border-top: 1px solid #eee; 93 | @include border-bottom-radius($radius); 94 | overflow: hidden; 95 | .nav-justified li { 96 | display: table-cell !important; 97 | width: 1% !important; 98 | padding: 0; 99 | margin: 0; 100 | border-right: 1px solid #eee; 101 | vertical-align: top; 102 | a, button { 103 | width: 100%; 104 | display: block; 105 | padding: 2px; 106 | margin: 0 auto; 107 | height: 34px; 108 | border: 0; 109 | font-size: 11px; 110 | background: darken(#fff, 2%); 111 | line-height: 34px; 112 | color: #999; 113 | @include border-radius(0); 114 | .fa-custom { 115 | font-size: 15px; 116 | margin-right: 5px; 117 | @include transition-duration(.3s); 118 | } 119 | &.isLiked { 120 | .fa-custom { 121 | color: $complement; 122 | } 123 | } 124 | &[disabled] { 125 | opacity: 0.2; 126 | } 127 | } 128 | &.medium { 129 | a, button { 130 | //font-size: 16px; 131 | .fa-custom { 132 | position: relative; 133 | top: 2px; 134 | font-size: 19px; 135 | } 136 | &.isLiked { 137 | .fa-custom { 138 | color: $complement; 139 | } 140 | } 141 | } 142 | } 143 | &.big { 144 | a, button { 145 | //font-size: 18px; 146 | .fa-custom { 147 | position: relative; 148 | top: 3px; 149 | font-size: 24px; 150 | } 151 | &.isLiked { 152 | .fa-custom { 153 | color: $complement; 154 | } 155 | } 156 | } 157 | } 158 | &:last-child { 159 | border-right: 0; 160 | } 161 | } 162 | } 163 | .single-view { 164 | .post-meta { 165 | border-bottom: 1px solid #f6f6f6; 166 | @include border-radius(0); 167 | } 168 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ################# 2 | ## Eclipse 3 | ################# 4 | 5 | *.pydevproject 6 | .project 7 | .metadata 8 | bin/ 9 | tmp/ 10 | *.tmp 11 | *.bak 12 | *.swp 13 | *~.nib 14 | local.properties 15 | .classpath 16 | .settings/ 17 | .loadpath 18 | 19 | # External tool builders 20 | .externalToolBuilders/ 21 | 22 | # Locally stored "Eclipse launch configurations" 23 | *.launch 24 | 25 | # CDT-specific 26 | .cproject 27 | 28 | # PDT-specific 29 | .buildpathf 30 | 31 | 32 | ################# 33 | ## Visual Studio 34 | ################# 35 | 36 | ## Ignore Visual Studio temporary files, build results, and 37 | ## files generated by popular Visual Studio add-ons. 38 | 39 | # User-specific files 40 | *.suo 41 | *.user 42 | *.sln.docstates 43 | 44 | # Build results 45 | 46 | [Dd]ebug/ 47 | [Rr]elease/ 48 | x64/ 49 | build/ 50 | [Bb]in/ 51 | [Oo]bj/ 52 | 53 | # MSTest test Results 54 | [Tt]est[Rr]esult*/ 55 | [Bb]uild[Ll]og.* 56 | 57 | *_i.c 58 | *_p.c 59 | *.ilk 60 | *.meta 61 | *.obj 62 | *.pch 63 | *.pdb 64 | *.pgc 65 | *.pgd 66 | *.rsp 67 | *.sbr 68 | *.tlb 69 | *.tli 70 | *.tlh 71 | *.tmp 72 | *.tmp_proj 73 | *.log 74 | *.vspscc 75 | *.vssscc 76 | .builds 77 | *.pidb 78 | *.log 79 | *.scc 80 | 81 | # Visual C++ cache files 82 | ipch/ 83 | *.aps 84 | *.ncb 85 | *.opensdf 86 | *.sdf 87 | *.cachefile 88 | 89 | # Visual Studio profiler 90 | *.psess 91 | *.vsp 92 | *.vspx 93 | 94 | # Guidance Automation Toolkit 95 | *.gpState 96 | 97 | # ReSharper is a .NET coding add-in 98 | _ReSharper*/ 99 | *.[Rr]e[Ss]harper 100 | 101 | # TeamCity is a build add-in 102 | _TeamCity* 103 | 104 | # DotCover is a Code Coverage Tool 105 | *.dotCover 106 | 107 | # NCrunch 108 | *.ncrunch* 109 | .*crunch*.local.xml 110 | 111 | # Installshield output folder 112 | [Ee]xpress/ 113 | 114 | # DocProject is a documentation generator add-in 115 | DocProject/buildhelp/ 116 | DocProject/Help/*.HxT 117 | DocProject/Help/*.HxC 118 | DocProject/Help/*.hhc 119 | DocProject/Help/*.hhk 120 | DocProject/Help/*.hhp 121 | DocProject/Help/Html2 122 | DocProject/Help/html 123 | 124 | # Click-Once directory 125 | publish/ 126 | 127 | # Publish Web Output 128 | *.Publish.xml 129 | *.pubxml 130 | 131 | # NuGet Packages Directory 132 | ## TODO: If you have NuGet Package Restore enabled, uncomment the next line 133 | #packages/ 134 | 135 | # Windows Azure Build Output 136 | csx 137 | *.build.csdef 138 | 139 | # Windows Store app package directory 140 | AppPackages/ 141 | 142 | # Others 143 | sql/ 144 | *.Cache 145 | ClientBin/ 146 | [Ss]tyle[Cc]op.* 147 | ~$* 148 | *~ 149 | *.dbmdl 150 | *.[Pp]ublish.xml 151 | *.pfx 152 | *.publishsettings 153 | 154 | # RIA/Silverlight projects 155 | Generated_Code/ 156 | 157 | # Backup & report files from converting an old project file to a newer 158 | # Visual Studio version. Backup files are not needed, because we have git ;-) 159 | _UpgradeReport_Files/ 160 | Backup*/ 161 | UpgradeLog*.XML 162 | UpgradeLog*.htm 163 | 164 | # SQL Server files 165 | App_Data/*.mdf 166 | App_Data/*.ldf 167 | 168 | ############# 169 | ## Windows detritus 170 | ############# 171 | 172 | # Windows image file caches 173 | Thumbs.db 174 | ehthumbs.db 175 | 176 | # Folder config file 177 | Desktop.ini 178 | 179 | # Recycle Bin used on file shares 180 | $RECYCLE.BIN/ 181 | 182 | # Mac crap 183 | .DS_Store 184 | 185 | 186 | ############# 187 | ## Python 188 | ############# 189 | 190 | *.py[co] 191 | 192 | # Packages 193 | *.egg 194 | *.egg-info 195 | dist/ 196 | build/ 197 | eggs/ 198 | parts/ 199 | var/ 200 | sdist/ 201 | develop-eggs/ 202 | .installed.cfg 203 | 204 | # Installer logs 205 | pip-log.txt 206 | 207 | # Unit test / coverage reports 208 | .coverage 209 | .tox 210 | 211 | #Translations 212 | *.mo 213 | 214 | #Mr Developer 215 | .mr.developer.cfg 216 | 217 | ############# 218 | ## PHONEGAP 219 | ############# 220 | plugins 221 | ppnet.zip 222 | .keystore 223 | .idea/.name 224 | .idea/compiler.xml 225 | .idea/copyright/profiles_settings.xml 226 | .idea/encodings.xml 227 | .idea/misc.xml 228 | .idea/modules.xml 229 | .idea/ppnet.iml 230 | .idea/scopes/scope_settings.xml 231 | .idea/vcs.xml 232 | .idea/workspace.xml 233 | 234 | 235 | 236 | 237 | # IGNORE! 238 | node_modules 239 | .sass-cache 240 | app/bower_components 241 | app/styles/*.css 242 | -------------------------------------------------------------------------------- /www/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
20 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
--------------------------------------------------------------------------------
/app/scripts/controller/hashtagController.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | angular.module('PPnet')
3 | .controller('HashtagController', function($scope, $location, $routeParams, ppSyncService, ppnetPostHelper, ppnetUser) {
4 | $scope.posts = [];
5 | $scope.comments = [];
6 | $scope.likes = [];
7 |
8 | $scope.hashtag = $scope.model_hashtag = $routeParams.hashtag;
9 |
10 | $scope.toggleTimeVar = false;
11 | $scope.toggleTime = function() {
12 | $scope.toggleTimeVar = $scope.toggleTimeVar === false ? true : false;
13 | };
14 |
15 |
16 | $scope.loadingStream = true;
17 | $scope.search = function() {
18 | $location.path('/hashtag/' + $scope.model_hashtag);
19 | };
20 |
21 | ppSyncService.fetchChanges().then(function(response) {
22 | //console.log(response);
23 | }, function(error) {
24 | console.log(error);
25 | }, function(change) {
26 | if (change.deleted) {
27 | ppnetPostHelper.deletePost($scope.posts, change); // Deletes post from array
28 | ppnetPostHelper.deleteLike($scope.likes, change); // Deletes like from array
29 | } else {
30 | // Fetch the change event and assign the change to the specific array
31 | switch (change.doc.type) {
32 | case 'POST':
33 | if (change.doc.msg.match(new RegExp('#' + $routeParams.hashtag, 'gi')))
34 | $scope.posts.push(change);
35 | break;
36 | case 'LIKE':
37 | ppnetPostHelper.loadLike($scope.likes, change);
38 | break;
39 | case 'COMMENT':
40 | ppnetPostHelper.loadComment($scope.comments, change);
41 | break;
42 | case 'IMAGE':
43 | if (!angular.isUndefined(change.doc._attachments)) {
44 | $scope.posts.push(change);
45 | }
46 | break;
47 | }
48 | }
49 | });
50 |
51 | var loadMeta = function(response) {
52 | for (var i = response.length - 1; i >= 0; i--) {
53 | switch (response[i].doc.type) {
54 | case 'LIKE':
55 | ppnetPostHelper.loadLike($scope.likes, response[i]);
56 | break;
57 | case 'COMMENT':
58 | ppnetPostHelper.loadComment($scope.comments, response[i]);
59 | break;
60 | }
61 | }
62 | };
63 |
64 | // Get the next 10 posts from the database, startkey defines the offset of the request
65 | var loadDocuments = function(startkey) {
66 |
67 | // Gets all Documents, including Posts, Images, Comments and Likes
68 | ppSyncService.getPostsWithTag($routeParams.hashtag).then(function(response) {
69 | // Loop through the response and assign the elements to the specific temporary arrays
70 | for (var i = response.length - 1; i >= 0; i--) {
71 | // Posts and Images are pushed to the same array because,
72 | // they are both top parent elements
73 | $scope.posts.push(response[i]);
74 |
75 | // GET META ASSETS
76 | ppSyncService.getRelatedDocuments(response[i].id).then(loadMeta);
77 | }
78 | $scope.loadingStream = false;
79 | });
80 | };
81 | loadDocuments();
82 |
83 | // Get all likes and comments
84 | /*
85 | */
86 |
87 | $scope.loadMore = function() {
88 | $scope.loadingStream = true;
89 | var oldestTimestamp = 9999999999999;
90 | for (var i = 0; i < $scope.posts.length; i++) {
91 |
92 | if (oldestTimestamp > $scope.posts[i].value) {
93 | oldestTimestamp = $scope.posts[i].value;
94 | }
95 | }
96 | loadDocuments(oldestTimestamp - 1);
97 | };
98 |
99 | $scope.isPostedByUser = function(user) {
100 | return user.id === ppnetUser.getId() ? true : false;
101 | };
102 |
103 | $scope.deletePost = function(postId) {
104 | ppnetPostHelper.findPostInArray($scope.posts, postId).then(function(response) {
105 | var currentObject = $scope.posts[response];
106 |
107 | $scope.posts.splice(response, 1);
108 | ppSyncService.deleteDocument(currentObject.doc, true);
109 | return true;
110 | });
111 | };
112 |
113 | $scope.top = function(likes) {
114 | console.log(likes);
115 | if (likes >= 2) {
116 | return 'big';
117 | } else if (likes >= 1) {
118 | return 'medium';
119 | }
120 | };
121 |
122 | $scope.$on("$destroy", function() {
123 | ppSyncService.cancel();
124 | });
125 | });
--------------------------------------------------------------------------------
23 |
29 |
30 |
24 |
28 |
25 |
26 |
27 |
{{comment.doc.msg}}
19 |25 |-
26 | Delete this Comment
27 |
28 |
29 | -
30 | Report this Post
31 |
32 |
33 |