index_page.py

from typing import List
from django.urls import reverse
from reactpy import component, html
from reactpy_router import link

from ..models import Question
from .common import use_query, LoadingException, RecordNotFound
from .page_404 import Page_404

@component
def index():

    @component
    def QuestionCard(question):
        return html.div({'class_name': 'card-mb-3'},
            html.div({'class_name': 'card-body'},
                html.p({'class_name': 'lead'}, question.question_text),
                html.div({'class_name':'btn-group'},
                    link("Vote Now", to=reverse("polls:detail", kwargs={'pk': question.pk}), class_name='btn btn-primary btn-sm  mx-1'),
                    link("Results", to=reverse("polls:results", kwargs={'pk': question.pk}), class_name='btn btn-secondary btn-sm'),
                )
            )
        )

    try:
        questions: List[Question] = use_query(Question.get_ordered_questions)
        return html.div(
            html.h1({'class_name':"text-center mb-3"},"Poll Questions"),
            *[QuestionCard(question) for question in questions]
            )
    except LoadingException as ex:
        return html.h2(str(ex))
    except RecordNotFound:
        return html.h2("No polls available.")
    except Exception:
        return Page_404()