Function BookArticle

perro_website/src/pages/docs.rs:120–167

(doc: &'static crate::docs::DocPage)

        }}
    }
}

#[component]
fn BookArticle(doc: &'static crate::docs::DocPage) -> impl IntoView {
    let chapters = book_pages()
        .into_iter()
        .filter(|page| page.slug != "index")
        .collect::<Vec<_>>();
    let pos = chapters.iter().position(|page| page.slug == doc.slug);
    let prev = pos
        .and_then(|idx| idx.checked_sub(1))
        .and_then(|idx| chapters.get(idx).copied());
    let next = pos.and_then(|idx| chapters.get(idx + 1).copied());

    view! {
        <Seo info=doc_seo(doc, doc.route_path.as_str()) />
        <PageFrame eyebrow="Book" title=doc.title.as_str()>
            <div class="doc-layout">
                <aside class="doc-filter">
                    <h2>"Chapters"</h2>
                    <a href="/book"><span>"Start"</span><small>"0"</small></a>
                    {chapters.into_iter().enumerate().map(|(idx, chapter)| view! {
                        <a href=chapter.route_path.as_str()>
                            <span>{chapter.title.as_str()}</span>
                            <small>{idx + 1}</small>
                        </a>
                    }).collect_view()}
                </aside>
                <div class="doc-results">
                    <div class="doc-page">
                        <article class="article" inner_html=doc.html.as_str()></article>
                        <aside class="toc">
                            <strong>"On page"</strong>
                            {doc.headings.iter().filter(|h| (2..=3).contains(&h.level)).map(|h| view! {
                                <a href=format!("#{}", h.id)>{h.text.as_str()}</a>
                            }).collect_view()}
                        </aside>
                    </div>
                    <nav class="page-actions">
                        {prev.map(|page| view! {
                            <a class="btn ghost" href=page.route_path.as_str()>{format!("Previous: {}", page.title)}</a>
                        })}
                        {next.map(|page| view! {
                            <a class="btn primary" href=page.route_path.as_str()>{format!("Next: {}", page.title)}</a>
                        })}
                    </nav>
                </div>
            </div>
        </PageFrame>
    }
}