Sito Finito!

cocktail/templates/base.html

@@ -8,6 +8,12 @@
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
+    <style>
+      body{
+        background-image: url("https://i.ibb.co/4ppHK12/13890544.jpg");
+        background-position: left center;
+      }
+    </style>
     {% block css %}
       
     {% endblock css %}

cocktail_list/forms.py

@@ -6,4 +6,4 @@ class CocktailForm(ModelForm):
 
     class Meta:
         model = Cocktail
-        fields = '__all__'
+        fields = '__all__' # seleziono tutti i fields per il Form

cocktail_list/models.py

@@ -55,10 +55,10 @@ class Cocktail(models.Model):
         return f"{self.nome_cocktail}"
 
     def lista_ingredienti(self):
-        return "\n ,".join([i.ingrediente for i in self.ingredienti.all()])
+        return "\n ,".join([i.ingrediente for i in self.ingredienti.all()]) # 
 
     def get_absolute_url(self):
-        return reverse('cocktail', kwargs={'nome_cocktail': self.nome_cocktail})
+        return reverse('cocktail', kwargs={'nome_cocktail': self.nome_cocktail}) # ritorno l'absolute url dei cocktail passando come kwargs il nome_cocktail
 
     class Meta:
         verbose_name = "Cocktail"

cocktail_list/templates/homepage.html

@@ -8,11 +8,9 @@
 <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@900&display=swap" rel="stylesheet">
 {% endblock css %}
 
-{% block beforecontent %}
-<div class="contained-img-bar">
-  <div class="text-contained-img-bar">In totale nel nostro Salone Bar abbiamo {{ lista_cocktail.count }} cocktails</div>
-</div>
-{% endblock beforecontent %}
+<!-- {% block beforecontent %}
+
+{% endblock beforecontent %} -->
 
 
 {% block content %}
@@ -54,7 +52,10 @@
 </div>
 </div> -->
 <!-- <h1 class="text-center">In totale nel nostro Salone Bar abbiamo {{ lista_cocktail.count }} <i class="fas fa-cocktail"></i> </h1> -->
-<div class="card mt-2 mt-lg-1">
+<div class="contained-img-bar mt-3">
+  <div class="text-contained-img-bar">In totale nel nostro Salone Bar abbiamo {{ lista_cocktail.count }} cocktails</div>
+</div>
+<div class="card mt-4">
   <div class="card-header">  <h1 class="text-center text-muted">LISTA COCKTAILS : </h1></div>
 </div>
 {% for cocktail in lista_cocktail %}

cocktail_list/views.py

@@ -20,9 +20,9 @@ def cocktail(request,nome_cocktail):
 
 def random_cocktail(request):
     random_cocktail = Cocktail.objects.all()
-    number_of_cocktail = Cocktail.objects.all().count()
-    random_cocktail_list = random.randint(1,number_of_cocktail)
-    rand_cocktail = random.sample(list(random_cocktail),random_cocktail_list)
+    number_of_cocktail = Cocktail.objects.all().count() # conto il numero di instanze dell'oggetto Cocktail
+    random_cocktail_list = random.randint(1,number_of_cocktail) # genero un numero casuale tra 1 e il numero di Cocktail presenti nel database
+    rand_cocktail = random.sample(list(random_cocktail),random_cocktail_list) # seleziona casualmente degli elementi univoci nel database
     context = {"random_cocktail":rand_cocktail}
     return render(request,"random_cocktail.html",context)
 
@@ -62,10 +62,10 @@ def bicchieri_cocktail(request):
 
 
 def cerca(request):
-    if "q" in request.GET:
+    if "q" in request.GET:  # controllo se "q" é presente nella request di tipo get
         querystring = request.GET.get("q")
-        if len(querystring) < 3:
-            return redirect("cerca")
+        if len(querystring) < 3:    # verifico se la lunghezza di é minore di 3
+            return redirect("cerca")    # se la lunghezza é minore di 3 reindirizzo alla pagina cerca
         all_ingredients = Cocktail.objects.all()
         searching_ingred = Cocktail.objects.none()
         for one_ingredient in querystring.split(","):
@@ -79,10 +79,10 @@ def cerca(request):
 
 def createCocktail(request):
     if request.method == "POST":
-        form = CocktailForm(request.POST,request.FILES)
-        if form.is_valid():
-            cocktail = form.save()
-            return redirect("cocktail", nome_cocktail=cocktail.nome_cocktail)
+        form = CocktailForm(request.POST,request.FILES) # riempio il form
+        if form.is_valid(): # controllo se il form é valido
+            cocktail = form.save()  # se il form risulta essere valido, salvo l'oggetto nel database
+            return redirect("cocktail", nome_cocktail=cocktail.nome_cocktail)   # reindirizzo alla pagina del cocktail appena creato
     else:
         form = CocktailForm()
     context = {"form":form}

static-storage/css/style.css

@@ -25,7 +25,7 @@ a:hover{
     width: 100%;
     height: 300px;
     border-radius: 5px;
-    border: 1px solid grey;
+    /* border: 1px solid grey; */
     background-image: url("https://img.freepik.com/foto-gratuito/selezione-di-vari-cocktail-sul-tavolo_140725-2909.jpg?size=626&ext=jpg");
     /* background-size: cover; */
     background-position: center;