diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.html | 6 | ||||
| -rw-r--r-- | templates/search.html | 48 |
2 files changed, 51 insertions, 3 deletions
diff --git a/templates/index.html b/templates/index.html index 35cfeba05023..263c8828a038 100644 --- a/templates/index.html +++ b/templates/index.html @@ -14,9 +14,9 @@ <a class="navbar-brand" href="/"> <h2>Converse</h2> </a> - <form class="form-inline"> - <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search" disabled> - <button class="btn btn-outline-success my-2 my-sm-0 mr-1" type="submit" disabled>Search</button> + <form class="form-inline" method="post" action="/search"> + <input class="form-control mr-sm-2" type="search" placeholder="Search" name="query" aria-label="Search"> + <button class="btn btn-outline-success my-2 my-sm-0 mr-1" type="submit">Search</button> <a class="btn btn-outline-secondary my-2" href="/thread/new">New thread</a> </form> </nav> diff --git a/templates/search.html b/templates/search.html new file mode 100644 index 000000000000..95384b1caf58 --- /dev/null +++ b/templates/search.html @@ -0,0 +1,48 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <meta http-equiv="Content-Security-Policy" content="script-src 'self';"> + <!-- Bootstrap CSS --> + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> + <title>Converse Index</title> + </head> + <body> + <header> + <nav class="navbar navbar-light bg-light justify-content-between mb-3"> + <a class="navbar-brand" href="/"> + <h2>Converse</h2> + </a> + <form class="form-inline" method="post" action="/search"> + <input class="form-control mr-sm-2" type="search" placeholder="Search" name="query" aria-label="Search"> + <button class="btn btn-outline-success my-2 my-sm-0 mr-1" type="submit">Search</button> + <a class="btn btn-outline-secondary my-2" href="/thread/new">New thread</a> + <a class="btn btn-outline-secondary my-2" href="/">Back to index</a> + </form> + </nav> + </header> + <div class="container"> + <div class="row"> + <div class="col-4"> + <h2>Search results for '{{ query }}':</h2> + </div> + </div> + <div class="row"> + <div class="col-12"> + <div class="list-group"> + {% for result in results -%} + <a href="/thread/{{ result.thread_id }}#post-{{ result.post_id }}" class="list-group-item flex-column list-group-item-action align-items-start"> + <div class="d-flex w-100 justify-content-between"> + <h5 class="mb-1">In thread '{{ result.title }}':</h5> + <div>{{ result.headline }}</div> + <div>(Posted by <i>{{ result.author }})</i></div> + </div> + </a> + {%- endfor %} + </div> + </div> + </div> + </div> + </body> +</html> |