Add react

.gitignore

@@ -10,7 +10,7 @@ __pycache__/
 local_settings.py
 media
 
-
+node_modules/
 
 # If your build process includes running collectstatic, then you probably don't need or want to include staticfiles/
 # in your Git repository. Update and uncomment the following line accordingly.

Pipfile

@@ -6,6 +6,7 @@ name = "pypi"
 [packages]
 Pillow = "*"
 django-crispy-forms = "*"
+djangorestframework-filters = "*"
 
 [dev-packages]
 

api/views.py

@@ -4,164 +4,181 @@
 
 from . import serializers
 from . import models
-from .permissions import IsLinkOwner, IsSubTopicLinkOwner, IsSubTopicOwner, IsTopicOwner, IsCurationOwner
+from .permissions import (
+    IsLinkOwner,
+    IsSubTopicLinkOwner,
+    IsSubTopicOwner,
+    IsTopicOwner,
+    IsCurationOwner,
+)
 
 from rest_framework.decorators import api_view
 from rest_framework.response import Response
 from rest_framework.reverse import reverse
 
 
-@api_view(['GET'])
+@api_view(["GET"])
 def api_root(request, format=None):
-    return Response({
-        'subjects': reverse('subject-list', request=request, format=format),
-        'curations': reverse('curation-list', request=request, format=format)
-    })
-class SubjectList(mixins.ListModelMixin,
-                  generics.GenericAPIView):
+    return Response(
+        {
+            "subjects": reverse("subject-list", request=request, format=format),
+            "curations": reverse("curation-list", request=request, format=format),
+        }
+    )
+
+
+class SubjectList(mixins.ListModelMixin, generics.GenericAPIView):
     queryset = models.Subject.objects.all()
     serializer_class = serializers.SubjectSerializer
 
     def get(self, request, *args, **kwargs):
         return self.list(request, *args, **kwargs)
 
 
-class SubjectDetail(mixins.RetrieveModelMixin,
-                  generics.GenericAPIView):
+class SubjectDetail(mixins.RetrieveModelMixin, generics.GenericAPIView):
     queryset = models.Subject.objects.all()
     serializer_class = serializers.SubjectSerializer
 
     def retrieve(self, request, *args, **kwargs):
         return self.create(request, *args, **kwargs)
 
 
-class CurationList(mixins.ListModelMixin,
-					mixins.CreateModelMixin,
-                	generics.GenericAPIView):
-
-	queryset = models.Curation.objects.all()
-	serializer_class = serializers.CurationSerializer
-	permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsCurationOwner]
+class CurationList(
+    mixins.ListModelMixin, mixins.CreateModelMixin, generics.GenericAPIView
+):
+    queryset = models.Curation.objects.all()
+    serializer_class = serializers.CurationSerializer
+    permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsCurationOwner]
+
+    def get_queryset(self):
+        """
+        Optionally restricts the returned purchases to a given user,
+        by filtering against a `username` query parameter in the URL.
+        """
+        queryset = models.Curation.objects.all()
+        subject = self.request.query_params.get("subject")
+        if subject is not None:
+            queryset = queryset.filter(subject=subject)
+        return queryset
+
+    def post(self, request, *args, **kwargs):
+        return self.create(request, *args, **kwargs)
 
-	def get_queryset(self):
-		"""
-		Optionally restricts the returned purchases to a given user,
-		by filtering against a `username` query parameter in the URL.
-		"""
-		queryset = models.Curation.objects.all()
-		subject = self.request.query_params.get('subject')
-		if subject is not None:
-			queryset = queryset.filter(subject=subject)
-		return queryset
+    def get(self, request, *args, **kwargs):
+        return self.list(request, *args, **kwargs)
 
-	def post(self, request, *args, **kwargs):
-		return self.create(request, *args, **kwargs)
+    def perform_create(self, serializer):
+        serializer.save(owner=self.request.user)
 
-	def get(self, request, *args, **kwargs):
-		return self.list(request, *args, **kwargs)
-
-	def perform_create(self, serializer):
-		serializer.save(owner=self.request.user)
 
+class CurationDetail(
+    mixins.RetrieveModelMixin,
+    mixins.DestroyModelMixin,
+    mixins.UpdateModelMixin,
+    generics.GenericAPIView,
+):
+    queryset = models.Curation.objects.all()
+    serializer_class = serializers.CurationSerializer
 
-class CurationDetail(mixins.RetrieveModelMixin,
-					mixins.DestroyModelMixin,
-					mixins.UpdateModelMixin,
-					generics.GenericAPIView):
+    permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsCurationOwner]
 
-	queryset = models.Curation.objects.all()
-	serializer_class = serializers.CurationSerializer
+    def get(self, request, *args, **kwargs):
+        return self.retrieve(request, *args, **kwargs)
 
-	permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsCurationOwner]
+    def put(self, request, *args, **kwargs):
+        return self.update(request, *args, **kwargs)
 
-	def get(self, request, *args, **kwargs):
-		return self.retrieve(request, *args, **kwargs)
-
-	def put(self, request, *args, **kwargs):
-		return self.update(request, *args, **kwargs)
-
-	def delete(self, request, *args, **kwargs):
-		return super().destroy(request, *args, **kwargs)
+    def delete(self, request, *args, **kwargs):
+        return super().destroy(request, *args, **kwargs)
 
 
 class TopicCreate(mixins.CreateModelMixin, generics.GenericAPIView):
+    queryset = models.Topic.objects.all()
+    serializer_class = serializers.TopicSerializer
+    permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsTopicOwner]
+
+    def post(self, request, *args, **kwargs):
+        return self.create(request, *args, **kwargs)
 
-	queryset = models.Topic.objects.all()
-	serializer_class = serializers.TopicSerializer
-	permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsTopicOwner]
 
-	def post(self, request, *args, **kwargs):
-		return self.create(request, *args, **kwargs)
+class TopicDetail(
+    mixins.DestroyModelMixin, mixins.UpdateModelMixin, generics.GenericAPIView
+):
+    queryset = models.Topic.objects.all()
+    serializer_class = serializers.TopicSerializer
+    permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsTopicOwner]
 
-class TopicDetail(mixins.DestroyModelMixin, mixins.UpdateModelMixin, generics.GenericAPIView):
-	queryset = models.Topic.objects.all()
-	serializer_class = serializers.TopicSerializer
-	permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsTopicOwner]
+    def delete(self, request, *args, **kwargs):
+        return super().destroy(request, *args, **kwargs)
 
-	def delete(self, request, *args, **kwargs):
-		return super().destroy(request, *args, **kwargs)
-
-	def put(self, request, *args, **kwargs):
-		return self.update(request, *args, **kwargs)
+    def put(self, request, *args, **kwargs):
+        return self.update(request, *args, **kwargs)
 
 
 class LinkCreate(mixins.CreateModelMixin, generics.GenericAPIView):
+    queryset = models.Link.objects.all()
+    serializer_class = serializers.LinkSerializer
+    permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsLinkOwner]
+
+    def post(self, request, *args, **kwargs):
+        return self.create(request, *args, **kwargs)
 
-	queryset = models.Link.objects.all()
-	serializer_class = serializers.LinkSerializer
-	permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsLinkOwner]
 
-	def post(self, request, *args, **kwargs):
-		return self.create(request, *args, **kwargs)
+class LinkDetail(
+    mixins.DestroyModelMixin, mixins.UpdateModelMixin, generics.GenericAPIView
+):
+    queryset = models.Link.objects.all()
+    serializer_class = serializers.LinkSerializer
+    permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsLinkOwner]
 
-class LinkDetail(mixins.DestroyModelMixin, mixins.UpdateModelMixin, generics.GenericAPIView):
-	queryset = models.Link.objects.all()
-	serializer_class = serializers.LinkSerializer
-	permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsLinkOwner]
+    def delete(self, request, *args, **kwargs):
+        return super().destroy(request, *args, **kwargs)
+
+    def put(self, request, *args, **kwargs):
+        return self.update(request, *args, **kwargs)
 
-	def delete(self, request, *args, **kwargs):
-		return super().destroy(request, *args, **kwargs)
-
-	def put(self, request, *args, **kwargs):
-		return self.update(request, *args, **kwargs)
 
 class SubTopicCreate(mixins.CreateModelMixin, generics.GenericAPIView):
+    queryset = models.SubTopic.objects.all()
+    serializer_class = serializers.SubTopicSerializer
+    permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsSubTopicOwner]
+
+    def post(self, request, *args, **kwargs):
+        return self.create(request, *args, **kwargs)
+
 
-	queryset = models.SubTopic.objects.all()
-	serializer_class = serializers.SubTopicSerializer
-	permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsSubTopicOwner]
+class SubTopicDetail(
+    mixins.DestroyModelMixin, mixins.UpdateModelMixin, generics.GenericAPIView
+):
+    queryset = models.SubTopic.objects.all()
+    serializer_class = serializers.SubTopicSerializer
+    permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsSubTopicOwner]
 
+    def delete(self, request, *args, **kwargs):
+        return super().destroy(request, *args, **kwargs)
 
-	def post(self, request, *args, **kwargs):
-		return self.create(request, *args, **kwargs)
+    def put(self, request, *args, **kwargs):
+        return self.update(request, *args, **kwargs)
 
-class SubTopicDetail(mixins.DestroyModelMixin, mixins.UpdateModelMixin, generics.GenericAPIView):
-	queryset = models.SubTopic.objects.all()
-	serializer_class = serializers.SubTopicSerializer
-	permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsSubTopicOwner]
 
-	def delete(self, request, *args, **kwargs):
-		return super().destroy(request, *args, **kwargs)
-
-	def put(self, request, *args, **kwargs):
-		return self.update(request, *args, **kwargs)
-
 class SubTopicLinkCreate(mixins.CreateModelMixin, generics.GenericAPIView):
+    queryset = models.SubTopicLink.objects.all()
+    serializer_class = serializers.SubTopicLinkSerializer
+    permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsSubTopicLinkOwner]
+
+    def post(self, request, *args, **kwargs):
+        return self.create(request, *args, **kwargs)
 
-	queryset = models.SubTopicLink.objects.all()
-	serializer_class = serializers.SubTopicLinkSerializer
-	permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsSubTopicLinkOwner]
 
-	def post(self, request, *args, **kwargs):
-		return self.create(request, *args, **kwargs)
+class SubTopicLinkDetail(
+    mixins.DestroyModelMixin, mixins.UpdateModelMixin, generics.GenericAPIView
+):
+    queryset = models.SubTopicLink.objects.all()
+    serializer_class = serializers.SubTopicLinkSerializer
+    permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsSubTopicLinkOwner]
 
-class SubTopicLinkDetail(mixins.DestroyModelMixin, mixins.UpdateModelMixin, generics.GenericAPIView):
-	queryset = models.SubTopicLink.objects.all()
-	serializer_class = serializers.SubTopicLinkSerializer
-	permission_classes = [permissions.IsAuthenticatedOrReadOnly, IsSubTopicLinkOwner]
+    def delete(self, request, *args, **kwargs):
+        return super().destroy(request, *args, **kwargs)
 
-	def delete(self, request, *args, **kwargs):
-		return super().destroy(request, *args, **kwargs)
-
-	def put(self, request, *args, **kwargs):
-		return self.update(request, *args, **kwargs)
+    def put(self, request, *args, **kwargs):
+        return self.update(request, *args, **kwargs)

assets/App.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import {
+    Button, Row, Col
+} from 'react-bootstrap';
+
+export const App = () => {
+    return (
+
+       < Row className = "mx-0" >
+           <Button as = {
+               Col
+           }
+       variant = "primary" > Button #1
+            </Button>
+  <Button as= {
+           Col
+       }
+       variant = "secondary"
+       className = "mx-2" > Button #2
+    </Button>
+  <Button as= {
+           Col
+       }
+       variant = "success" > Button #3
+    </Button>
+</Row>
+
+    )
+}

assets/index.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import ReactDOM from "react-dom";
+import 'bootstrap/dist/css/bootstrap.min.css';
+import {App} from './App.js'
+
+ReactDOM.render( 
+    <App/>,
+    document.getElementById('root')
+);