feature/spoiler-flag (#25)

Reviewed-on: #25

crates/adapters/template-askama/templates/activity_feed.html

@@ -46,8 +46,15 @@
       <span class="watch-medium">{{ wm.label() }}</span>
       {% endif %}
       {% if let Some(comment) = entry.review().comment() %}
+      {% if entry.review().spoilers() %}
+      <details class="comment spoiler">
+        <summary style="cursor:pointer;opacity:.75">Contains spoilers</summary>
+        {{ comment.value() }}
+      </details>
+      {% else %}
       <div class="comment">{{ comment.value() }}</div>
       {% endif %}
+      {% endif %}
       <div class="feed-meta">
         {% match entry.review().source() %}
         {% when ReviewSource::Remote with { actor_url } %}

crates/adapters/template-askama/templates/embed_profile.html

@@ -152,8 +152,15 @@
           {% endfor %}
         </div>
         {% if let Some(comment) = entry.review().comment() %}
+        {% if entry.review().spoilers() %}
+        <details class="embed-comment spoiler">
+          <summary style="cursor:pointer;opacity:.75">Contains spoilers</summary>
+          {{ comment.value() }}
+        </details>
+        {% else %}
         <div class="embed-comment">{{ comment.value() }}</div>
         {% endif %}
+        {% endif %}
         <div class="embed-watched-at">{{ entry.review().watched_at().format("%Y-%m-%d") }}</div>
       </div>
     </article>

crates/adapters/template-askama/templates/movie_detail.html

@@ -130,8 +130,15 @@
           {% endfor %}
         </div>
         {% if let Some(comment) = entry.review().comment() %}
+        {% if entry.review().spoilers() %}
+        <details class="comment spoiler">
+          <summary style="cursor:pointer;opacity:.75">Contains spoilers</summary>
+          {{ comment.value() }}
+        </details>
+        {% else %}
         <div class="comment">{{ comment.value() }}</div>
         {% endif %}
+        {% endif %}
         <div class="feed-meta">
           {% match entry.review().source() %}
           {% when ReviewSource::Remote with { actor_url } %}

crates/adapters/template-askama/templates/new_review.html

@@ -35,6 +35,9 @@
     Comment<br>
     <textarea name="comment"></textarea>
   </label>
+  <label>
+    Contains spoilers <input type="checkbox" name="spoilers" value="true">
+  </label>
   <label>
     Watched via <span class="optional">(optional)</span><br>
     <select name="watch_medium">

crates/adapters/template-askama/templates/profile.html

@@ -220,8 +220,15 @@
           {% endfor %}
         </div>
         {% if let Some(comment) = entry.review().comment() %}
+        {% if entry.review().spoilers() %}
+        <details class="comment spoiler">
+          <summary style="cursor:pointer;opacity:.75">Contains spoilers</summary>
+          {{ comment.value() }}
+        </details>
+        {% else %}
         <div class="comment">{{ comment.value() }}</div>
         {% endif %}
+        {% endif %}
         <div class="watched-at">{{ entry.review().watched_at().format("%Y-%m-%d") }}</div>
         {% if ctx.is_current_user(entry.review().user_id().value()) %}
         <form method="post" action="/reviews/{{ entry.review().id().value() }}/delete" class="delete-form">