Added Link to API

YuliiaSaliuta · Jan 25, 2024 · 6bebe60 · 6bebe60
1 parent 669664a
commit 6bebe60
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 0 deletions.
diff --git a/cryptocurrency/views.py b/cryptocurrency/views.py
@@ -1,8 +1,10 @@
 from django.shortcuts import get_object_or_404
 from rest_framework.generics import ListAPIView, RetrieveAPIView
+from rest_framework.mixins import ListModelMixin
 from rest_framework.pagination import PageNumberPagination
 from rest_framework.renderers import TemplateHTMLRenderer
 from rest_framework.response import Response
+from rest_framework.viewsets import GenericViewSet
 
 from cryptocurrency.models import Cryptocurrency
 from cryptocurrency.serializers import CryptocurrencyListSerializer
@@ -14,6 +16,11 @@ class CryptocurrencyPagination(PageNumberPagination):
     max_page_size = 100
 
 
+class CryptocurrencyViewSet(ListModelMixin, GenericViewSet):
+    serializer_class = CryptocurrencyListSerializer
+    queryset = Cryptocurrency.objects.all()
+
+
 class CryptocurrencyListView(ListAPIView):
     serializer_class = CryptocurrencyListSerializer
     renderer_classes = [TemplateHTMLRenderer]

diff --git a/cryptocurrency_api/urls.py b/cryptocurrency_api/urls.py
@@ -23,4 +23,5 @@
         "cryptocurrencies/",
         include("cryptocurrency.urls", namespace="cryptocurrency"),
     ),
+    path("api/", include("cryptocurrency.urls_api", namespace="api")),
 ]
diff --git a/static/css/styles.css b/static/css/styles.css
@@ -6,6 +6,17 @@ body {
     background-color: lightgray;
 }
 
+a {
+    transition: color 0.3s ease;
+    color: #333;
+    margin-left: 20px;
+    text-align: center;
+}
+
+a:hover {
+    color: #0056b3;
+}
+
 h1 {
     color: #333;
     margin-left: 20px;

diff --git a/templates/cryptocurrency/cryptocurrency_list.html b/templates/cryptocurrency/cryptocurrency_list.html
@@ -5,6 +5,9 @@
 {% block content %}
   <h1>Crypto Market Insights</h1>
   <p>Welcome to Crypto Django API!</p>
+  <h1 class="list-group-item"><a
+      href="{% url "api:cryptocurrency-list-api" %}">Link to API</a></h1>
+
 
   <div id="app">
     <table class="table table-hover">