docker

Author: vapdev

Dockerfile

@@ -0,0 +1,8 @@
+# syntax=docker/dockerfile:1
+FROM python:3
+ENV PYTHONDONTWRITEBYTECODE=1
+ENV PYTHONUNBUFFERED=1
+WORKDIR /code
+COPY requirements.txt /code/
+RUN pip install -r requirements.txt
+COPY . /code/

apps/feed/api.py

@@ -56,7 +56,7 @@ def api_add_like(request):
         Like.objects.create(tweek_id=tweek.id, created_by=request.user)
 
     if request.user != tweek.created_by:
-        create_notification(request, tweek.created_by, 'like')
+        create_notification(request.user, tweek.created_by, 'like')
 
     return JsonResponse({'success': True})
 
@@ -90,7 +90,7 @@ def api_add_dislike(request):
         Dislike.objects.create(tweek_id=tweek.id, created_by=request.user)
 
     if request.user != tweek.created_by:
-        create_notification(request, tweek.created_by, 'dislike')
+        create_notification(request.user, tweek.created_by, 'dislike')
 
     return JsonResponse({'success': True})
 

apps/notification/api.py

@@ -0,0 +1,13 @@
+from apps.notification.models import Notification
+from .serializers import NotificationSerializer
+from rest_framework import generics
+
+
+class NotificationsList(generics.ListAPIView):
+    serializer_class = NotificationSerializer
+
+    def get_queryset(self):
+        return Notification.objects.filter(to_user=self.kwargs.get("user_id"))
+
+
+

apps/notification/serializers.py

@@ -0,0 +1,11 @@
+from datetime import datetime
+from rest_framework import serializers
+from django.contrib.humanize.templatetags.humanize import naturaltime
+
+from apps.notification.models import Notification
+
+
+class NotificationSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = Notification
+        fields = '__all__'

apps/notification/templates/notification/notifications.html

@@ -9,39 +9,57 @@
                 <span class="opacity-100">Notificações</span>
             </a>
         </div>
-        <div class="flex flex-col">
-            {% for notification in notifications %}
-                <div class="flex flex-row h-fit w-full p-4 pt-3 pl-3 border-solid border-b-2 hover:bg-gray-100 dark:hover:bg-gray-700 border-gray-100 dark:border-gray-700" >
-                    <div class="flex mr-2">  
-                    {% if notification.created_by.twikkerprofile.avatar %}
-                        <img class="rounded-full h-12 w-12" src="{{ notification.created_by.twikkerprofile.avatar.url }}">
-                    {% endif %}
-                    </div>   
-                    <div>
-                        {% if notification.notification_type == 'message' %}
-                            <a href="{% url 'notifications' %}?goto=conversation&notification={{ notification.id }}">
-                                <strong>{{ notification.created_by.username }}</strong> sent you a message
-                                <small>{{ notification.created_at|naturaltime }}</small>
-                            </a>
-                        {% elif notification.notification_type == 'follower' %}
-                            <a href="{% url 'notifications' %}?goto=twikkerprofile&notification={{ notification.id }}">
-                                <strong>{{ notification.created_by.username }}</strong> started following you
-                                <small>{{ notification.created_at|naturaltime }}</small>
-                            </a>
-                        {% elif notification.notification_type == 'like' %}
-                            <a href="{% url 'notifications' %}?goto=twikkerprofile&notification={{ notification.id }}">
-                                <strong>{{ notification.created_by.username }}</strong> liked a tweek you made
-                                <small>{{ notification.created_at|naturaltime }}</small>
-                            </a>
-                        {% elif notification.notification_type == 'mention' %}
-                            <a href="{% url 'notifications' %}?goto=twikkerprofile&notification={{ notification.id }}">
-                                <strong>{{ notification.created_by.username }}</strong> mentioned you in a tweek
-                                <small>{{ notification.created_at|naturaltime }}</small>
-                            </a>
-                        {% endif %}
-                    </div>
+        <div id="notificationapp" class="flex flex-col">
+            <div   v-for="notification in notifications"  class="flex flex-row h-fit w-full p-4 pt-3 pl-3 border-solid border-b-2 hover:bg-gray-100 dark:hover:bg-gray-700 border-gray-100 dark:border-gray-700" >
+                <div>
+                    <a v-if="notification.notification_type == 'message'" >
+                        <strong>[[ notification.created_by ]]</strong> sent you a message
+                        <small>[[ notification.created_at ]]</small>
+                    </a>
+                    <a v-if="notification.notification_type == 'follower'" >
+                        <strong>[[ notification.created_by ]]</strong> started following you
+                        <small>[[ notification.created_at ]]</small>
+                    </a>
+                    <a v-if="notification.notification_type == 'like'" >
+                        <strong>[[ notification.created_by ]]</strong> liked a tweek you made
+                        <small>[[ notification.created_at ]]</small>
+                    </a>
+                    <a v-if="notification.notification_type == 'dislike'">
+                        <strong>[[ notification.created_by ]]</strong> liked a tweek you made
+                        <small>[[ notification.created_at ]]</small>
+                    </a>
+                    <a v-if="notification.notification_type == 'mention'">
+                        <strong>[[ notification.created_by ]]</strong> mentioned you in a tweek
+                        <small>[[ notification.created_at ]]</small>
+                    </a>
                 </div>
-            {% endfor %}
+            </div>
         </div>  
     </div>
+{% endblock %}
+
+{% block script %}
+<script>
+const {createApp} = Vue
+    const notificationapp = createApp({
+        delimiters: ['[[', ']]'],
+        data () {
+            return {
+                notifications: [],
+            }
+        },
+        mounted() {
+            this.getNotifications();
+        },
+        methods: {
+            getNotifications(){
+                fetch('/api/notifications/' + {{ request.user.id }})
+                .then(response => response.json())
+                .then(data => {
+                        this.notifications = data
+                })
+            },
+        }
+    }).mount("#notificationapp")
+</script>
 {% endblock %}

docker-compose.yml

@@ -0,0 +1,22 @@
+services:
+#  db:
+#    image: postgres
+#    volumes:
+#      - ./data/db:/var/lib/postgresql/data
+#    environment:
+#      - POSTGRES_DB=postgres
+#      - POSTGRES_USER=postgres
+#      - POSTGRES_PASSWORD=postgres
+  web:
+    build: .
+    command: python manage.py runserver 0.0.0.0:8000
+    volumes:
+      - .:/code
+    ports:
+      - "8000:8000"
+    environment:
+      - POSTGRES_NAME=postgres
+      - POSTGRES_USER=postgres
+      - POSTGRES_PASSWORD=postgres
+#    depends_on:
+#      - db

requirements.txt

@@ -29,6 +29,8 @@
     follow_tweeker, toggle_dark_mode
 from apps.conversation.api import api_add_message, api_get_global_messages, api_get_dm_messages
 
+from apps.notification.api import NotificationsList
+
 urlpatterns = [
     #
     #
@@ -74,6 +76,7 @@
     path('api/messages/global/', api_get_global_messages, name='api_get_global_messages'),
     path('api/messages/<int:conversation_id>/', api_get_dm_messages, name='api_get_dm_messages'),
     path('api/tweek/<int:tweek_id>/', api_get_tweek, name='api_get_tweek'),
+    path('api/notifications/<int:user_id>', NotificationsList.as_view(), name='api_get_notifications'),
 
 
     path('settings/darkmode/', toggle_dark_mode, name='darkmode'),