Opening Hours

Part of the Django Basics section of Coddy's Django journey. Lesson 22 of 23.

The café has new hours: later on Fridays and Saturdays, closed on Sundays. They are in HOURS in menu/views.py, one dictionary per day, and Sunday's opens is None. The /hours/ page still returns one line of text.

A schedule fits an HTML table: a <tr> per row and a <td> per cell.

<table>
    <tr><td>Espresso</td><td>$2.50</td></tr>
    <tr><td>Latte</td><td>$3.50</td></tr>
</table>

None counts as false in {% if %}, so a day that does not open can say so in the {% else %} part.

Challenge

Medium

Make /hours/ render menu/hours.html (started for you) with HOURS in its context. In its table, one <tr> per day: the day in the first <td>, then 8:00 to 18:00, or Closed when the day does not open.

Press Run: the preview opens /hours/.

Try it yourself

from django.http import Http404, HttpResponse
from django.shortcuts import render

DRINKS = {
    "espresso": {
        "slug": "espresso",
        "name": "Espresso",
        "price": 2.5,
        "description": "A short, strong shot of coffee.",
        "sold_out": False,
    },
    "latte": {
        "slug": "latte",
        "name": "Latte",
        "price": 3.5,
        "description": "Espresso with lots of steamed milk.",
        "sold_out": False,
    },
    "flat-white": {
        "slug": "flat-white",
        "name": "Flat White",
        "price": 3.75,
        "description": "Espresso with a thin layer of silky milk.",
        "sold_out": False,
    },
    "hot-chocolate": {
        "slug": "hot-chocolate",
        "name": "Hot Chocolate",
        "price": 3,
        "description": "Dark chocolate melted into warm milk.",
        "sold_out": True,
    },
}


MENU = {
    "Coffee": [
        {"name": "Espresso", "price": 2.5},
        {"name": "Latte", "price": 3.5},
        {"name": "Flat White", "price": 3.75},
    ],
    "Tea": [
        {"name": "Green Tea", "price": 2.5},
        {"name": "Chai", "price": 3.25},
    ],
    "Cakes": [
        {"name": "Carrot Cake", "price": 4},
        {"name": "Lemon Tart", "price": 3.5},
    ],
}


HOURS = [
    {"day": "Monday", "opens": "8:00", "closes": "18:00"},
    {"day": "Tuesday", "opens": "8:00", "closes": "18:00"},
    {"day": "Wednesday", "opens": "8:00", "closes": "18:00"},
    {"day": "Thursday", "opens": "8:00", "closes": "18:00"},
    {"day": "Friday", "opens": "8:00", "closes": "20:00"},
    {"day": "Saturday", "opens": "9:00", "closes": "20:00"},
    {"day": "Sunday", "opens": None, "closes": None},
]


def home(request):
    return render(request, "menu/home.html", {"special": DRINKS["flat-white"]})


def drink_list(request):
    return render(request, "menu/drinks.html", {"drinks": DRINKS.values()})


def full_menu(request):
    return render(request, "menu/menu.html", {"menu": MENU})


def about(request):
    return HttpResponse("Corner Café opened in 2026.")


def hours(request):
    return HttpResponse("Open every day from 8:00 to 18:00.")


def contact(request):
    return HttpResponse("Write to us at hello@cornercafe.example.")


def table(request, number):
    return HttpResponse(f"<h1>Table {number}</h1>")


def drink(request, slug):
    if slug not in DRINKS:
        raise Http404(f"No drink called {slug}")
    item = DRINKS[slug]
    return HttpResponse(f"<h1>{item['name']}</h1><p>{item['description']}</p>")


def order(request):
    size = request.GET.get("size", "medium")
    if size not in ["small", "medium", "large"]:
        size = "medium"
    return HttpResponse(f"You ordered a {size} coffee.")