diff options
| author | Vincent Ambo <tazjin@gmail.com> | 2018-04-11T11·25+0200 |
|---|---|---|
| committer | Vincent Ambo <tazjin@gmail.com> | 2018-04-11T11·25+0200 |
| commit | 87237f5c28f177830808aeb4710f72d31f14c045 (patch) | |
| tree | 0e1c0468daeaabd472f347304c19f0617a4591f2 /templates | |
| parent | 405e6340f86b5806e865c570e3afc28a1416cf34 (diff) | |
feat(render): Implement Markdown thread rendering & Gravatar
Implements a new thread rendering pipeline which all posts and the main thread body are first converted to a `RenderablePost` structure. During the conversion to this structure, the post body is rendered as Markdown and the author's email address is converted into the format required by Gravatar.
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/thread.html | 31 |
1 files changed, 6 insertions, 25 deletions
diff --git a/templates/thread.html b/templates/thread.html index ee5a3a4271fb..bbe288e92f13 100644 --- a/templates/thread.html +++ b/templates/thread.html @@ -5,7 +5,7 @@ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- 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: {{ thread.title }}</title> + <title>Converse: {{ title }}</title> </head> <body> <header> @@ -26,30 +26,10 @@ <div class="list-group-item flex-column"> <div class="row"> <div class="col-12"> - <h3>{{ thread.title }}</h3> + <h3>{{ title }}</h3> </div> </div> </div> - <div class="list-group-item flex-column align-items-start"> - <div class="row"> - <div class="col-2 border-right"> - <div class="row"> - <div class="col-12"> - <img src="https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50" /> - </div> - </div> - <div class="row"> - <div class="col-12"> - <strong>{{ thread.author_name }}</strong> - </div> - </div> - </div> - <div class="col-10"> - {{ thread.body }} - </div> - <small class="text-muted"> {{ thread.posted }} </small> - </div> - </div> {% for post in posts -%} <div class="list-group-item flex-column align-items-start"> @@ -57,7 +37,7 @@ <div class="col-2 border-right"> <div class="row"> <div class="col-12"> - <img src="https://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50" /> + <img src="https://www.gravatar.com/avatar/{{ post.author_gravatar }}?d=monsterid" /> </div> </div> <div class="row"> @@ -69,15 +49,16 @@ <div class="col-10"> {{ post.body }} </div> - <small class="text-muted"> {{ post.posted }} </small> + <small class="text-muted">{{ post.posted }}</small> </div> </div> {%- endfor %} + <div class="list-group-item flex-column align-items-start"> <div class="row"> <div class="col-12"> <form action="/thread/reply" method="post"> - <input type="hidden" id="thread_id" name="thread_id" value="{{ thread.id }}"> + <input type="hidden" id="thread_id" name="thread_id" value="{{ id }}"> <label for="body">You can use <strong>Markdown</strong>!</label> <div class="input-group"> <textarea class="form-control" id="body" name="body" aria-label="thread response"></textarea> |