1+ %% cascade default::_::layout { title => $blog.title,
2+ %%
3+ %% }
4+
5+ %% override panel -> {
6+
7+ <nav aria-label="breadcrumb">
8+ <ol class="breadcrumb">
9+ <li class="breadcrumb-item"><a href="#">Home</a></li>
10+ <li class="breadcrumb-item"><a href="#">Blogs</a></li>
11+ <li class="breadcrumb-item active" aria-current="page">[% $blog.url %]</li>
12+ </ol>
13+ </nav>
14+
15+
16+ <div class="row">
17+ <div class="col">
18+ <h1>[% $blog.title %]</h1>
19+ <h3>[% $blog.tagline %]</h3>
20+ </div>
21+ <div class="col">
22+ <form method="post" action="[% $c.url_for( 'do_follow_blog' ) %]">
23+ <input type="hidden" name="blog_id" value="[% $blog.id %]" />
24+ <button type="submit" class="btn btn-primary float-end">Follow Blog</button>
25+ </form>
26+ </div>
27+ </div>
28+
29+ <div class="row">
30+ <div class="col">
31+ <p>[% $blog.about %]</p>
32+ <p>X readers follow</p>
33+
34+ %% for $blog.tags -> $tag {
35+ [% $tag.name %]
36+ %% }
37+
38+ </div>
39+ <div class="col">
40+ <img width="80%" src="/blog_screenshots/[% $blog.id %].jpg">
41+ </div>
42+ </div>
43+
44+ <ul class="nav nav-tabs">
45+ <li class="nav-item">
46+ <a class="nav-link active" aria-current="page" href="#">Reviews</a>
47+ </li>
48+ <li class="nav-item">
49+ <a class="nav-link" href="#">Latest Posts</a>
50+ </li>
51+ </ul>
52+
53+ <form method="post" action="[% $c.url_for( 'do_review_blog' ) %]">
54+ <input type="hidden" name="blog_id" value="[% $blog.id %]">
55+
56+ <textarea name="comment" rows="4">[% $form_comment %]</textarea>
57+
58+ <div class="form-check form-switch">
59+ <input class="form-check-input" type="checkbox" value="1" name="review_pos" id="review_pos" [% $form_review_pos ? " checked " : "" %]>
60+ <label class="form-check-label" for="review_pos">This is a positive review. I recommend this blog.</label>
61+ </div>
62+
63+ <div class="form-check form-switch">
64+ <input class="form-check-input" type="checkbox" value="1" name="review_neg" id="review_neg" [% $form_review_neg ? " checked " : "" %]>
65+ <label class="form-check-label" for="review_neg">This is a negative review. I dislike this blog.</label>
66+ </div>
67+
68+ <button type="submit" class="btn btn-primary float-end">Post Review</button>
69+ </form>
70+
71+ <div class="row" style="height: 20em;"></div>
72+
73+
74+ %% }
0 commit comments