-
8 | {% for followers in followers_list %}
9 |
- {{ followers.is_followed_by }} 10 | {% endfor %} 11 |
Be the first to follow! {% else %} Looks like you don't have any followers :(
Write some posts to draw other's attention! {% endif %} 14 | {% endif %} 15 | -------------------------------------------------------------------------------- /backend/migrations/0005_auto_20200812_1156.py: -------------------------------------------------------------------------------- 1 | # Generated by Django 2.2 on 2020-08-12 08:56 2 | 3 | from django.db import migrations, models 4 | 5 | 6 | class Migration(migrations.Migration): 7 | 8 | dependencies = [ 9 | ('backend', '0004_auto_20200812_1055'), 10 | ] 11 | 12 | operations = [ 13 | migrations.RenameField( 14 | model_name='post', 15 | old_name='post_text', 16 | new_name='text', 17 | ), 18 | migrations.AddField( 19 | model_name='post', 20 | name='in_reply_to_post', 21 | field=models.IntegerField(blank=True, null=True), 22 | ), 23 | migrations.DeleteModel( 24 | name='Comment', 25 | ), 26 | ] 27 | -------------------------------------------------------------------------------- /backend/views/info.py: -------------------------------------------------------------------------------- 1 | from django.contrib.auth.decorators import login_required 2 | from django.shortcuts import render, redirect, get_object_or_404 3 | from django.http import JsonResponse 4 | from backend.models import User, Post, Follower, Profile 5 | import datetime 6 | 7 | @login_required 8 | def profile(request, user_id): 9 | user = get_object_or_404(User, pk = user_id) 10 | users_posts = Post.objects.filter(user = user) 11 | return render(request, 'social/user.html', { 12 | 'user_info': user, 13 | 'request_user': request.user, 14 | 'latest_posts_list': users_posts, 15 | 'latest_post': users_posts, 16 | }) 17 | 18 | @login_required 19 | def changeinfo(request): 20 | return render(request, 'social/change_info.html', {}) -------------------------------------------------------------------------------- /backend/migrations/0006_auto_20200902_1957.py: -------------------------------------------------------------------------------- 1 | # Generated by Django 2.2 on 2020-09-02 16:57 2 | 3 | from django.conf import settings 4 | from django.db import migrations 5 | import django.db.models.deletion 6 | import django_currentuser.db.models.fields 7 | import django_currentuser.middleware 8 | 9 | 10 | class Migration(migrations.Migration): 11 | 12 | dependencies = [ 13 | ('backend', '0005_auto_20200812_1156'), 14 | ] 15 | 16 | operations = [ 17 | migrations.AlterField( 18 | model_name='post', 19 | name='posted_by', 20 | field=django_currentuser.db.models.fields.CurrentUserField(default=django_currentuser.middleware.get_current_authenticated_user, null=True, on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL), 21 | ), 22 | ] 23 | -------------------------------------------------------------------------------- /backend/static/icons/location.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /frontend/static/icons/location.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /frontend/webpack.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | module: { 3 | rules: [ 4 | { 5 | test: /\.js$/, 6 | exclude: /node_modules/, 7 | use: { 8 | loader: "babel-loader" 9 | } 10 | }, 11 | { 12 | test: /\.css$/, 13 | loader: 'style-loader' 14 | }, 15 | { 16 | test: /\.css$/, 17 | loader: 'css-loader', 18 | options: { 19 | modules: true, 20 | //localIdentName: '[name]__[local]___[hash:base64:5]' 21 | } 22 | } 23 | ], 24 | }, 25 | mode: 'development', 26 | output: { 27 | publicPath: 'http://localhost:9000/static/', 28 | }, 29 | devServer: { 30 | contentBase: './static', 31 | port: 9000, 32 | headers: { 33 | 'Access-Control-Allow-Origin': '*' 34 | }, 35 | compress: true, 36 | hot: true 37 | }, 38 | }; -------------------------------------------------------------------------------- /backend/migrations/0004_auto_20200812_1055.py: -------------------------------------------------------------------------------- 1 | # Generated by Django 2.2 on 2020-08-12 07:55 2 | 3 | from django.db import migrations, models 4 | 5 | 6 | class Migration(migrations.Migration): 7 | 8 | dependencies = [ 9 | ('backend', '0003_auto_20200811_1833'), 10 | ] 11 | 12 | operations = [ 13 | migrations.RenameField( 14 | model_name='comment', 15 | old_name='comment', 16 | new_name='comment_text', 17 | ), 18 | migrations.RenameField( 19 | model_name='post', 20 | old_name='user', 21 | new_name='posted_by', 22 | ), 23 | migrations.RemoveField( 24 | model_name='comment', 25 | name='post_date', 26 | ), 27 | migrations.AddField( 28 | model_name='comment', 29 | name='pub_date', 30 | field=models.DateTimeField(auto_now=True, verbose_name='Publication Date'), 31 | ), 32 | ] 33 | -------------------------------------------------------------------------------- /backend/templates/registration/signup.html: -------------------------------------------------------------------------------- 1 |
Sign up
30 | 33 | 34 | 35 | Have an account? Log in! 36 | {% endblock %} 37 | -------------------------------------------------------------------------------- /backend/views/profile.py: -------------------------------------------------------------------------------- 1 | from backend.models import Profile 2 | from backend.serializers import ProfileSerializer 3 | from django.http import JsonResponse 4 | 5 | from rest_framework import mixins, permissions, generics 6 | 7 | class ProfileViewSet(mixins.RetrieveModelMixin, generics.GenericAPIView): 8 | queryset = Profile.objects.all() 9 | serializer_class = ProfileSerializer 10 | permission_classes = [permissions.IsAuthenticated] 11 | 12 | def get(self, request, *args, **kwargs): 13 | return self.retrieve(request, *args, **kwargs) 14 | 15 | def patch(self, request): # change this to use the patch mixin 16 | profile = Profile.objects.filter(user = request.user).first() 17 | profile.first_name = request.data['first_name'] 18 | profile.last_name = request.data['last_name'] 19 | profile.bio = request.data['bio'] 20 | profile.location = request.data['location'] 21 | profile.save() 22 | return JsonResponse({"response": "change successful"}) -------------------------------------------------------------------------------- /backend/static/icons/thumbs-up.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /frontend/static/icons/thumbs-up.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /backend/static/icons/thumbs-down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /frontend/static/icons/thumbs-down.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /frontend/views.py: -------------------------------------------------------------------------------- 1 | from django.contrib.auth.decorators import login_required 2 | from django.shortcuts import render 3 | 4 | @login_required(login_url="/login/", redirect_field_name=None) 5 | def home(request): 6 | return render(request, 'frontend/app.html', {}) 7 | 8 | @login_required(login_url="/login/", redirect_field_name=None) 9 | def comments_page(request, id): 10 | return render(request, 'frontend/app.html', {}) 11 | 12 | @login_required(login_url="/login/", redirect_field_name=None) 13 | def profile_page(request, id): 14 | return render(request, 'frontend/app.html', {}) 15 | 16 | @login_required(login_url="/login/", redirect_field_name=None) 17 | def settings_page(request): 18 | return render(request, 'frontend/app.html', {}) 19 | 20 | @login_required(login_url="/login/", redirect_field_name=None) 21 | def followers_page(request, id): 22 | return render(request, 'frontend/app.html', {}) 23 | 24 | @login_required(login_url="/login/", redirect_field_name=None) 25 | def following_page(request, id): 26 | return render(request, 'frontend/app.html', {}) -------------------------------------------------------------------------------- /frontend/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "frontend", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "dev": "webpack --mode development ./src/index.js --output ./static/frontend/main.js", 8 | "build": "webpack --mode production ./src/index.js --output ./static/frontend/main.js" 9 | }, 10 | "keywords": [], 11 | "author": "", 12 | "license": "ISC", 13 | "devDependencies": { 14 | "@babel/core": "^7.13.14", 15 | "@babel/preset-env": "^7.13.12", 16 | "@babel/preset-react": "^7.13.13", 17 | "babel-loader": "^8.2.2", 18 | "css-loader": "^4.3.0", 19 | "jquery": "^3.6.0", 20 | "js-cookie": "^2.2.1", 21 | "react": "^16.14.0", 22 | "react-dom": "^16.14.0", 23 | "style-loader": "^1.3.0", 24 | "webpack": "^4.46.0", 25 | "webpack-cli": "^3.3.12", 26 | "webpack-dev-server": "^3.11.2" 27 | }, 28 | "dependencies": { 29 | "classnames": "^2.3.1", 30 | "js-cookie": "^2.2.1", 31 | "prop-types": "^15.7.2", 32 | "react-router": "^5.2.0", 33 | "react-router-dom": "^5.2.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /backend/templates/registration/login.html: -------------------------------------------------------------------------------- 1 | 2 |-
36 | { props.followers ?
37 | userList.map(follower =>
38 |
- 39 | 40 | {follower.is_followed_by.username} 41 | 42 | 43 | ) 44 | : 45 | userList.map(follower => 46 |
- 47 | 48 | {follower.user.username} 49 | 50 | 51 | ) 52 | } 53 |
24 |
56 | )
57 | }
--------------------------------------------------------------------------------
/frontend/src/components/App.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: white;
3 | color: #1b1919;
4 | }
5 |
6 | ul {
7 | list-style-type: none;
8 | }
9 |
10 | textarea {
11 | resize: none !important;
12 | padding: 10px 25px;
13 | border: 1.5px solid #ccc;
14 | border-radius: 4px;
15 | }
16 |
17 | .hidden {
18 | display: none;
19 | }
20 |
21 | .center{
22 | margin: 0 auto;
23 | text-align: center;
24 | }
25 |
26 | .homecenter {
27 | display: flex;
28 | align-items: center;
29 | justify-content: center;
30 | }
31 |
32 | img.icon {
33 | width: 20px;
34 | height: 20px;
35 | }
36 |
37 | .separator {
38 | border-top: 1.5px solid #44494a;
39 | }
40 |
41 | .post {
42 | padding: 10px 20px;
43 | margin-top: 20px;
44 | margin-bottom: 20px;
45 | }
46 |
47 | .postText {
48 | word-wrap: break-word;
49 | font-size: 20px;
50 | color: #141214;
51 | }
52 |
53 | .postDate {
54 | color: rgb(71, 76, 71);
55 | }
56 |
57 | .post-input {
58 | height: 100px;
59 | }
60 |
61 | .userInfoCentered {
62 | margin: 0 auto;
63 | text-align: left;
64 | display: flex;
65 | align-items: center;
66 | justify-content: center;
67 | }
68 |
69 | .userInfoBox {
70 | margin-top: 10px;
71 | margin-left: 10px;
72 | width: 270px;
73 | }
74 |
75 | .userInfoBio {
76 | word-wrap: anywhere;
77 | overflow-wrap: anywhere;
78 | margin-top: 5px;
79 | margin-left:-110px;
80 | font-style: italic;
81 | font-size: 18px;
82 | }
83 |
84 | img.userInfoLocation {
85 | height: 10px;
86 | width: 10px;
87 | }
88 |
89 | .userInfoPostsMargin {
90 | margin-left:-140px;
91 | }
92 |
93 | img.pfp {
94 | height: 100px;
95 | width: 100px;
96 | border-radius: 4%;
97 | display: block;
98 | }
99 |
100 | .userPfp {
101 | margin-bottom: 50px;
102 | }
103 |
104 | .leftSidebar {
105 | width: 15%;
106 | background-color:white;
107 | position: fixed;
108 | height: 100%;
109 | border-right: 1.5px solid #44494a;
110 | text-align: center !important;
111 | }
112 |
113 | .rightSidebar {
114 | margin: 0px;
115 | width: 15%;
116 | position: fixed;
117 | top: 0;
118 | right: 0;
119 | height: 100%;
120 | text-align: left;
121 | background-color: white;
122 | border-left: 1.5px solid #44494a;
123 | }
124 |
125 | .content {
126 | height: 1000px;
127 | word-wrap: break-word;
128 | text-align: center;
129 | padding: 10px;
130 | }
131 |
132 | @media screen and (max-width: 800px) {
133 | .left-sidebar {
134 | visibility: hidden;
135 | }
136 | .right-sidebar {
137 | visibility: hidden;
138 | }
139 | .sidebar a {float: left;}
140 | div.content {margin-left: 0;}
141 | }
--------------------------------------------------------------------------------
/backend/views/post.py:
--------------------------------------------------------------------------------
1 | from django.shortcuts import get_object_or_404
2 | from django.http import JsonResponse
3 |
4 | from backend.models import User, Post, PostRate
5 | from backend.serializers import PostSerializer, PostRateSerializer
6 | from backend.permissions import IsPostOwner
7 |
8 | from rest_framework import generics, viewsets, mixins, permissions
9 | from rest_framework.decorators import action
10 |
11 | class PostViewSet(viewsets.ModelViewSet):
12 |
13 | serializer_class = PostSerializer
14 | queryset = Post.objects.all()
15 | permission_classes = [permissions.IsAuthenticated, IsPostOwner]
16 |
17 | @action(detail=False, methods=['GET'], name='Get comments')
18 | def list_comments(self, request, *args, **kwargs):
19 | queryset = Post.objects.filter(in_reply_to_post = self.kwargs["pk"])
20 | serializer = self.get_serializer(queryset)
21 | return Response(serializer.data)
22 |
23 | def get_queryset(self):
24 | if self.action == 'list':
25 | return Post.objects.filter(in_reply_to_post = None).order_by('-pub_date')
26 | return Post.objects.order_by('-pub_date')
27 |
28 | class PostRateViewSet(generics.GenericAPIView): # use mixins instead
29 | queryset = PostRate.objects.all()
30 | serializer_class = PostRateSerializer
31 |
32 | def get(self, request, pk):
33 | post = get_object_or_404(Post, pk = pk)
34 | data = {
35 | 'likes_count': PostRate.objects.filter(liked = True, rated_post = post).count(),
36 | 'dislikes_count': PostRate.objects.filter(liked = False, rated_post = post).count()
37 | }
38 | return JsonResponse(data)
39 |
40 | def post(self, request, *args, **kwargs):
41 | post = get_object_or_404(Post, pk = request.data["rated_post"]["id"])
42 | post_rating = PostRate.objects.filter(rated_by = request.user, rated_post = post).first()
43 | user_liked_post = request.data["liked"]
44 |
45 | if post_rating:
46 | if user_liked_post:
47 | if post_rating.liked:
48 | post_rating.liked = None
49 | else:
50 | post_rating.liked = True
51 | elif not user_liked_post:
52 | if post_rating.liked == False:
53 | post_rating.liked = None
54 | else:
55 | post_rating.liked = False
56 | else:
57 | post_rating = PostRate(liked = user_liked_post, rated_by = request.user, rated_post = post)
58 |
59 | post_rating.save()
60 |
61 | data = {
62 | 'total_likes': PostRate.objects.filter(liked = True, rated_post = post).count(),
63 | 'total_dislikes': PostRate.objects.filter(liked = False, rated_post = post).count()
64 | }
65 | return JsonResponse(data)
66 |
67 | class CommentList(generics.ListAPIView): # turn this into a method in postviewset
68 | serializer_class = PostSerializer
69 |
70 | def get_queryset(self):
71 | return Post.objects.filter(in_reply_to_post = self.kwargs["pk"])
--------------------------------------------------------------------------------
/backend/serializers.py:
--------------------------------------------------------------------------------
1 | from rest_framework import serializers
2 | from backend.models import Post, PostRate, Profile, Follower
3 | from django.contrib.auth.models import User
4 |
5 | class ProfileSerializer(serializers.ModelSerializer):
6 | username = serializers.CharField(source = 'get_username')
7 | user_id = serializers.IntegerField(source = 'get_user_id')
8 | followers_count = serializers.IntegerField(source = 'get_followers_count')
9 | following_count = serializers.IntegerField(source = 'get_following_count')
10 | profile_belongs_to_authenticated_user = serializers.BooleanField(source = 'get_profile_belongs_to_authenticated_user')
11 | follow_status = serializers.CharField(source = 'get_follow_status')
12 |
13 | class Meta:
14 | model = Profile
15 | fields = ('username', 'user_id', 'followers_count', 'following_count', 'profile_belongs_to_authenticated_user', 'follow_status', 'first_name', 'last_name', 'bio', 'location')
16 | read_only_fields = ('username', 'user_id', 'followers_count', 'following_count', 'profile_belongs_to_authenticated_user', 'follow_status')
17 |
18 | class FollowerSerializer(serializers.ModelSerializer):
19 | user = serializers.DictField(child = serializers.CharField(), source = 'get_user_info', read_only = True)
20 | is_followed_by = serializers.DictField(child = serializers.CharField(), source = 'get_is_followed_by_info', read_only = True)
21 |
22 | class Meta:
23 | model = Follower
24 | fields = ('user', 'is_followed_by')
25 | read_only_fields = ('user', 'is_followed_by')
26 |
27 | # Serializer for when someone signs up, currently unused
28 | class CreateUserSerializer(serializers.ModelSerializer):
29 | class Meta:
30 | model = User
31 | fields = ('id', 'username', 'password')
32 | extra_kwargs = {'password': {'write_only': True}}
33 |
34 | def create(self, validated_data):
35 | user = User.objects.create_user(validated_data['username'], None, validated_data['password'])
36 | return user
37 |
38 | class PostSerializer(serializers.ModelSerializer):
39 | post_belongs_to_authenticated_user = serializers.BooleanField(source = 'get_post_belongs_to_authenticated_user', read_only = True)
40 | posted_by = serializers.DictField(child = serializers.CharField(), source = 'get_user', read_only = True)
41 | pub_date = serializers.CharField(source = 'get_readable_date', read_only = True)
42 |
43 | likes_count = serializers.IntegerField(source='get_likes_count', read_only = True)
44 | dislikes_count = serializers.IntegerField(source='get_dislikes_count', read_only = True)
45 | comments_count = serializers.IntegerField(source='get_comments_count', read_only = True)
46 |
47 | class Meta:
48 | model = Post
49 | fields = ['id', 'post_belongs_to_authenticated_user', 'posted_by', 'pub_date', 'text', 'image', 'in_reply_to_post', 'likes_count', 'dislikes_count', 'comments_count']
50 | write_only_fields = ['text', 'image', 'in_reply_to_post']
51 |
52 | class PostRateSerializer(serializers.ModelSerializer):
53 |
54 | class Meta:
55 | model = PostRate
56 | fields = ['liked', 'rated_post']
--------------------------------------------------------------------------------
/frontend/src/components/Profile.js:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect } from 'react';
2 | import ReactDOM from 'react-dom';
3 | import Cookies from 'js-cookie';
4 | import classnames from 'classnames'
5 |
6 | import styles from './App.css';
7 | import { FollowButton } from './Misc'
8 |
9 | export function Profile(props) {
10 | const profileId = parseInt(props.match.params.id);
11 |
12 | const [userInfo, setUserInfo] = useState({
13 | "user_id": null,
14 | "username": null,
15 | "first_name": null,
16 | "last_name": null,
17 | "bio": null,
18 | "location": null,
19 | "total_followers": null,
20 | "total_followed": null,
21 | "user_info": null,
22 | });
23 |
24 | useEffect(() => {
25 | fetch(`/api/profile/${profileId}/`, {
26 | headers: {
27 | 'Content-Type': 'application/json',
28 | 'Authorization': Cookies.get('sessionid'),
29 | },
30 | })
31 | .then(response => { return response.json() })
32 | .then(data => { setUserInfo(data) })
33 | }, [])
34 |
35 | return (
36 |
25 |
40 |
26 |
39 |
27 |
37 |
38 |
41 |
55 |
42 |
43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 |
54 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 |
37 |
92 | )
93 | }
--------------------------------------------------------------------------------
/backend/static/social/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: white;
3 | color: #1b1919;
4 | }
5 |
6 | .left-sidebar {
7 | width: 15%;
8 | background-color:white;
9 | position: fixed;
10 | height: 100%;
11 | border-right: 1.5px solid #44494a;
12 | text-align: center !important;
13 | }
14 |
15 | .right-sidebar {
16 | margin: 0px;
17 | width: 15%;
18 | position: fixed;
19 | top: 0;
20 | right: 0;
21 | height: 100%;
22 | text-align: left;
23 | background-color: white;
24 | border-left: 1.5px solid #44494a;
25 | }
26 |
27 | .content {
28 | height: 1000px;
29 | word-wrap: break-word;
30 | text-align: center;
31 | padding: 10px;
32 | }
33 |
34 | @media screen and (max-width: 800px) {
35 | .left-sidebar {
36 | visibility: hidden;
37 | }
38 | .right-sidebar {
39 | visibility: hidden;
40 | }
41 | .sidebar a {float: left;}
42 | div.content {margin-left: 0;}
43 | }
44 |
45 | .center{
46 | margin: 0 auto;
47 | text-align: center;
48 | }
49 |
50 | .homecenter {
51 | margin: 0 auto;
52 | display: flex;
53 | align-items: center;
54 | justify-content: center;
55 | }
56 |
57 | .userinfo-centered {
58 | margin: 0 auto;
59 | text-align: left;
60 | display: flex;
61 | align-items: center;
62 | justify-content: center;
63 | }
64 |
65 | .userinfo-box {
66 | margin-left: 10px;
67 | width: 270px;
68 | }
69 |
70 | .userinfo-bio {
71 | margin-top: 5px;
72 | margin-left:-110px;
73 | font-style: italic;
74 | font-size: 18px;
75 | }
76 |
77 | img.userinfo-location {
78 | height: 10px;
79 | width: 10px;
80 | }
81 |
82 | .userinfo-posts-margin {
83 | margin-left:-140px;
84 | }
85 |
86 | ul {
87 | list-style-type: none;
88 | }
89 |
90 | .comment-separator {
91 | border-top: 1.5px solid #44494a;
92 | }
93 |
94 | li.post {
95 | padding: 10px 20px;
96 | margin-top: 20px;
97 | margin-bottom: 20px;
98 | border-top: 1.5px solid #44494a;
99 | }
100 |
101 | li.comment {
102 | margin-top: 15px;
103 | border-left: #0069d9 2px solid;
104 | }
105 |
106 | li.inreply {
107 | margin-top: 15px;
108 | margin-left: 30px;
109 | border-left: #1a1ad9 2px solid;
110 | }
111 |
112 | .comment-text {
113 | color: #141214;
114 | text-align: left;
115 | }
116 |
117 | .comment-body {
118 | margin-left: 15px;
119 | }
120 |
121 | img.icon {
122 | width: 20px;
123 | height: 20px;
124 | }
125 |
126 | img.pfp {
127 | height: 100px;
128 | width: 100px;
129 | border-radius: 4%;
130 | display: block;
131 | }
132 |
133 | .user-pfp {
134 | margin-bottom: 130px;
135 | }
136 |
137 | .hidden {
138 | display: none;
139 | }
140 |
141 | .center {
142 | text-align: center;
143 | display: block;
144 | }
145 |
146 | .post-text {
147 | word-wrap: break-word;
148 | font-size: 20px;
149 | color: #141214;
150 | text-align: left;
151 | }
152 |
153 | .post-header {
154 | text-align: left;
155 | }
156 |
157 | .post-date {
158 | color: rgb(71, 76, 71);
159 | }
160 |
161 | .post-username {
162 | text-align: left;
163 | }
164 |
165 | .post-input {
166 | height: 100px;
167 | }
168 |
169 | textarea {
170 | resize: none !important;
171 | padding: 10px 25px;
172 | border: 1.5px solid #ccc;
173 | border-radius: 4px;
174 | }
--------------------------------------------------------------------------------
/frontend/static/social/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: white;
3 | color: #1b1919;
4 | }
5 |
6 | .left-sidebar {
7 | width: 15%;
8 | background-color:white;
9 | position: fixed;
10 | height: 100%;
11 | border-right: 1.5px solid #44494a;
12 | text-align: center !important;
13 | }
14 |
15 | .right-sidebar {
16 | margin: 0px;
17 | width: 15%;
18 | position: fixed;
19 | top: 0;
20 | right: 0;
21 | height: 100%;
22 | text-align: left;
23 | background-color: white;
24 | border-left: 1.5px solid #44494a;
25 | }
26 |
27 | .content {
28 | height: 1000px;
29 | word-wrap: break-word;
30 | text-align: center;
31 | padding: 10px;
32 | }
33 |
34 | @media screen and (max-width: 800px) {
35 | .left-sidebar {
36 | visibility: hidden;
37 | }
38 | .right-sidebar {
39 | visibility: hidden;
40 | }
41 | .sidebar a {float: left;}
42 | div.content {margin-left: 0;}
43 | }
44 |
45 | .userinfo-centered {
46 | margin: 0 auto;
47 | text-align: left;
48 | display: flex;
49 | align-items: center;
50 | justify-content: center;
51 | }
52 |
53 | .userinfo-box {
54 | margin-left: 10px;
55 | width: 270px;
56 | }
57 |
58 | .userinfo-bio {
59 | margin-top: 5px;
60 | margin-left:-110px;
61 | font-style: italic;
62 | font-size: 18px;
63 | }
64 |
65 | img.userinfo-location {
66 | height: 10px;
67 | width: 10px;
68 | }
69 |
70 | .userinfo-posts-margin {
71 | margin-left:-140px;
72 | }
73 |
74 | ul {
75 | list-style-type: none;
76 | }
77 |
78 | li.post {
79 | width: 64.35%;
80 | margin-left: 16.35%;
81 | padding: 10px 20px;
82 | margin-top: 20px;
83 | margin-bottom: 20px;
84 | }
85 |
86 | li.comment {
87 | margin-top: 15px;
88 | border-left: #0069d9 2px solid;
89 | }
90 |
91 | li.inreply {
92 | margin-top: 15px;
93 | margin-left: 30px;
94 | border-left: #1a1ad9 2px solid;
95 | }
96 |
97 | .comment-text {
98 | color: #141214;
99 | text-align: left;
100 | }
101 |
102 | .comment-body {
103 | margin-left: 15px;
104 | }
105 |
106 | img.icon {
107 | width: 20px;
108 | height: 20px;
109 | }
110 |
111 | img.pfp {
112 | height: 100px;
113 | width: 100px;
114 | border-radius: 4%;
115 | display: block;
116 | }
117 |
118 | .user-pfp {
119 | margin-bottom: 130px;
120 | }
121 |
122 | .hidden {
123 | display: none;
124 | }
125 |
126 | .center {
127 | text-align: center;
128 | display: block;
129 | }
130 |
131 | .center{
132 | margin: 0 auto;
133 | text-align: center;
134 | }
135 |
136 | .homecenter {
137 | margin: 0 auto;
138 | display: flex;
139 | align-items: center;
140 | justify-content: center;
141 | }
142 |
143 | .index-posts {
144 | position: absolute;
145 | display: flex;
146 | align-items: center;
147 | justify-content: center;
148 | }
149 |
150 | .comment-separator {
151 | border-top: 1.5px solid #44494a;
152 | }
153 |
154 | .post {
155 | width: 64.35%;
156 | padding: 10px 20px;
157 | margin-top: 20px;
158 | margin-bottom: 20px;
159 | }
160 |
161 | .post-text {
162 | word-wrap: break-word;
163 | font-size: 20px;
164 | color: #141214;
165 | text-align: left;
166 | }
167 |
168 | .post-date {
169 | color: rgb(71, 76, 71);
170 | }
171 |
172 | .post-username {
173 | text-align: left;
174 | }
175 |
176 | .post-input {
177 | height: 100px;
178 | }
179 |
180 | textarea {
181 | resize: none !important;
182 | padding: 10px 25px;
183 | border: 1.5px solid #ccc;
184 | border-radius: 4px;
185 | }
--------------------------------------------------------------------------------
/backend/migrations/0001_initial.py:
--------------------------------------------------------------------------------
1 | # Generated by Django 2.2 on 2020-08-05 10:52
2 |
3 | from django.conf import settings
4 | from django.db import migrations, models
5 | import django.db.models.deletion
6 |
7 |
8 | class Migration(migrations.Migration):
9 |
10 | initial = True
11 |
12 | dependencies = [
13 | migrations.swappable_dependency(settings.AUTH_USER_MODEL),
14 | ]
15 |
16 | operations = [
17 | migrations.CreateModel(
18 | name='Profile',
19 | fields=[
20 | ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
21 | ('bio', models.CharField(blank=True, max_length=100)),
22 | ('location', models.CharField(blank=True, max_length=100)),
23 | ('profile_picture', models.ImageField(blank=True, upload_to='profile-pictures')),
24 | ('user', models.OneToOneField(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
25 | ],
26 | ),
27 | migrations.CreateModel(
28 | name='Post',
29 | fields=[
30 | ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
31 | ('pub_date', models.DateTimeField(auto_now=True, verbose_name='Publication Date')),
32 | ('post_text', models.CharField(max_length=200)),
33 | ('image', models.ImageField(blank=True, upload_to='post-images')),
34 | ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
35 | ],
36 | ),
37 | migrations.CreateModel(
38 | name='Like',
39 | fields=[
40 | ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
41 | ('liked_by', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
42 | ('liked_post', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='backend.Post')),
43 | ],
44 | ),
45 | migrations.CreateModel(
46 | name='Follower',
47 | fields=[
48 | ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
49 | ('is_followed_by', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='is_followed_by', to=settings.AUTH_USER_MODEL)),
50 | ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='user', to=settings.AUTH_USER_MODEL)),
51 | ],
52 | ),
53 | migrations.CreateModel(
54 | name='Dislike',
55 | fields=[
56 | ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
57 | ('disliked_by', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
58 | ('disliked_post', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='backend.Post')),
59 | ],
60 | ),
61 | migrations.CreateModel(
62 | name='Comment',
63 | fields=[
64 | ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
65 | ('comment', models.CharField(max_length=200)),
66 | ('post_date', models.DateTimeField(verbose_name='Publication Date')),
67 | ('in_reply_to_comment', models.IntegerField(blank=True, null=True)),
68 | ('in_reply_to_user', models.IntegerField(blank=True, null=True)),
69 | ('post', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='backend.Post')),
70 | ('posted_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
71 | ],
72 | ),
73 | ]
74 |
--------------------------------------------------------------------------------
/backend/models.py:
--------------------------------------------------------------------------------
1 | from django.db import models
2 | from django.contrib.auth.models import User
3 | from django_currentuser.db.models import CurrentUserField
4 | from django_currentuser.middleware import get_current_authenticated_user
5 |
6 |
7 | # A primitive extension of the standard User table from Django lib
8 | class Profile(models.Model):
9 | user = models.OneToOneField(User, on_delete=models.CASCADE)
10 | first_name = models.CharField(max_length=100, null=True, blank=True)
11 | last_name = models.CharField(max_length=100, null=True, blank=True)
12 | bio = models.CharField(max_length=100, null=True, blank=True)
13 | location = models.CharField(max_length=100, null=True, blank=True)
14 | profile_picture = models.ImageField(upload_to="profile-pictures", null=True, blank=True)
15 |
16 | def get_user_id(self):
17 | return self.user.pk
18 |
19 | def get_username(self):
20 | return self.user.username
21 |
22 | def get_followers_count(self):
23 | return Follower.objects.filter(user = self.user).exclude(is_followed_by = self.user).count()
24 |
25 | def get_following_count(self):
26 | return Follower.objects.filter(is_followed_by = self.user).count()
27 |
28 | def get_follow_status(self):
29 | follow_status = Follower.objects.filter(user = self.user, is_followed_by = get_current_authenticated_user())
30 | return "Following" if follow_status else "Follow"
31 |
32 | def get_profile_belongs_to_authenticated_user(self):
33 | return self.user == get_current_authenticated_user()
34 |
35 | def __str__(self):
36 | return str(self.user)
37 |
38 |
39 | class Post(models.Model):
40 | text = models.CharField(max_length=200)
41 | posted_by = CurrentUserField(related_name='posted_by')
42 | pub_date = models.DateTimeField('Publication Date', auto_now=True)
43 | image = models.ImageField(upload_to='post-images', null=True)
44 | in_reply_to_post = models.IntegerField(null=True)
45 |
46 | def get_readable_date(self):
47 | return self.pub_date.strftime("%B %d, %Y")
48 |
49 | def get_post_belongs_to_authenticated_user(self):
50 | return self.posted_by.pk == get_current_authenticated_user().pk
51 |
52 | def get_user(self):
53 | user_dict = vars(self.posted_by)
54 | return {"id": user_dict["id"], "username": user_dict["username"]}
55 |
56 | def get_likes_count(self):
57 | return PostRate.objects.filter(liked=True, rated_post=self).count()
58 |
59 | def get_dislikes_count(self):
60 | return PostRate.objects.filter(liked=False, rated_post=self).count()
61 |
62 | def get_comments(self):
63 | return Post.objects.filter(in_reply_to_post=self.pk)
64 |
65 | def get_comments_count(self):
66 | return Post.objects.filter(in_reply_to_post=self.pk).count()
67 |
68 | def __str__(self):
69 | return str(self)
70 |
71 |
72 | class PostRate(models.Model):
73 | liked = models.BooleanField(null=True)
74 | rated_post = models.ForeignKey(Post, on_delete=models.CASCADE)
75 | rated_by = models.ForeignKey(User, on_delete=models.CASCADE)
76 |
77 | def __str__(self):
78 | return str(self.rated_post)
79 |
80 |
81 | class Follower(models.Model): #rename model to UserFollows or find a better name
82 | user = models.ForeignKey(User, on_delete=models.CASCADE, related_name='user')
83 | is_followed_by = models.ForeignKey(User, on_delete=models.CASCADE, related_name='is_followed_by')
84 |
85 | def get_user_info(self):
86 | user_dict = vars(self.user)
87 | return {"id": user_dict["id"], "username": user_dict["username"]}
88 |
89 | def get_is_followed_by_info(self):
90 | user_dict = vars(self.is_followed_by)
91 | return {"id": user_dict["id"], "username": user_dict["username"]}
92 |
93 | def get_following(self, user):
94 | return Follower.objects.filter(is_followed_by=user)
95 |
96 | def get_followers(self, user):
97 | return Follower.objects.filter(user=user).exclude(is_followed_by=user)
98 |
99 | def get_following_count(self, user):
100 | return Follower.objects.filter(is_followed_by=user).count()
101 |
102 | def get_followers_count(self, user):
103 | return Follower.objects.filter(user=user).count()
104 |
105 | def __str__(self):
106 | return str(self)
107 |
--------------------------------------------------------------------------------
/socialproject/settings.py:
--------------------------------------------------------------------------------
1 | """
2 | Django settings for root project.
3 |
4 | Generated by 'django-admin startproject' using Django 2.0.2.
5 |
6 | For more information on this file, see
7 | https://docs.djangoproject.com/en/2.0/topics/settings/
8 |
9 | For the full list of settings and their values, see
10 | https://docs.djangoproject.com/en/2.0/ref/settings/
11 | """
12 |
13 | import os
14 |
15 | # Build paths inside the project like this: os.path.join(BASE_DIR, ...)
16 | BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
17 |
18 |
19 | # Quick-start development settings - unsuitable for production
20 | # See https://docs.djangoproject.com/en/2.0/howto/deployment/checklist/
21 |
22 | # SECURITY WARNING: keep the secret key used in production secret!
23 | SECRET_KEY = '7o8#*@3%krufub)s(_ks9qr^6&o9e(j(_)=id92)!o#i2w315e'
24 |
25 | # SECURITY WARNING: don't run with debug turned on in production!
26 | DEBUG = True
27 |
28 | ALLOWED_HOSTS = []
29 |
30 | LOGIN_REDIRECT_URL = "/"
31 | LOGOUT_REDIRECT_URL = '/'
32 | # Application definition
33 |
34 | INSTALLED_APPS = [
35 | 'django.contrib.admin',
36 | 'django.contrib.auth',
37 | 'django.contrib.contenttypes',
38 | 'django.contrib.sessions',
39 | 'django.contrib.messages',
40 | 'django.contrib.staticfiles',
41 | 'backend.apps.BackendConfig',
42 | 'frontend',
43 | 'rest_framework',
44 | 'rest_framework.authtoken',
45 | ]
46 |
47 | MIDDLEWARE = [
48 | 'django.middleware.security.SecurityMiddleware',
49 | 'django.contrib.sessions.middleware.SessionMiddleware',
50 | 'corsheaders.middleware.CorsMiddleware',
51 | 'django.middleware.common.CommonMiddleware',
52 | 'django.middleware.csrf.CsrfViewMiddleware',
53 | 'django.contrib.auth.middleware.AuthenticationMiddleware',
54 | 'django.contrib.messages.middleware.MessageMiddleware',
55 | 'django.middleware.clickjacking.XFrameOptionsMiddleware',
56 | 'django_currentuser.middleware.ThreadLocalUserMiddleware',
57 | ]
58 |
59 | REST_FRAMEWORK = {
60 | 'DEFAULT_AUTHENTICATION_CLASSES': (
61 | 'rest_framework.authentication.SessionAuthentication',
62 | 'rest_framework.authentication.TokenAuthentication',
63 | ),
64 | 'DEFAULT_PERMISSION_CLASSES': (
65 | 'rest_framework.permissions.IsAuthenticated', )
66 | }
67 |
68 | ROOT_URLCONF = 'socialproject.urls'
69 |
70 | AUTHENTICATION_BACKENDS = (
71 | 'django.contrib.auth.backends.ModelBackend',
72 | )
73 |
74 | TEMPLATES = [
75 | {
76 | 'BACKEND': 'django.template.backends.django.DjangoTemplates',
77 | 'DIRS': [],
78 | 'APP_DIRS': True,
79 | 'OPTIONS': {
80 | 'context_processors': [
81 | 'django.template.context_processors.debug',
82 | 'django.template.context_processors.request',
83 | 'django.contrib.auth.context_processors.auth',
84 | 'django.contrib.messages.context_processors.messages',
85 | ],
86 | },
87 | },
88 | ]
89 | EMAIL_BACKEND = 'django.core.mail.backends.console.EmailBackend'
90 | WSGI_APPLICATION = 'socialproject.wsgi.application'
91 |
92 |
93 | # Database
94 | # https://docs.djangoproject.com/en/2.0/ref/settings/#databases
95 |
96 | DATABASES = {
97 | 'default': {
98 | 'ENGINE': 'django.db.backends.sqlite3',
99 | 'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
100 | }
101 | }
102 |
103 |
104 | # Password validation
105 | # https://docs.djangoproject.com/en/2.0/ref/settings/#auth-password-validators
106 |
107 | AUTH_PASSWORD_VALIDATORS = [
108 | {
109 | 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
110 | },
111 | {
112 | 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
113 | },
114 | {
115 | 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
116 | },
117 | {
118 | 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
119 | },
120 | ]
121 |
122 |
123 | # Internationalization
124 | # https://docs.djangoproject.com/en/2.0/topics/i18n/
125 |
126 | LANGUAGE_CODE = 'en-us'
127 |
128 | TIME_ZONE = 'Europe/Kiev'
129 |
130 | USE_I18N = True
131 |
132 | USE_L10N = True
133 |
134 | USE_TZ = True
135 |
136 |
137 | # Static files (CSS, JavaScript, Images)
138 | # https://docs.djangoproject.com/en/2.0/howto/static-files/
139 |
140 | STATIC_URL = '/static/'
141 |
142 | MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
143 | MEDIA_URL = '/media/'
144 |
--------------------------------------------------------------------------------
/frontend/src/components/Settings.js:
--------------------------------------------------------------------------------
1 | import React, { Component, useState } from 'react';
2 | import ReactDOM from 'react-dom';
3 |
4 | import Cookies from 'js-cookie';
5 | import classnames from 'classnames'
6 | import styles from './App.css';
7 |
8 | export function Settings(props) {
9 | return (
10 |
38 |
91 |
39 | {
40 | (userInfo.profile_picture)
41 | ? 
42 | : 
43 | }
44 |
45 |
46 |
42 | :
43 | }
44 |
47 |
48 |
89 |
90 |
49 | { userInfo.username }
50 |
51 |
52 |
53 | { userInfo.first_name } { userInfo.last_name }
54 |
55 |
56 |
57 | 
58 | {
59 | (userInfo.location)
60 | ? {userInfo.location}
61 | : The Earth
62 | }
63 |
64 |
65 |
70 |
71 |
58 | {
59 | (userInfo.location)
60 | ? {userInfo.location}
61 | : The Earth
62 | }
63 |
72 | {
73 | (userInfo.bio)
74 | ? {userInfo.bio}
75 | : Bio mising
76 | }
77 |
78 |
79 |
80 |
88 |
81 | {
82 | (!userInfo.profile_belongs_to_authenticated_user)
83 | ?
87 |
11 |
12 |
13 | )
14 | }
15 | function Form() {
16 | const [state, setState] = useState({
17 | first_name: "",
18 | last_name: "",
19 | bio: "",
20 | location: "",
21 | })
22 | function handleChange(event) {
23 | const value = event.target.value;
24 | setState({
25 | ...state,
26 | [event.target.name]: value
27 | });
28 | };
29 |
30 | function handleSubmit(event) {
31 | event.preventDefault();
32 | fetch(`/api/profile/`, {
33 | headers: {
34 | 'Content-Type': 'application/json',
35 | 'Authorization': Cookies.get('sessionid'),
36 | 'X-CSRFToken': Cookies.get('csrftoken')
37 | },
38 | method: 'PATCH',
39 | body: JSON.stringify(state)
40 | })
41 | .then(response => { return response.json() })
42 | .then(data => setState({ fetchData: data }))
43 | }
44 |
45 | return (
46 |
47 |
69 |
70 | )
71 | }
72 |
73 | export class ProfileChangeForms extends Component {
74 |
75 | constructor(props) {
76 | super(props)
77 | this.state = {
78 | firstName: "",
79 | lastName: "",
80 | };
81 | this.handleChange = this.handleChange.bind(this);
82 | this.handleSubmit = this.handleSubmit.bind(this);
83 | }
84 |
85 | handleChange(event) {
86 | const value = event.target.value;
87 | this.setState({
88 | ...this.state,
89 | [event.target.name]: value
90 | });
91 | };
92 |
93 | handleSubmit(event) {
94 | event.preventDefault();
95 | fetch(`/profile/change/`, {
96 | headers: {
97 | 'Content-Type': 'application/json',
98 | 'Authorization': Cookies.get('sessionid'),
99 | 'X-CSRFToken': Cookies.get('csrftoken')
100 | },
101 | method: 'POST',
102 | body: JSON.stringify(defaultData)
103 | })
104 | .then(response => { return response.json() })
105 | .then(data => this.setState({ fetchData: data }))
106 | }
107 |
108 | render() {
109 | return (
110 |
111 |
133 |
134 | );
135 | }
136 |
137 | }
138 |
--------------------------------------------------------------------------------
/frontend/src/components/Post.js:
--------------------------------------------------------------------------------
1 | import React, { Component, useState, useEffect } from 'react';
2 | import ReactDOM from 'react-dom';
3 | import Cookies from 'js-cookie';
4 | import classnames from 'classnames'
5 |
6 | import { TextForm, MiscellaneousCountButton, ToggleFormButton, DeleteButton, LikeButton } from './Misc';
7 | import styles from './App.css';
8 |
9 | export class Posts extends Component {
10 | constructor(props) {
11 | super(props)
12 | this.state = {
13 | posts: [],
14 | };
15 | this.getPosts = this.getPosts.bind(this)
16 | this.getPosts();
17 | }
18 |
19 | getPosts() {
20 | fetch(this.props.url, {
21 | headers: {
22 | 'Content-Type': 'application/json',
23 | 'Authorization': Cookies.get('sessionid')
24 | }
25 | })
26 | .then(response => { return response.json() })
27 | .then(data => {
28 | this.setState({ posts: data })
29 | })
30 | }
31 |
32 | render() {
33 | return (
34 | -
35 | {this.state.posts.map(post =>
36 |
73 |
75 | )
76 | }
77 |
78 | export function Post(props) {
79 | return (
80 |
81 | 
85 | }
86 |
87 |
88 | {props.post.posted_by.username}
89 | {props.post.pub_date}
90 |
91 |
92 |
94 | )
95 | }
96 |
97 | export function PostOptionsJSX(props) {
98 | return (
99 |
100 | {props.post.text}
82 | 83 | {props.post.image && // this is for later 84 |
85 | }
86 |
87 |
88 | {props.post.posted_by.username}
89 | {props.post.pub_date}
90 |
91 |
92 |
127 | {props.post.post_belongs_to_authenticated_user &&
128 |
129 | Edit post} formClass={'btn-block'} buttonValue={'Edit post'} divClass='hidden my-2 text-left' divId={`edit-post-${props.post.id}`} />
130 |
132 | }
133 | Comment} formClass={'btn-block'} buttonValue={'Comment'} divClass={'hidden my-2 text-left'} divId={`comment-on-post-${props.post.id}`} />
134 |
135 | )
136 | }
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Byte-compiled / optimized / DLL files
2 | __pycache__/
3 | *.py[cod]
4 | *$py.class
5 |
6 | # C extensions
7 | *.so
8 |
9 | # Distribution / packaging
10 | .Python
11 | build/
12 | develop-eggs/
13 | dist/
14 | downloads/
15 | eggs/
16 | .eggs/
17 | lib/
18 | lib64/
19 | parts/
20 | sdist/
21 | var/
22 | wheels/
23 | share/python-wheels/
24 | *.egg-info/
25 | .installed.cfg
26 | *.egg
27 | MANIFEST
28 |
29 | # PyInstaller
30 | # Usually these files are written by a python script from a template
31 | # before PyInstaller builds the exe, so as to inject date/other infos into it.
32 | *.manifest
33 | *.spec
34 |
35 | # Installer logs
36 | pip-log.txt
37 | pip-delete-this-directory.txt
38 |
39 | # Unit test / coverage reports
40 | htmlcov/
41 | .tox/
42 | .nox/
43 | .coverage
44 | .coverage.*
45 | .cache
46 | nosetests.xml
47 | coverage.xml
48 | *.cover
49 | *.py,cover
50 | .hypothesis/
51 | .pytest_cache/
52 | cover/
53 |
54 | # Translations
55 | *.mo
56 | *.pot
57 |
58 | # Django stuff:
59 | *.log
60 | local_settings.py
61 | db.sqlite3
62 | db.sqlite3-journal
63 |
64 | # Flask stuff:
65 | instance/
66 | .webassets-cache
67 |
68 | # Scrapy stuff:
69 | .scrapy
70 |
71 | # Sphinx documentation
72 | docs/_build/
73 |
74 | # PyBuilder
75 | .pybuilder/
76 | target/
77 |
78 | # Jupyter Notebook
79 | .ipynb_checkpoints
80 |
81 | # IPython
82 | profile_default/
83 | ipython_config.py
84 |
85 | # pyenv
86 | # For a library or package, you might want to ignore these files since the code is
87 | # intended to run in multiple environments; otherwise, check them in:
88 | # .python-version
89 |
90 | # pipenv
91 | # According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
92 | # However, in case of collaboration, if having platform-specific dependencies or dependencies
93 | # having no cross-platform support, pipenv may install dependencies that don't work, or not
94 | # install all needed dependencies.
95 | #Pipfile.lock
96 |
97 | # PEP 582; used by e.g. github.com/David-OConnor/pyflow
98 | __pypackages__/
99 |
100 | # Celery stuff
101 | celerybeat-schedule
102 | celerybeat.pid
103 |
104 | # SageMath parsed files
105 | *.sage.py
106 |
107 | # Environments
108 | .env
109 | .venv
110 | env/
111 | venv/
112 | ENV/
113 | env.bak/
114 | venv.bak/
115 |
116 | # Spyder project settings
117 | .spyderproject
118 | .spyproject
119 |
120 | # Rope project settings
121 | .ropeproject
122 |
123 | # mkdocs documentation
124 | /site
125 |
126 | # mypy
127 | .mypy_cache/
128 | .dmypy.json
129 | dmypy.json
130 |
131 | # Pyre type checker
132 | .pyre/
133 |
134 | # pytype static type analyzer
135 | .pytype/
136 |
137 | # Cython debug symbols
138 | cython_debug/
139 |
140 | # Logs
141 | logs
142 | *.log
143 | npm-debug.log*
144 | yarn-debug.log*
145 | yarn-error.log*
146 | lerna-debug.log*
147 |
148 | # Diagnostic reports (https://nodejs.org/api/report.html)
149 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
150 |
151 | # Runtime data
152 | pids
153 | *.pid
154 | *.seed
155 | *.pid.lock
156 |
157 | # Directory for instrumented libs generated by jscoverage/JSCover
158 | lib-cov
159 |
160 | # Coverage directory used by tools like istanbul
161 | coverage
162 | *.lcov
163 |
164 | # nyc test coverage
165 | .nyc_output
166 |
167 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
168 | .grunt
169 |
170 | # Bower dependency directory (https://bower.io/)
171 | bower_components
172 |
173 | # node-waf configuration
174 | .lock-wscript
175 |
176 | # Compiled binary addons (https://nodejs.org/api/addons.html)
177 | build/Release
178 |
179 | # Dependency directories
180 | node_modules/
181 | jspm_packages/
182 |
183 | # Snowpack dependency directory (https://snowpack.dev/)
184 | web_modules/
185 |
186 | # TypeScript cache
187 | *.tsbuildinfo
188 |
189 | # Optional npm cache directory
190 | .npm
191 |
192 | # Optional eslint cache
193 | .eslintcache
194 |
195 | # Microbundle cache
196 | .rpt2_cache/
197 | .rts2_cache_cjs/
198 | .rts2_cache_es/
199 | .rts2_cache_umd/
200 |
201 | # Optional REPL history
202 | .node_repl_history
203 |
204 | # Output of 'npm pack'
205 | *.tgz
206 |
207 | # Yarn Integrity file
208 | .yarn-integrity
209 |
210 | # dotenv environment variables file
211 | .env
212 | .env.test
213 |
214 | # parcel-bundler cache (https://parceljs.org/)
215 | .cache
216 | .parcel-cache
217 |
218 | # Next.js build output
219 | .next
220 | out
221 |
222 | # Nuxt.js build / generate output
223 | .nuxt
224 | dist
225 |
226 | # Gatsby files
227 | .cache/
228 | # Comment in the public line in if your project uses Gatsby and not Next.js
229 | # https://nextjs.org/blog/next-9-1#public-directory-support
230 | # public
231 |
232 | # vuepress build output
233 | .vuepress/dist
234 |
235 | # Serverless directories
236 | .serverless/
237 |
238 | # FuseBox cache
239 | .fusebox/
240 |
241 | # DynamoDB Local files
242 | .dynamodb/
243 |
244 | # TernJS port file
245 | .tern-port
246 |
247 | # Stores VSCode versions used for testing VSCode extensions
248 | .vscode-test
249 |
250 | # yarn v2
251 | .yarn/cache
252 | .yarn/unplugged
253 | .yarn/build-state.yml
254 | .yarn/install-state.gz
255 | .pnp.*
--------------------------------------------------------------------------------
/frontend/src/components/Misc.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import ReactDOM from 'react-dom';
3 | import classnames from 'classnames'
4 |
5 | import Cookies from 'js-cookie';
6 | import $ from 'jquery';
7 |
8 | import styles from './App.css';
9 |
10 | export function ToggleFormButton(props) {
11 |
12 | function handleClick(e) {
13 | $(`#${props.formId}-${props.post.id}`).toggle()
14 | }
15 |
16 | return (
17 |
20 | )
21 |
22 | }
23 |
24 | export class TextForm extends Component {
25 |
26 | constructor(props) {
27 | super(props)
28 | this.state = {
29 | value: '',
30 | };
31 | this.handleChange = this.handleChange.bind(this);
32 | this.handleSubmit = this.handleSubmit.bind(this);
33 | }
34 |
35 | handleChange(event) {
36 | this.setState({ value: event.target.value });
37 | };
38 |
39 | handleSubmit(event) {
40 | event.preventDefault();
41 | var defaultData = { 'text': this.state.value }
42 | if (this.props.additionalData) {
43 | defaultData = Object.assign({}, defaultData, this.props.additionalData)
44 | }
45 |
46 | fetch(this.props.url, {
47 | headers: {
48 | 'Content-Type': 'application/json',
49 | 'Authorization': Cookies.get('sessionid'),
50 | 'X-CSRFToken': Cookies.get('csrftoken')
51 | },
52 | method: this.props.method,
53 | body: JSON.stringify(defaultData)
54 | })
55 | .then(response => { return response.json() })
56 | .then(data => this.setState({ fetchData: data })) // might need to pass a callback here
57 | }
58 |
59 | render() {
60 | return (
61 |
62 |
69 |
70 | );
71 | }
72 |
73 | }
74 |
75 | export function MiscellaneousCountButton(props) {
76 |
77 | return (
78 |
79 | 
80 | {props.count}
81 |
82 | )
83 |
84 | }
85 |
86 | export function LikeButton(props) {
87 |
88 | function handleClick(e) {
89 | fetch('/api/post/rate/', {
90 | headers: {
91 | 'Content-Type': 'application/json',
92 | 'Authorization': Cookies.get('sessionid'),
93 | 'X-CSRFToken': Cookies.get('csrftoken')
94 | },
95 | method: 'POST',
96 | body: JSON.stringify({ 'liked': props.like, 'rated_post': props.post }),
97 | })
98 | .then(response => { return response.json(); })
99 | .then(data => {
100 | $(`#total-post-likes-${props.post.id}`).text(data.likes_count);
101 | $(`#total-post-dislikes-${props.post.id}`).text(data.dislikes_count);
102 | })
103 | }
104 |
105 | const buttonClass = props.like ? 'btn-outline-success' : 'btn-outline-secondary';
106 | const idName = props.like ? 'total-post-likes' : 'total-post-dislikes';
107 | const icon = props.like ? 'thumbs-up' : 'thumbs-down';
108 | const rating = props.like ? props.post.likes_count : props.post.dislikes_count;
109 |
110 | return (
111 |
115 | )
116 |
117 | }
118 |
119 | export function DeleteButton(props) {
120 |
121 | function handleClick(e) {
122 | fetch(`/api/post/${props.post.id}/`, {
123 | headers: {
124 | 'Authorization': Cookies.get('sessionid'),
125 | 'X-CSRFToken': Cookies.get('csrftoken')
126 | },
127 | method: 'DELETE',
128 | body: JSON.stringify({ id: props.post.id }),
129 | })
130 | .then(response => {
131 | $(`#post-${props.post.id}`).remove();
132 | return response.json();
133 | });
134 | };
135 |
136 | return (
137 |
138 |
139 |
140 | )
141 |
142 | }
143 |
144 | export function FollowButton(props) {
145 | function onClick() {
146 | fetch(`/api/follow/${props.profileId}/`, {
147 | headers: {
148 | 'Content-Type': 'application/json',
149 | 'Authorization': Cookies.get('sessionid'),
150 | },
151 | })
152 | .then(response => { return response.json() })
153 | .then(data => {
154 | $("#follow-status").text(data.status);
155 | $("#followers").text(data.count);
156 | })
157 | }
158 |
159 | return (
160 |
165 | )
166 | }
--------------------------------------------------------------------------------
/backend/static/social/basescript.js:
--------------------------------------------------------------------------------
1 | function genericAJAXRequest(url, method, data) {
2 | $.ajax({
3 | url: url,
4 | headers: {
5 | 'Content-Type': 'application/json',
6 | 'Authorization': Cookies.get('sessionid'),
7 | 'X-CSRFToken': Cookies.get('csrftoken'),
8 | },
9 | method: method,
10 | data: JSON.stringify(data),
11 | success: (request) => {
12 | return request;
13 | },
14 | });
15 | };
16 |
17 | function rate(post_id, like) {
18 | var url = (like ? `/ajax/like/${post_id}` : `/ajax/dislike/${post_id}`);
19 | var data = genericAJAXRequest(url, "get", undefined);
20 | $(`#total_likes_${post_id}`).text(data.total_likes);
21 | $(`#total_dislikes_${post_id}`).text(data.total_dislikes);
22 | };
23 |
24 | function followUser(user_id) {
25 | $.ajax({
26 | url: '/ajax/follow/',
27 | data: { id: user_id },
28 | dataType: 'json',
29 | success: function (data) {
30 | $(`#follow`).text(data.status);
31 | $(`#followers`).text(data.count);
32 | console.log('success');
33 | },
34 | error: function() {
35 | console.log('error!');
36 | }
37 | });
38 | };
39 |
40 |
41 |
42 | function bioChange() {
43 | event.preventDefault();
44 | var firstName = $(`#first-name-field`).val();
45 | var lastName = $(`#last-name-field`).val();
46 | var bio = $(`#bio-field`).val();
47 | var location = $(`#location-field`).val();
48 | $.ajax({
49 | url: '/ajax/settings/',
50 | data: { csrfmiddlewaretoken: profileChangeToken, first_name: firstName, last_name: lastName, bio: bio, location: location },
51 | dataType: 'json',
52 | type: 'POST',
53 | success: function (data) {
54 | $('#first-name-field').val('');
55 | $('#last-name-field').val('');
56 | $('#bio-field').val('');
57 | $('#location-field').val('');
58 | $('#first_name').text(data.first_name);
59 | $('#last_name').text(data.last_name);
60 | $('#bio').text(data.bio);
61 | $('#location').text(data.location)
62 | console.log('success');
63 | },
64 | error: function() {
65 | console.log('error!');
66 | }
67 | });
68 | }
69 |
70 |
71 |
72 | function changeProfilePicture() {
73 | $.ajax({
74 | url:`/ajax/changepfp`,
75 | dataType:'json',
76 | type:'GET',
77 | success: function (data) {
78 | console.log('bruh')
79 | }
80 | });
81 | }
82 |
83 |
84 | /*
85 |
86 | function editPost(post_id) {
87 | event.preventDefault();
88 | var text=$('#edit-field').val()
89 | $.ajax({
90 | url: '/ajax/edit/'+post_id+'/',
91 | data: { csrfmiddlewaretoken: postEditToken, id: post_id, new_text: text },
92 | dataType: 'json',
93 | success: function (data) {
94 | $(`#post_text${post_id}`).text(data.new_text);
95 | toggleVisibility(`edit${post_id}`)
96 | console.log('success');
97 | },
98 | error:function (xhr, ajaxOptions, thrownError){
99 | if(xhr.status==404) {
100 | alert("Something went wrong. Probably the post has been deleted.");
101 | $("#posts li").filter(`#post${post_id}`).remove()
102 | }
103 | }
104 | });
105 | };
106 |
107 |
108 |
109 | function deletePost(post_id) {
110 | event.preventDefault()
111 | $.ajax({
112 | url: '/ajax/delete/'+post_id+'/',
113 | success: function () {
114 | $(`#post${post_id}`).remove();
115 | console.log('success');
116 | },
117 | error:function (xhr, ajaxOptions, thrownError){
118 | if(xhr.status==404) {
119 | alert("Something went wrong. Probably the post has been deleted.");
120 | $("#posts li").filter(`#post${post_id}`).remove()
121 | }
122 | }
123 | });
124 | };
125 |
126 |
127 |
128 | function commentInReply(post_id, comment_id=false) {
129 | event.preventDefault();
130 | var text=$(`#comment_in_reply${post_id} #comment-field`).val()
131 | comment_data={ 'csrfmiddlewaretoken': commentToken, 'id': post_id, 'comment': text, 'in_reply_to_user': 0, 'in_reply_to_comment': 0 }
132 | if (comment_id) {
133 | comment_data['comment'] = $(`#comment_in_reply${comment_id} #comment-field`).val();
134 | comment_data['in_reply_to_user'] = $(`#in_reply_to_user${comment_id}`).val();
135 | comment_data['in_reply_to_comment'] = $(`#in_reply_to_comment${comment_id}`).val();
136 | }
137 | $.ajax({
138 | url: '/ajax/comment/',
139 | data: comment_data,
140 | dataType: 'json',
141 | type: 'POST',
142 | success: function (data) {
143 | var post_id=data.post_id;
144 | var comment_text=data.comment_text;
145 | var comment_id=data.comment_pk;
146 | var comment_posted_by=data.posted_by;
147 | var comment_posted_by_id=data.posted_by_id;
148 | var comment_type='comment';
149 | var user_id=data.user_id;
150 | var post_date=data.date;
151 | var in_reply_to_user=data.in_reply_to_user;
152 | var in_reply_to_comment=data.in_reply_to_comment;
153 | if (in_reply_to_user && in_reply_to_comment) {
154 | $(`#comment_in_reply${in_reply_to_comment} #comment-field`).val('');
155 | var get_username=data.get_username;
156 | var reply=`in reply to ${get_username}\'s comment`;
157 | var comment_type='inreply';
158 | }
159 | else {
160 | $(`#comment_in_reply${post_id} #comment-field`).val('');
161 | reply=``;
162 | }
163 | $(`#comment_section${post_id}`).append(`
164 |
165 | ${comment_text}
166 |
167 | 
168 | 
169 |
170 | Delete the comment?
173 |
174 |
175 |
179 |
180 |
181 |
182 |
183 |
189 |
190 | ${post_text}
${post_image}Posted by ${post_username} on ${post_date}
257 |
258 | 
0
259 | 
0
260 |
261 |
262 |
263 |
264 | Delete the post?
265 |
266 |
267 |
272 |
273 |
274 |
275 |
279 |
280 |
281 |
Posted on ${post_date}