190 lines
6.6 KiB
Python
190 lines
6.6 KiB
Python
import flet as ft
|
||
import designer as d
|
||
import api_client as api
|
||
import theme_manager
|
||
|
||
|
||
class NewsDetailView:
|
||
def __init__(self, page: ft.Page, slug: str):
|
||
self.page = page
|
||
self.slug = slug
|
||
self._content_col = ft.Column(
|
||
[ft.Container(content=d.loader(), alignment=ft.alignment.center, padding=40)],
|
||
expand=True,
|
||
)
|
||
|
||
def build_page_view(self) -> ft.View:
|
||
header = ft.Container(
|
||
content=ft.Row(
|
||
[
|
||
ft.IconButton(
|
||
ft.icons.ARROW_BACK,
|
||
icon_color=ft.colors.WHITE,
|
||
tooltip="Назад",
|
||
on_click=lambda e: self.page.go("/"),
|
||
),
|
||
ft.Row([
|
||
ft.Icon(ft.icons.NEWSPAPER, color=ft.colors.WHITE, size=24),
|
||
ft.Text("Новости", size=18, weight=ft.FontWeight.BOLD, color=ft.colors.WHITE),
|
||
], spacing=8),
|
||
ft.Container(width=40),
|
||
],
|
||
alignment=ft.MainAxisAlignment.SPACE_BETWEEN,
|
||
),
|
||
bgcolor=d.ADMIN_SIDEBAR,
|
||
padding=ft.padding.symmetric(horizontal=16, vertical=12),
|
||
)
|
||
|
||
return ft.View(
|
||
route=f"/news/{self.slug}",
|
||
bgcolor=d.BACKGROUND,
|
||
controls=[
|
||
ft.Column(
|
||
[
|
||
header,
|
||
ft.Container(
|
||
content=self._content_col,
|
||
alignment=ft.alignment.top_center,
|
||
expand=True,
|
||
padding=ft.padding.symmetric(horizontal=24, vertical=20),
|
||
),
|
||
],
|
||
spacing=0,
|
||
expand=True,
|
||
scroll=ft.ScrollMode.AUTO,
|
||
)
|
||
],
|
||
)
|
||
|
||
async def load(self):
|
||
article = await api.get_article(self.slug)
|
||
if not article:
|
||
theme_manager.reset_font(self.page)
|
||
self._content_col.controls = [
|
||
ft.Container(
|
||
content=ft.Column(
|
||
[
|
||
ft.Icon(ft.icons.ARTICLE_OUTLINED, size=64, color=d.DIVIDER),
|
||
d.headline("Статья не найдена", size=20),
|
||
d.btn_outlined("На главную", on_click=lambda e: self.page.go("/")),
|
||
],
|
||
horizontal_alignment=ft.CrossAxisAlignment.CENTER,
|
||
spacing=16,
|
||
),
|
||
alignment=ft.alignment.center,
|
||
padding=60,
|
||
)
|
||
]
|
||
self.page.update()
|
||
return
|
||
|
||
font = article.get("font_family", "Merriweather")
|
||
theme_manager.apply_article_font(self.page, font)
|
||
self._render(article)
|
||
|
||
def _render(self, a: dict):
|
||
font = a.get("font_family", "Merriweather")
|
||
cat = a.get("category")
|
||
tags = a.get("tags", [])
|
||
pub_date = a.get("published_at", "")[:10] if a.get("published_at") else ""
|
||
|
||
meta_chips = ft.Row(wrap=True, spacing=8, run_spacing=8)
|
||
if cat:
|
||
meta_chips.controls.append(
|
||
ft.Container(
|
||
content=ft.Text(cat["name"], size=12, color=ft.colors.WHITE),
|
||
bgcolor=d.PRIMARY,
|
||
border_radius=4,
|
||
padding=ft.padding.symmetric(horizontal=10, vertical=4),
|
||
)
|
||
)
|
||
for tag in tags:
|
||
meta_chips.controls.append(
|
||
ft.Container(
|
||
content=ft.Text(f"#{tag['name']}", size=12, color=d.PRIMARY),
|
||
bgcolor=ft.colors.with_opacity(0.1, d.PRIMARY),
|
||
border_radius=4,
|
||
padding=ft.padding.symmetric(horizontal=10, vertical=4),
|
||
)
|
||
)
|
||
|
||
controls = [
|
||
d.headline(a["title"], size=30, font=d.FONT_DISPLAY),
|
||
ft.Row(
|
||
[
|
||
meta_chips,
|
||
ft.Row([
|
||
ft.Text(pub_date, size=12, color=d.TEXT_SECONDARY),
|
||
ft.Row([
|
||
ft.Icon(ft.icons.REMOVE_RED_EYE_OUTLINED, size=14, color=d.TEXT_SECONDARY),
|
||
ft.Text(str(a.get("view_count", 0)), size=12, color=d.TEXT_SECONDARY),
|
||
], spacing=4),
|
||
], spacing=16),
|
||
],
|
||
alignment=ft.MainAxisAlignment.SPACE_BETWEEN,
|
||
wrap=True,
|
||
),
|
||
]
|
||
|
||
if a.get("cover_url"):
|
||
controls.append(
|
||
ft.Container(
|
||
content=ft.Image(
|
||
src=a["cover_url"],
|
||
width=float("inf"),
|
||
height=400,
|
||
fit=ft.ImageFit.COVER,
|
||
border_radius=12,
|
||
),
|
||
border_radius=12,
|
||
clip_behavior=ft.ClipBehavior.HARD_EDGE,
|
||
)
|
||
)
|
||
|
||
if a.get("excerpt"):
|
||
controls.append(
|
||
ft.Container(
|
||
content=ft.Text(
|
||
a["excerpt"],
|
||
size=16,
|
||
color=d.TEXT_SECONDARY,
|
||
italic=True,
|
||
),
|
||
border=ft.Border(left=ft.BorderSide(4, d.PRIMARY)),
|
||
padding=ft.padding.only(left=16, top=8, bottom=8),
|
||
)
|
||
)
|
||
|
||
controls.append(d.divider())
|
||
|
||
controls.append(
|
||
ft.Markdown(
|
||
value=a.get("content", ""),
|
||
selectable=True,
|
||
extension_set=ft.MarkdownExtensionSet.GITHUB_WEB,
|
||
on_tap_link=lambda e: self.page.launch_url(e.data),
|
||
auto_follow_links=False,
|
||
)
|
||
)
|
||
|
||
controls.append(ft.Divider(height=32, color="transparent"))
|
||
controls.append(
|
||
ft.TextButton(
|
||
"← Назад к новостям",
|
||
icon=ft.icons.ARROW_BACK,
|
||
style=ft.ButtonStyle(color=d.PRIMARY),
|
||
on_click=lambda e: self.page.go("/"),
|
||
)
|
||
)
|
||
|
||
self._content_col.controls = [
|
||
ft.Container(
|
||
content=ft.Column(controls, spacing=16),
|
||
bgcolor=d.SURFACE,
|
||
border_radius=12,
|
||
padding=32,
|
||
border=ft.border.all(1, d.DIVIDER),
|
||
)
|
||
]
|
||
self.page.update()
|