Django Rest To Do List Practice

code/Kevin/Django/practice_to_do/Pipfile

@@ -0,0 +1,13 @@
+[[source]]
+url = "https://pypi.org/simple"
+verify_ssl = true
+name = "pypi"
+
+[packages]
+django = "*"
+djangorestframework = "*"
+
+[dev-packages]
+
+[requires]
+python_version = "3.11"

code/Kevin/Django/practice_to_do/api/admin.py

@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.

code/Kevin/Django/practice_to_do/api/apps.py

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class ApiConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'api'

code/Kevin/Django/practice_to_do/api/models.py

@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.

code/Kevin/Django/practice_to_do/api/permissions.py

@@ -0,0 +1,12 @@
+from rest_framework import permissions
+
+class ReadOnly(permissions.BasePermission):
+    def has_permission(self, request, view):
+        return request.method in permissions.SAFE_METHODS
+
+
+class IsAuthorOrReadOnly(permissions.BasePermission):
+    def has_object_permission(self, request, view, obj):
+        if request.method in permissions.SAFE_METHODS:
+            return True
+        return obj.author == request.user

code/Kevin/Django/practice_to_do/api/serializers.py

@@ -0,0 +1,38 @@
+from rest_framework import serializers
+from users.models import CustomUser
+
+from todo.models import ToDo, Favorites
+
+class NestedToDoSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = ToDo
+        fields = ('id', 'item', 'author', 'needs_doing')
+
+class NestedUserSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = CustomUser
+        fields = ('id', 'username')
+
+class NestedFavoritesSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = Favorites
+        fields = ('id', 'favorite', 'author')
+
+class FavoritesSerializer(serializers.ModelSerializer):
+    author_detail = NestedUserSerializer(read_only=True, source='author')
+    class Meta:
+        model = Favorites
+        fields = ('id', 'favorite', 'author', 'author_detail')
+
+class ToDoSerializer(serializers.ModelSerializer):
+    author_detail = NestedUserSerializer(read_only=True, source='author')
+    class Meta:
+        model = ToDo
+        fields = ('id', 'item', 'author', 'needs_doing', 'author_detail')
+
+class UserSerializer(serializers.ModelSerializer):
+    todo_detail = NestedToDoSerializer(many=True, source='todo', read_only=True)
+    favorites_detail = NestedFavoritesSerializer(many=True, source='favorites', read_only=True)
+    class Meta:
+        model = CustomUser
+        fields = ('id', 'username', 'todo', 'todo_detail','favorites', 'favorites_detail')

code/Kevin/Django/practice_to_do/api/tests.py

@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.

code/Kevin/Django/practice_to_do/api/urls.py

@@ -0,0 +1,13 @@
+from django.urls import path
+from rest_framework.routers import DefaultRouter
+
+from . import views
+
+router = DefaultRouter()
+router.register('todo', views.PostToDoSet, basename='todo')
+router.register('favorites', views.PostFavoritesSet, basename='favorites')
+
+urlpatterns = router.urls + [
+    path('', views.ToDoAPIView.as_view()),
+    path('', views.FavoritesAPIView.as_view())
+]

code/Kevin/Django/practice_to_do/api/views.py

@@ -0,0 +1,20 @@
+from rest_framework import generics, viewsets
+
+from todo.models import ToDo, Favorites
+from .serializers import ToDoSerializer, FavoritesSerializer
+
+class ToDoAPIView(generics.ListAPIView):
+    queryset = ToDo.objects.all()
+    serializer_class = ToDoSerializer
+
+class PostToDoSet(viewsets.ModelViewSet):
+    queryset = ToDo.objects.all()
+    serializer_class = ToDoSerializer
+
+class FavoritesAPIView(generics.ListAPIView):
+    queryset = Favorites.objects.all()
+    serializer_class = FavoritesSerializer
+
+class PostFavoritesSet(viewsets.ModelViewSet):
+    queryset = Favorites.objects.all()
+    serializer_class = FavoritesSerializer

code/Kevin/Django/practice_to_do/manage.py

@@ -0,0 +1,22 @@
+#!/usr/bin/env python
+"""Django's command-line utility for administrative tasks."""
+import os
+import sys
+
+
+def main():
+    """Run administrative tasks."""
+    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'to_do_project.settings')
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError as exc:
+        raise ImportError(
+            "Couldn't import Django. Are you sure it's installed and "
+            "available on your PYTHONPATH environment variable? Did you "
+            "forget to activate a virtual environment?"
+        ) from exc
+    execute_from_command_line(sys.argv)
+
+
+if __name__ == '__main__':
+    main()

code/Kevin/Django/practice_to_do/static/app.js

@@ -0,0 +1,168 @@
+const app = Vue.createApp({
+    delimiters: ['[[', ']]'],
+    data(){
+        return{
+            currentUser: {},
+            csrfToken: '',
+            toDo: [],
+            displayedToDo: [],
+            displayedFavorites: [],
+            newToDo: {
+                "item" : "",
+                "needs_doing": "",
+            },
+            enteredThing: ''
+        }
+    },
+    methods: {
+        loadToDo(){
+            axios({
+                method: 'get',
+                url: 'api/v1/todo'
+            }).then(response => {
+                this.toDo = response.data
+                console.log( 'from loadToDo', typeof this.toDo, this.toDo)
+                this.displayedToDo = []
+                for (i=0; i < this.toDo.length; i++){
+                    this.displayedToDo.push(this.toDo[i].item)
+                    console.log(this.toDo[i].item)
+                }
+                console.log('displayed todo',this.displayedToDo)
+                this.loadCurrentUser()
+                }
+            )
+        },
+        createToDo() {
+
+            axios({
+                method: 'post',
+                url: '/api/v1/todo/',
+                headers: {
+                    'X-CSRFToken': this.csrfToken
+                },
+                data: {
+                    "item" : this.enteredThing,
+                    "author": this.currentUser.id,
+                }
+            }).then( response => {
+                this.enteredThing = ''
+                this.loadToDo()
+                console.log(response.data)
+            }).catch(error => {
+                console.log(error.response)
+
+            })
+
+        },
+        deleteToDo(id){
+            axios({
+                method: 'delete',
+                url: '/api/v1/todo/' + id,
+                headers: {
+                    'X-CSRFToken': this.csrfToken
+                }
+            }).then(response => {
+                console.log('workin')
+                this.loadToDo()
+            })
+        },
+        createFavorite(item){
+            axios({
+                method: 'post',
+                url: '/api/v1/favorites/',
+                headers: {
+                    'X-CSRFToken': this.csrfToken
+                },
+                data: {
+                    "favorite" : item,
+                    "author": this.currentUser.id,
+                }
+            }).then(response => {
+                this.loadToDo()
+                console.log(response.data)
+            }).catch(error => {
+                console.log(error.response)
+            })
+        },
+        spawnFromFavorites(item){
+            axios({
+                method: 'post',
+                url: '/api/v1/todo/',
+                headers: {
+                    'X-CSRFToken': this.csrfToken
+                },
+                data: {
+                    "item" : item,
+                    "author": this.currentUser.id,
+                }
+            }).then( response => {
+                this.loadToDo()
+                console.log(response.data)
+            }).catch(error => {
+                console.log(error.response)
+
+            })
+        },
+
+        deleteFavorite(id){
+            axios({
+                method: 'delete',
+                url: '/api/v1/favorites/' + id,
+                headers: {
+                    'X-CSRFToken': this.csrfToken
+                }
+            }).then(response => {
+                console.log('workin')
+                this.loadToDo()
+            })
+        },
+
+
+
+        loadCurrentUser(){
+            axios({
+                method: 'get',
+                url: '/users/currentuser/'
+            }).then(response => {
+                console.log('CU', response.data)
+                this.displayedFavorites = []
+                for (i=0;i < response.data.favorites_detail.length; i++){
+                    this.displayedFavorites.push(response.data.favorites_detail[i].favorite)
+                }
+                console.log('displayed favs',typeof this.displayedFavorites, this.displayedFavorites)
+                this.currentUser = response.data
+            }).catch(error =>{
+                console.log(error.response)
+            })
+        },
+        swapparo(id, currentBool){
+            axios({
+                method: 'patch',
+                url: '/api/v1/todo/' + id + '/',
+                headers: {
+                    'X-CSRFToken': this.csrfToken
+                },
+                data: {
+                    "needs_doing": !currentBool
+                }
+            }).then(response => {
+                // console.log(response.data)
+                this.loadToDo()
+            })
+        },
+        testFunc(){
+            console.log(this.enteredThing)
+        }
+
+    },
+    created: function() {
+        this.loadToDo()
+
+    },
+    mounted(){
+        this.csrfToken = document.querySelector("input[name=csrfmiddlewaretoken]").value
+        console.log('mounted')
+
+
+    }
+})