|
9 | 9 | <div class="text-center" xmlns="http://www.w3.org/1999/html"> |
10 | 10 | <h1 class="display-4">a-mirror database</h1> |
11 | 11 | <p>search for a video mirror using the id of a reddit post.</p> |
12 | | - <p>example: <a href="https://www.reddit.com/r/PublicFreakout/comments/j2vitm/she_just_got_hired/">https://www.reddit.com/r/PublicFreakout/comments/<mark>j2vitm</mark>/she_just_got_hired/</a></p> |
| 12 | + <p>example: <a class="text-break" href="https://www.reddit.com/r/PublicFreakout/comments/j2vitm/she_just_got_hired/"> |
| 13 | + https://www.reddit.com/r/PublicFreakout/comments/<mark style="white-space: nowrap">j2vitm</mark>/she_just_got_hired/ |
| 14 | + </a></p> |
13 | 15 |
|
14 | 16 | <form method="get"> |
15 | 17 | <label for="redditPostId">reddit post id</label> |
|
21 | 23 | <button type="submit" class="btn btn-primary">search</button> |
22 | 24 | </form> |
23 | 25 |
|
24 | | - @if (Model.SearchResults.Try(out var links)) |
25 | | - { |
26 | | - <h2>results</h2> |
27 | | - <p><a href="https://reddit.com/@Model.RedditPostId" target="_blank">(open reddit post)</a></p> |
28 | | - |
29 | | - @if (links.Count == 0) |
30 | | - { |
31 | | - <p>no links found. sorry about that.</p> |
32 | | - } |
33 | | - else |
| 26 | + <div class="container-fluid mt-4"> |
| 27 | + @if (Model.SearchResults.Try(out var searchResult)) |
34 | 28 | { |
35 | | - var mirrors = links.Where(x => x.Link.LinkType.IsMirror).ToArray(); |
36 | | - var downloads = links.Where(x => x.Link.LinkType.IsDownload).ToArray(); |
| 29 | + <h2>results</h2> |
| 30 | + if (searchResult.PostTitle.Try(out var postTitle)) |
| 31 | + { |
| 32 | + <h3> |
| 33 | + <a href="https://reddit.com/@Model.RedditPostId" target="_blank"> |
| 34 | + @postTitle |
| 35 | + </a> |
| 36 | + </h3> |
| 37 | + } |
| 38 | + else |
| 39 | + { |
| 40 | + <p><a href="https://reddit.com/@Model.RedditPostId" target="_blank">(open reddit post)</a></p> |
| 41 | + } |
37 | 42 |
|
38 | | - <p> |
39 | | - found <strong>@mirrors.Length</strong> @(mirrors.Length == 1 ? "mirror" : "mirrors") |
40 | | - and <strong>@downloads.Length</strong> @(downloads.Length == 1 ? "download" : "downloads"). |
41 | | - </p> |
| 43 | + @if (searchResult.Links.Count == 0) |
| 44 | + { |
| 45 | + <p>no links found. sorry about that.</p> |
| 46 | + } |
| 47 | + else |
| 48 | + { |
| 49 | + var mirrors = searchResult.Links.Where(x => x.Link.LinkType.IsMirror).ToArray(); |
| 50 | + var downloads = searchResult.Links.Where(x => x.Link.LinkType.IsDownload).ToArray(); |
42 | 51 |
|
43 | | - <div class="results-container"> |
44 | | - <div class="linktype-container"> |
45 | | - <h3>mirrors</h3> |
| 52 | + <p> |
| 53 | + found <strong>@mirrors.Length</strong> @(mirrors.Length == 1 ? "mirror" : "mirrors") |
| 54 | + and <strong>@downloads.Length</strong> @(downloads.Length == 1 ? "download" : "downloads"). |
| 55 | + </p> |
46 | 56 |
|
47 | | - @if (mirrors.Length == 0) |
48 | | - { |
49 | | - <p>(none)</p> |
50 | | - } |
51 | | - else |
52 | | - { |
53 | | - <ul> |
54 | | - @foreach (var (mirror, i) in mirrors.Select((x, i) => (x, i))) |
55 | | - { |
56 | | - <li> |
57 | | - <a href="@mirror.Link.LinkUrl" target="_blank">mirror #@(i + 1)</a> |
58 | | - (provided by <a href="https://reddit.com/user/@mirror.Owner.DisplayUsername" target="_blank">/u/@mirror.Owner.DisplayUsername</a>) |
59 | | - </li> |
60 | | - } |
61 | | - </ul> |
62 | | - } |
63 | | - </div> |
| 57 | + <div class="d-flex flex-column flex-lg-row justify-content-center ms-auto"> |
| 58 | + <div class="m-2 flex-grow-1 flex-lg-grow-0"> |
| 59 | + <h3>mirrors</h3> |
64 | 60 |
|
65 | | - <div class="linktype-container"> |
66 | | - <h3>downloads</h3> |
| 61 | + @if (mirrors.Length == 0) |
| 62 | + { |
| 63 | + <p>(none)</p> |
| 64 | + } |
| 65 | + else |
| 66 | + { |
| 67 | + <ul> |
| 68 | + @foreach (var (mirror, i) in mirrors.Select((x, i) => (x, i))) |
| 69 | + { |
| 70 | + <li class="text-start"> |
| 71 | + <a href="@mirror.Link.LinkUrl" target="_blank">mirror #@(i + 1)</a> |
| 72 | + (provided by <a href="https://reddit.com/user/@mirror.Owner.DisplayUsername" target="_blank">/u/@mirror.Owner.DisplayUsername</a>) |
| 73 | + </li> |
| 74 | + } |
| 75 | + </ul> |
| 76 | + } |
| 77 | + </div> |
| 78 | + |
| 79 | + <div class="m-2 flex-grow-1 flex-lg-grow-0"> |
| 80 | + <h3>downloads</h3> |
67 | 81 |
|
68 | | - @if (downloads.Length == 0) |
69 | | - { |
70 | | - <p>(none)</p> |
71 | | - } |
72 | | - else |
73 | | - { |
74 | | - <ul> |
75 | | - @foreach (var (download, i) in downloads.Select((x, i) => (x, i))) |
| 82 | + @if (downloads.Length == 0) |
| 83 | + { |
| 84 | + <p>(none)</p> |
| 85 | + } |
| 86 | + else |
76 | 87 | { |
77 | | - <li> |
78 | | - <a href="@download.Link.LinkUrl" target="_blank">download #@(i + 1)</a> |
79 | | - (provided by <a href="https://reddit.com/user/@download.Owner.DisplayUsername" target="_blank">/u/@download.Owner.DisplayUsername</a>) |
80 | | - </li> |
| 88 | + <ul> |
| 89 | + @foreach (var (download, i) in downloads.Select((x, i) => (x, i))) |
| 90 | + { |
| 91 | + <li class="text-start"> |
| 92 | + <a href="@download.Link.LinkUrl" target="_blank">download #@(i + 1)</a> |
| 93 | + (provided by <a href="https://reddit.com/user/@download.Owner.DisplayUsername" target="_blank">/u/@download.Owner.DisplayUsername</a>) |
| 94 | + </li> |
| 95 | + } |
| 96 | + </ul> |
81 | 97 | } |
82 | | - </ul> |
83 | | - } |
| 98 | + </div> |
84 | 99 | </div> |
85 | | - </div> |
| 100 | + } |
86 | 101 | } |
87 | | - } |
| 102 | + </div> |
88 | 103 | </div> |
0 commit comments